staHuri
staHuri

openlayers 删除上一个图形

起因

近几日群里经常有人问如何删除一个绘制的图形(openlayers 中) ， 顾有此文

需求

  • 在openlayers中绘制图形，并且分为不同的样式
  • 删除上一个绘制的图形

思路

  • 创建多个point—style

  • 构造一个列表存放当前绘制的

    • 本文只有三个图层，使用了一个数组包装 :[图层索引,freature]

  • 删除
    根据图层索引删除
    jiankongLayerVector.getSource().removeFeature(pop1);

效果

本文源码

如果对你有帮助，请给一个star,fork 源码

openlayers 删除上一个图形_第1张图片


<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet"
        href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"
        integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M"
        crossorigin="anonymous">

  <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js">script>
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
          integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
          crossorigin="anonymous">script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"
          integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
          crossorigin="anonymous">script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"
          integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"
          crossorigin="anonymous">script>
  
  
  
  
  
  <!--integrity="sha256-77IKwU93jwIX7zmgEBfYGHcmeO0Fx2MoWB/ooh9QkBA="-->
  <!--crossorigin="anonymous">script>-->

  <script src="https://cdn.bootcss.com/openlayers/3.20.1/ol.js">script>
  <link href="https://cdn.bootcss.com/openlayers/3.20.1/ol.css" rel="stylesheet">
  

  <script
      src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL">script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.2.61/jspdf.min.js">script>
  <title>绘制图形title>
head>
<body>
<div class="container">
  <br>

  <div class="btn-group btn-group-sm" id="bar" role="group" aria-label="Draw">
    <button id="point" value="pointless" type="button" class="btn btn-success">视频监控点button>
    <button id="szy" value="pointless" type="button" class="btn btn-info">水质检测仪button>
    <button id="swy" value="pointless" type="button" class="btn btn-success">水位监测仪button>
    <button id="chexiao" value="pointless" type="button" class="btn btn-error"
            onclick="chexiaobtn()">撤销
    button>

  div>
div>
<div id="map" class="map">div>


body>
<script>

  var gaodeMapLayer = new ol.layer.Tile({
    source: new ol.source.XYZ({
      url: 'http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}'
    })
  });

  var jiankong = [
    new ol.style.Style({
      image: new ol.style.Circle({
        radius: 10,
        fill: new ol.style.Fill({
          color: '#de3f32'
        })
      })
    })
  ];

  var shuizhi = [
    new ol.style.Style({
      image: new ol.style.Circle({
        radius: 8,
        fill: new ol.style.Fill({
          color: '#003ade'
        })
      })
    })
  ];

  var shuiweiyi = [
    new ol.style.Style({
      image: new ol.style.Circle({
        radius: 7,
        fill: new ol.style.Fill({
          color: '#ff5b1e'
        })
      })
    })
  ];

  var jiankongLayerVector = new ol.layer.Vector({
    source: new ol.source.Vector(),
    style: jiankong

  });

  var shuizhiLayerVector = new ol.layer.Vector({
    source: new ol.source.Vector(),
    style: shuizhi

  });

  var shuiweiLayerVector = new ol.layer.Vector({
    source: new ol.source.Vector(),
    style: shuiweiyi

  });

  var map = new ol.Map({
    layers: [
      gaodeMapLayer,
      jiankongLayerVector,
      shuizhiLayerVector,
      shuiweiLayerVector
    ],
    target: 'map',
    view: new ol.View({
      center: [120, 30],
      projection: 'EPSG:4326',
      zoom: 10
    })
  });

  map.on('pointermove', function (e) {
    if (e.dragging) {
      return;
    }
    pixel = map.getEventPixel(e.originalEvent),
        hit = map.hasFeatureAtPixel(pixel);
    map.getTargetElement().style.cursor = hit ? 'pointer' : '';
  });

  var button = $('#pan').button('toggle');
  var interaction;
  var features = undefined;

  var all_draw_feature = [];

  $('div.btn-group button').on('click', function (event) {
    var id = event.target.id;
    var features;
    var selectedFeatures = undefined;
    button.button('toggle');
    button = $('#' + id).button('toggle');
    map.removeInteraction(interaction);
    switch (id) {
      case "point":
        interaction = new ol.interaction.Draw({
          type: 'Point',
          source: jiankongLayerVector.getSource()
        });
        interaction.on("drawend", function (e) {
          var source = e.target;
          var writer = new ol.format.WKT();
          var lest = e.feature;
          all_draw_feature.push([0, lest]);
          console.log("当前图像内容" + all_draw_feature.length)
        });
        map.addInteraction(interaction);
        break;
      case "szy":
        interaction = new ol.interaction.Draw({
          type: 'Point',
          source: shuizhiLayerVector.getSource()
        });
        interaction.on("drawend", function (e) {
          var source = e.target;
          var writer = new ol.format.WKT();
          var lest = e.feature;
          all_draw_feature.push([1, lest]);
          console.log("当前图像内容" + all_draw_feature.length)
        });
        map.addInteraction(interaction);
        break;
      case "swy":
        interaction = new ol.interaction.Draw({
          type: 'Point',
          source: shuiweiLayerVector.getSource()
        });
        interaction.on("drawend", function (e) {
          console.log("数万元");
          var source = e.target;
          var writer = new ol.format.WKT();
          var lest = e.feature;
          all_draw_feature.push([2, lest]);
          console.log("当前图像内容" + all_draw_feature.length)
        });
        map.addInteraction(interaction);
        break;
      default:
        break;
    }
    var snap = new ol.interaction.Snap({
      source: shuiweiLayerVector.getSource()
    });
    map.addInteraction(snap);
  });

  function chexiaobtn() {
    var pop = all_draw_feature.pop();
    console.log("当前图像内容 " + all_draw_feature.length);
    if (pop == undefined) {
      alert("没了不能删除了 ");
    } else if (pop[0] == 0) {
      jiankongLayerVector.getSource().removeFeature(pop[1]);
    } else if (pop[0] == 1) {
      shuizhiLayerVector.getSource().removeFeature(pop[1]);

    } else if (pop[0] == 2) {
      shuiweiLayerVector.getSource().removeFeature(pop[1]);

    }
  }


script>

html>

你可能感兴趣的:(map)

  • 完美解决org.mybatis.spring.MyBatisSystemException nested exception is org.apache.ibatis.reflection.Refl m0_74824076 mybatisspringapache
    完美解决org.mybatis.spring.MyBatisSystemException:nestedexceptionisorg.apache.ibatis.reflection.ReflectionException的正确解决方法，亲测有效！！！亲测有效报错问题解决思路解决方法1.检查MyBatis配置文件2.检查Mapper映射文件3.检查实体类和数据库表结构4.检查数据库连接配置5.检查
  • Flutter中的高德地图适配鸿蒙 GeniuswongAir harmonyos华为
    众所周知，虽然Flutter3.22版本编译到鸿蒙，已经没什么问题了。但是，还是特别多的好用的Flutter插件未适配鸿蒙。比如我们已经集成好的高德地图Flutter版的SDK，并没有适配鸿蒙。于是，只能自己动手术了。首先，Flutter版本的高德地图SDK如果你不想动它的话，直接去实现鸿蒙端的Plugin就可以了。第一步：创建AMapFlutterMapPlugin，注意名字什么的，和高德官方的
  • Spring-SpEL表达式超级详细使用全解 m0_74823963 springmysql数据库
    文章目录一、概述1、什么是SpEL2、SpEL能做什么二、SpEL表达式使用0、用到的类1、文字表达式2、属性,数组,List,Map,和索引（1）属性操作（2）数组和List（3）Map3、内嵌List4、内嵌Map5、构建数组6、调用类的方法7、SpEL操作符（1）标准运算符（2）instanceof和正则表达式的匹配操作符（3）操作符的英文等价标识（4）逻辑运算符（5）数学运算符（6）赋值运
  • MyBatis 之三：配置文件详解和 Mapper 接口方式 zp8126 MyBatismybatisjava
    配置文件MyBatis的配置文件是XML格式的，它定义了MyBatis运行时的核心行为和设置。默认的配置文件名称为mybatis-config.xml，该文件用于配置数据库连接、事务管理器、数据源、类型别名、映射器（mapper文件）以及其他全局属性。以下是一些主要配置元素的概览：作为整个配置文件的根元素，所有其他配置项都包含在其中。用于加载外部属性文件，这些属性可以在配置文件中其他地方通过${p
  • 子平八字生成 warrah 岁月云——java基础java服务器前端
    1多线程生成数据@PostMapping("genData")publicResponseResultgenData(){StopWatchstopWatch=newStopWatch();stopWatch.start();//intthreadPoolSize=Math.min(Runtime.getRuntime().availableProcessors()*2,64);intthread
  • 【SpringBoot】用一个常见错误说一下@RequestParam属性 后端springboot
    问题复现在开发过程中，我们经常会用到@RequestParam，我们常常会遇到另外一个问题。当需要特别多的请求参数时，我们往往会忽略其中一些参数是否可选。例如存在类似这样的代码：@RequestMapping(path="/hi4",method=RequestMethod.GET)publicStringhi4(@RequestParam("name")Stringname,@RequestPa
  • windows蓝牙驱动开发-BLE音频(二) 程序员王马 Windows蓝牙驱动开发windows驱动开发
    详细设计音频格式要求音频帧持续时间蓝牙LE音频配置文件允许实现支持音频帧持续时间为7.5毫秒或10毫秒的音频流式处理。Windows要求IHV提供的编解码器支持这两个帧持续时间，以确保与蓝牙LE音频配件设备的互操作性，并与连接到系统的其他蓝牙LE设备保持质量共存。信号处理模式定义蓝牙LE音频支持各种流式处理格式，从而支持不同的用户场景。BAP和TMAP规范定义了认证必须强制支持的格式。Window
  • 芝法酱学习笔记（2.5）——elastic-search 8.x初探（自用） 芝法酱 elasticsearchspringboot
    一、elastic-search的下载官网的下载地址在这里。官网文档地址在这里访问路径是doc/search让人惊呆了，新版的elastic-search竟然需要JDK23。ThelocaledatabaseusedbyElasticsearch,usedtomapfromvariousdateformatstotheunderlyingdatestorageformat,dependsonthe
  • 080：vue+cesium 利用PointPrimitiveCollection绘制4个不同颜色不同位置的点 还是大剑师兰特 #cesium综合教程200+大剑师cesium教程cesium入门cesium示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第080篇文章文章目录一、示例效果图二、示例介绍三、配置说明四、示例源代码（共101行）五、相关文章参考一
  • 【学习总结|DAY031】后端Web实战(员工管理)三 123yhy传奇 学习mysqljavamybatis
    一、删除员工功能实现（一）需求分析删除单条员工数据可视为特殊的批量删除，开发一个接口即可满足删除员工的功能需求，该接口需实现根据ID删除单个员工信息以及根据ID批量删除员工信息。（二）代码实现Controller层：提供两种接收请求参数的方式。通过集合接收参数的代码如下：@DeleteMappingpublicResultdelete(@RequestParamListids){log.info(
  • @Repository注解和@mapper的区别 YQ9 mybatisjavaspringboot
    1.@Repository注解通俗解释：你可以把@Repository注解想象成是一个专门负责管理数据库操作的“仓库管理员”。这个管理员主要负责和数据库打交道，就像管理一个大仓库一样，他会进行各种操作，比如把货物（数据）存进仓库（数据库），从仓库里拿出货物，更新货物信息，或者把货物从仓库中删除。举例：假设你在运营一个在线商城，需要存储和管理商品信息。你可以创建一个ProductRepository
  • 代码中使用 Iterable＜T＞ 作为方法参数的解释 YQ9 java
    /***根据课程id集合查询课程简单信息*@paramidsid集合*@return课程简单信息的列表*/@GetMapping("/courses/simpleInfo/list")ListgetSimpleInfoList(@RequestParam("ids")Iterableids);一、代码解释：@GetMapping("/courses/simpleInfo/list")：这是一个Sp
  • 利用Python运行Ansys Apdl ssssasda ansysapdl流处理批处理python
    Ansys流处理1.学习资源2.版本要求3.pymapdl安装流程4.初始设置和本地启动mapdl5.PyMAPDL语法6.工具库7.与window的交互接口1.学习资源Ansys官网：https://www.ansys.com/zh-cnAnsysAcademic（Ansys学术）:https://www.ansys.com/zh-cn/academicAnsysLearningForum（An
  • js迭代器模式 摇光93 JS设计模式javascript迭代器模式开发语言
    以前JS原生的集合类型数据结构，只有Array（数组）和Object（对象）；而ES6中，又新增了Map和Set。四种数据结构各自有着自己特别的内部实现，但我们仍期待以同样的一套规则去遍历它们，所以ES6在推出新数据结构的同时也推出了一套统一的接口机制——迭代器（Iterator）。ES6约定，任何数据结构只要具备Symbol.iterator属性（这个属性就是Iterator的具体实现，它本质上
  • ThreeJS入门（226）：THREE.CSS3DRenderer 知识详解，示例代码 还是大剑师兰特 #ThreeJS综合教程500+大剑师threejs入门threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第226篇入门文章文章目录特性构造函数方法`render(scene,came
  • c++写高性能的任务流线程池（万字详解！附完整github代码） 听风Q C++线程池githubc++javac语言性能优化可用性测试
    高性能的任务流线程池本文原是github开源项目MC_thread_pool的说明文档，原文发送在此，同时本文中所有代码均在github中有完整实现，查看代码请移步github仓库，或者123网盘！线程池使用modThreadLockTaskSemaphoreQueue优化：WorkSteal-任务偷窃机制任务偷窃机制，顾名思义就是偷取任务。我们写任务流线程池，普通的做法是定义多个任务队列分别去执
  • A*（自动寻路） 灵焱
    onLoad:function(){varMAP={rows:5,cols:5,arr:[[0,1,0,0,0],[0,1,0,1,0],[0,1,0,1,0],[0,1,0,1,0],[0,0,0,1,0]]}cc.log(this.searchRoad(MAP,0,0,4,4))},searchRoad:function(MAP,start_x,start_y,end_x,end_y){//用
  • 深入探讨JavaScript的弱引用机制：WeakRef、WeakSet与WeakMap的应用潜力 Light60 低代码实战篇技能篇javascript开发语言
    JavaScript在处理内存管理和对象引用时，弱引用机制在性能优化和内存泄漏防范方面展现了其独特的优势。本文将通过对WeakRef、WeakSet和WeakMap的深入解析，帮助开发者更好地理解并应用这一机制，确保高效和可维护的代码结构。一、WeakRef：掌控弱引用的利器1.定义与用法WeakRef（弱引用）允许您创建一个对对象的弱引用，该引用不会阻止垃圾回收器回收该对象。//创建一个对象，并
  • 滚雪球学Spring[5.2讲]：注解驱动的Spring MVC bug菌¹ #滚雪球学Springspringmvcjava注解SpringMVC
    本文收录于《滚雪球学Spring》专栏，手把手带你零基础教学Spring，从入门到就业，助你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：前言5.2注解驱动的SpringMVC1.@Controller与@RequestMapping1.1@Controller注解示例：定义一个简单的控制器1.2@RequestMapping注解示例：处理GE
  • Hive小文件合并 云掣YUNCHE hivehadoop数据仓库
    作者：振鹭一、参数配置：在Map输入的时候,把小文件合并。--每个Map最大输入大小，决定合并后的文件数setmapred.max.split.size=256000000;--一个节点上split的至少的大小，决定了多个datanode上的文件是否需要合并setmapred.min.split.size.per.node=100000000;--一个交换机下split的至少的大小，决定了多个交换
  • golang map原理 悟空丶123 golang开发语言后端
    map的实现原理map的定义map是由一组key,value键值对组成的抽象数据结构,并且同一个key只会出现一次。常见map操作add增加k-vremove删除k-vreassign修改k-vlookup查询k-v增删改查的操作。golang里的map结构主要有两种数据结构哈希查找表Hashtable哈希查找表用一个哈希函数将key分配到不同的桶。哈希查找表一般会存在碰撞问题，简而言之，不同的k
  • hive小文件合并机制_hive小文件的问题弊端以及合并 做生活的创作者 hive小文件合并机制
    小文件的弊端1、HDFS中每个文件的元数据信息，包括位置大小分块信息等，都保存在NN内存中，在小文件数较多的情况下，会造成占用大量内存空间，导致NN性能下降；2、在读取小文件多的目录时，MR会产生更多map数，造成GC频繁，浪费集群资源；3、现在大数据平台文件总数超过30亿，单个NS文件数超过4亿的时候，读写性能会急剧下降，影响到所有读写该NS的任务性能；4、如果队列限制最大map数是20000，
  • Golang map实现原理及源码分析 Aeiu Golanggolang源码后端
    本文涉及到的源码版本为GoSDK1.16.11、map的基本结构map是Golang中的一种常用数据结构，其本质上是一种哈希表，类似于java的HashMap以及Python的字典(dict)，是一种存储键值对(Key-Value)的数据结构。一般的Map会包含两个主要结构：数组：数组里的值指向一个链表链表：目的解决hash冲突的问题，并存放键值而在Golang中，解决hash冲突的不是链表，而是
  • 微信小程序实战教程：如何使用map组件实现地图功能 Jiaberrr 微信小程序小程序javascript前端map
    在微信小程序中，map组件是一个非常实用的功能，它可以帮助我们快速实现地图展示、定位、标注等操作。本文将详细介绍如何在微信小程序中使用map组件，带你轻松掌握地图开发技能。一、map组件概述map组件是微信小程序官方提供的一个地图组件，它支持地图展示、缩放、拖动、定位、标注等功能。在使用map组件之前，我们需要先在app.json中配置高德地图或腾讯地图的key。二、配置地图key登录微信小程序后
  • golang map探究 APuddding Golangmapgolang
    map的定义map[KeyType]ValueTypeKeyType为键的类型，ValueType为值的类型map初始化m1:=make(map[int]int)fmt.Println(m1)//map[]m2:=make(map[int]int,1)make初始化的时候，可以不指定map容量，也可以指定容量判断map是否存在某个值packagemainimport"fmt"funcmain(){
  • golang map m0_46521579 C++golang开发语言后端
    Go语言中的map是一种内置的数据结构，用于存储键值对（key-valuepairs）。它类似于其他语言中的字典（Python）、哈希表（Java）或关联数组（PHP）。map提供了高效的查找、插入和删除操作，是Go语言中非常常用的数据结构之一。（1）键值对存储：map存储的是一组键值对，键（key）和值（value）可以是任意类型。（2）键的唯一性：map中的键必须是唯一的，不能重复。（3）无序
  • 一款能够自动化过滤扫描结果的目录扫描工具，dirsx 尘佑不尘 自动化web安全安全工具
    公众号：泷羽Sec-尘宇安全前言平时使用过dirsearch｜dirmap等一些目录扫描工具，针对如今的WEB多样化，对扫描结果的过滤总感觉与预期不符合。因此下定决心造个轮子，就这样有了dirsx。下载地址：后台回复20241227获取下载地址往期推荐14w+poc，nuclei全家桶：nuclei模版管理工具+Nuclei红队武器库VulToolsKit全家桶：图形化页面+自己额外添加的一些工具
  • 使用WeakHashMap实现缓存自动清理 程序员
    使用WeakHashMap实现缓存自动清理在Java中，内存管理是一个重要的话题，尤其是在涉及到缓存的实现时。如果缓存项不再被使用，我们希望它们能被自动清理，而不必手动删除。WeakHashMap就是Java提供的一种用于缓存和内存管理的工具，它通过弱引用来存储键值对，能够实现自动清理机制。本文将深入探讨如何利用WeakHashMap来实现缓存自动清理，帮助你避免内存泄漏和不必要的内存占用。什么是
  • 渗透测试工具包 | 开源安全测试工具 | 网络安全工具_网络安全渗透测试工具 程序员安安 安全开源测试工具网络安全信息安全web安全android
    项目介绍记录渗透测试开源工具。自动化渗透测试AttackSurfaceMapper-自动化渗透测试工具,使用手册/测试流程。vajra-自动化渗透测试.Savior-渗透测试报告自动生成工具！.漏洞利用框架hackUtils-它是一个用于渗透测试和网络安全研究的黑客工具包，渗透以及web攻击脚本。msf框架：pocsscan攻击框架Pocsuite攻击框架Beebeeto攻击框架漏洞POC&EXP
  • SpringMVC工作流程（经典11步） With.627 spring
    11步来辣：1、用户发送请求至前端控制器DispatcherServlet。2、DispatcherServlet收到请求调用HandlerMapping处理器映射器。3、处理器映射器找到具体的处理器(可以根据xml配置、注解进行查找)，生成处理器对象及处理器拦截器(如果有则生成)一并返回给DispatcherServlet。4、DispatcherServlet调用HandlerAdapter处
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他