一指禅心
一指禅心

Openlayers 踩坑日记

Openlayers 踩坑日记

创建瓦片地图、、使用的是全能电子地图下载器扒的高德地图瓦片。

 //创建地图
    var map = new ol.Map({
        view: new ol.View({ 
            center: center,
            zoom: 12
        }),
        target: 'map'
    });

    // 添加一个使用离线瓦片地图的层
    var offlineMapLayer = new ol.layer.Tile({
        source: new ol.source.XYZ({
            // 设置本地离线瓦片所在路径，由于例子里面只有一张瓦片，页面显示时就只看得到一张瓦片。
            url: '/maps/{z}/{x}/{y}.png'
        })
    })

在地图上添加动态点：

var  point = new ol.Feature({
             geometry:new ol.geom.Point(ol.proj.fromLonLat([108.94716751861571+i*0.003, 34.26993638433956+i*0.003])),
             //给feature添加信息。。。绑定点的信息
             	 data: {
             	 		SGDD:i,
       	   		 }  
    		});
    	 point.setStyle(new ol.style.Style({
          	 image:new ol.style.Icon({
             src:'static/img/redpoint.png',
            })
          })
       ); 
      source = new ol.source.Vector({
    		features:[point]
    		
	      });
	 layer = new ol.layer.Vector({
       source: source
    	});
	map.addLayer(layer);

为地图上每一个事故点添加弹出框：

 map.on('click',function(e){
   //在点击时获取像素区域 
   var pixel = map.getEventPixel(e.originalEvent); 
   map.forEachFeatureAtPixel(pixel,function(feature){ 
   console.log(feature);
   content.innerHTML = "SGDD:"+feature.H.data.SGDD;
   //coodinate存放了点击时的坐标信息
    var coodinate = e.coordinate; 
    //设置弹出框内容，可以HTML自定义 
     //设置overlay的显示位置 
     overlay.setPosition(coodinate); 
     //显示overlay 
     map.addOverlay(overlay); 
     });

全部代码：

<html>
<head>
	<title>demo</title>
	<link rel="stylesheet" type="text/css" href="static/ol/ol.css">
	<script type="text/javascript" src="static/ol/ol.js" charset="UTF-8"></script>
	<style type="text/css">
		  
        .ol-popup {
            position: absolute;
            background-color: white;
            -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
            filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
            padding: 15px;
            border-radius: 10px;
            border: 1px solid #cccccc;
            bottom: 12px;
            left: -50px;
        }
        .ol-popup:after, .ol-popup:before {
            top: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }
        .ol-popup:after {
            border-top-color: white;
            border-width: 10px;
            left: 48px;
            margin-left: -10px;
        }
        .ol-popup:before {
            border-top-color: #cccccc;
            border-width: 11px;
            left: 48px;
            margin-left: -11px;
        }
        .ol-popup-closer {
            text-decoration: none;
            position: absolute;
            top: 2px;
            right: 8px;
        }
        .ol-popup-closer:after {
            content: "x";
        }
	</style>
</head>
 
<body onload="init()">
<div style="width:100%;">
	<div id="map" style="width:100%;"></div>
</div>
<div id="popup" class="ol-popup"> 
	<a href="#" id="popup-closer" class="ol-popup-closer"></a>
    <div id="popup-content"></div> 
</div>
	<script type="text/javascript">
		function init(){
		//中心坐标
		var center = ol.proj.transform([108.94716751861571, 34.26993638433956], 'EPSG:4326', 'EPSG:3857');
	 //创建地图
    var map = new ol.Map({
        view: new ol.View({ 
            center: center,
            zoom: 12
        }),
        target: 'map'
    });

    // 添加一个使用离线瓦片地图的层
    var offlineMapLayer = new ol.layer.Tile({
        source: new ol.source.XYZ({
            // 设置本地离线瓦片所在路径，由于例子里面只有一张瓦片，页面显示时就只看得到一张瓦片。
            url: '/maps/{z}/{x}/{y}.png'
        })
    });
    map.addLayer(offlineMapLayer);
    var source =null;
    var layer =null;
    
    var overlay =null;
    var container = document.getElementById("popup");
    var content = document.getElementById("popup-content"); 
    var closer = document.getElementById("popup-closer");
    
    for(var i=0;i<4;i++){
       var  point = new ol.Feature({
             geometry:new ol.geom.Point(ol.proj.fromLonLat([108.94716751861571+i*0.003, 34.26993638433956+i*0.003])),
             //给feature添加信息
             	 data: {
             	 		SGDD:i,
       	   		 }  
    		});
    	 point.setStyle(new ol.style.Style({
          	 image:new ol.style.Icon({
             src:'static/img/redpoint.png',
            })
          })
       ); 
      source = new ol.source.Vector({
    		features:[point]
    		
	      });
	 layer = new ol.layer.Vector({
       source: source
    	});
	map.addLayer(layer);
  }
      overlay = new ol.Overlay({ 
	   //设置弹出框的容器 
	   element: container, 
	   //是否自动平移，即假如标记在屏幕边缘，弹出时自动平移地图使弹出框完全可见
	    autoPan: true });
	    //点击关闭按钮  关闭弹窗 
	    closer.onclick = function () { 
	    //不显示弹出框 
	    overlay.setPosition(undefined); 
	    closer.blur(); 
	    return false; 
	    };
   map.on('click',function(e){
   //在点击时获取像素区域 
   var pixel = map.getEventPixel(e.originalEvent); 
   map.forEachFeatureAtPixel(pixel,function(feature){ 
   console.log(feature);
   content.innerHTML = "SGDD:"+feature.H.data.SGDD;
   //coodinate存放了点击时的坐标信息
    var coodinate = e.coordinate; 
    //设置弹出框内容，可以HTML自定义 
     //设置overlay的显示位置 
     overlay.setPosition(coodinate); 
     //显示overlay 
     map.addOverlay(overlay); 
     });
  });
  }
</script>
</body>
</html>

个人学习，总结所记录。。。。如有雷同纯属学习！

你可能感兴趣的:(Openlayers 踩坑日记)

  • OpenLayers集成天地图服务开发指南 喆星时瑜 WebGIS#天地图OpenLayersGIS天地图WebGISHTML地图地图API
    以下是一份面向GIS初学者的OpenLayers开发详细教程，深度解析代码：一、开发环境搭建1.1OpenLayers库引入ol.css：包含地图控件、图层等可视化样式ol.js：OpenLayers核心功能库推荐使用固定版本号（如v7.3.0）确保稳定性1.2地图容器设置.map{//设置地图控件显示尺寸height:95vh;width:95vw;}使用视口单位(vh/vw)实现响应式布局保留
  • 112：vue+cesium 设置镜头光晕效果 还是大剑师兰特 #cesium综合教程200+大剑师cesium教程cesium示例cesium高级CesiumAPI
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第:112`篇文章文章目录一、示例效果图:二、示例介绍三、配置说明四、示例源代码（共171行）五、核心方法
  • 【ol-cesium】OpenLayers与Cesium的二三维联动 不爱赖床的懒虫 笔记前端vuecesiumopenlayers二三维联动
    OpenLayers与Cesium的二三维联动本文主要介绍OpenLayers与Cesium二三维联动的实现过程，以及在实现的过程中所遇到的问题以及解决方法。研究二三维联动的动机是需要开发基于GeoServer地图服务器的地理场景可视化系统，其中涉及到对服务器中地理数据的展示与交互部分，同时在三维场景中展示数字高程与地表影像信息。地理场景可视化系统我后续也会站看介绍，感兴趣的读者可以关注我后续的博
  • gis地图开发-openlayer2热力图显示 粮忆雨 GIS地图开发gis地图开发热力图标注
    openlayers2还没将heatmap类加入，到openlayers3采用。但是考虑到浏览器的兼容性兼容到更低本版的IE，所以这里采用openlayers2版本开发gis。想要进行热力图开发就必须先对其扩展（heatmap-openlayers.js）。直接上代码//地图基础配置varoptions={controls:[newOpenLayers.Control.PanZoomBar(),n
  • Vue+OpenLayers 实现点击查询要素信息 小zhi学习 vue+olvue.jscsscss3
    1、给地图绑定点击事件this.map.on('click',this.mapClick);2、导入axiosnpmiaxiosimportaxiosfrom'axios'3、编写方法mapClick(event){//获取url的getFeatureInfo请求地址varurl=this.layer.getSource().getFeatureInfoUrl(event.coordinate,t
  • Vue2+OpenLayers动态绘制两个经纬度并计算距离（提供Gitee源码） 黄团团 VueOpenLayersgiteejavascriptexceljavahtml前端
    目录一、案例截图二、安装OpenLayers库三、代码实现3.1、初始化变量3.2、开始/结束绘制3.3、计算两点距离3.4、添加文本标注3.5、添加点3.6、添加线3.7、初始化地图点击事件3.8、加载地图3.9、完整代码四、Gitee源码一、案例截图二、安装OpenLayers库npminstallol三、代码实现页面代码如下：&l
  • Vue2+OpenLayers实现点位拖拽功能（提供Gitee源码） 黄团团 VueOpenLayersgitee前端htmljavascript开发语言
    目录一、案例截图二、安装OpenLayers库三、代码实现3.1、初始化变量3.2、创建一个点3.3、将点添加到地图上3.4、实现点位拖拽3.5、完整代码四、Gitee源码一、案例截图可以随意拖拽点位到你想要的位置二、安装OpenLayers库npminstallol三、代码实现3.1、初始化变量关键代码：data(){return{map:null,vectorLayer:null,}},3.2
  • Vue2+OpenLayers点聚合功能实现（提供Gitee源码） 黄团团 VueOpenLayersvue.js前端数据库html
    目录一、案例截图二、安装OpenLayers库三、代码实现3.1、初始化点位3.2、初始化VectorSource3.3、初始化Cluster3.4、初始化VectorLayer3.5、完整代码四、Gitee源码一、案例截图一定距离的点（可配置）系统会自动聚合：二、安装OpenLayers库npminstallol三、代码实现3.1、初始化点位这里返回一个Features集合，也就是点位集合。关键
  • 100.Vue3 + OpenLayers：使用 marker-feature 添加 Marker 吉檀迦俐 OpenLayersvue.js前端javascript深度学习openlayers
    在前端GIS（地理信息系统）开发中，OpenLayers是一个强大的开源地图库，可以帮助开发者快速构建Web地图应用。本文将详细介绍如何在Vue3项目中，使用OpenLayers并结合marker-feature插件来添加Marker。1.项目初始化如果你的Vue3项目还没有创建，可以使用Vite进行快速搭建：npmcreatevite@latestvue-openlayers-demo--tem
  • 【踩坑日记23】UserWarning: Plan failed with a cudnnException: CUDNN_BACKEND_EXECUTION_PLAN_DESCRIPTOR longii11 python人工智能
    问题描述/mnt/lab/XXX/anaconda3/envs/diffusion_ddpo/lib/python3.10/site-packages/torch/nn/modules/conv.py:456:UserWarning:PlanfailedwithacudnnException:CUDNN_BACKEND_EXECUTION_PLAN_DESCRIPTOR:cudnnFinalize
  • 【踩坑日记34】FutureWarning: You are using `torch.load` with `weights_only=False` (the current default val longii11 python
    问题描述FutureWarning:Youareusing`torch.load`with`weights_only=False`(thecurrentdefaultvalue),whichusesthedefaultpicklemoduleimplicitly.Itispossibletoconstructmaliciouspickledatawhichwillexecutearbitraryc
  • 【踩坑日记15】safetensors_rust.SafetensorError: Error while deserializing header: HeaderTooLarge longii11 开发语言后端
    问题描述加载stabilityai/stable-diffusion-xl-base-1.0模型时，出现问题。Errorwhiledeserializingheader:HeaderTooLargeFile"/home/XXX/code/dreambooth_lora/train_dreambooth_lora_sdxl_advanced.py",line1278,inmaintext_encod
  • ThreeJS入门（140）：THREE.Mouse 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs教程threejs示例threejs入门1024程序员节
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第140篇入门文章文章目录常量使用场景示例常量的使用总结THREE.MOUSE
  • 【OpenLayers】WebGIS的二次开发（1）——代码编写 Anchenry GIS可视化前端jsjson
    0、缘起本文章主要讲述基于OpenLayers的WebGIS的二次开发功能的主要实现过程并附上部分代码，主要有地图缩放控件、导航控件、比例尺控件、鹰眼控件、全屏显示控件、图层探查控件、动画效果控件、地图切换功能、测量功能、图文标注功能、Popup标注功能、视图联动功能、地图定位功能、热点图、统计图以及搜索功能。本系列的第二篇文章将主要演示实现的效果。1、添加地图及地图切换功能开发网页地图首先就是需
  • 【异常】商城H5首页接口调用慢开发踩坑日记 本本本添哥 003-中间件redis缓存数据库
    一、业务功能描述最近业务提出了修改首页UI功能的需求，原来首页都是通过店铺装修功能来实现的，但是原来店铺装修功能，通过接口/mallapi/pagedevise?pageType=1返回给前端数据是存在局限性，返回的都是在店铺装修后数据的缓存值，即返回的内容是用户点击确认之后，记录的是系统商品当时的瞬时值。下面让我们来看看这段代码，代码很简单，主要做了如下事情（1）校验页面分类pageType（1
  • 024：vue+threeJS 创建多面几何体（PolyhedronGeometry） 还是大剑师兰特 #ThreeJS代码示例200+大剑师threejs教程threejs示例threejs基础
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第024个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共98行）五、相关文章参考一、
  • ThreeJS入门（036）：THREE.RawShaderMaterial 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第036篇入门文章文章目录构造函数常用属性示例使用统一变量使用宏定义使用扩展使
  • 踩坑日记1：测试设计漏测 zyz_Kilig 功能测试
    项目场景：裁剪IPv6相关特性问题描述：更换版本一周后，多个局点反馈在升级新版本后出现负载分担不生效的问题。原因分析：开发角度：特性裁剪时未考虑上行PPPoEServer启动IPv6的场景，在设计阶段未评审出来。项目过程中，设计人员对新业务技术理解不深刻，未考虑上行PPPoEServer启动IPv6的场景，裁剪开源项目optionIPv6相关特性时，后台配置有遗留，导致main表多出一个缺省路由，
  • 089：vue+cesium 粒子系统定点喷射红色烟雾效果 还是大剑师兰特 #cesium综合教程200+大剑师cesium配置cesium教程cesium示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第089篇文章文章目录一、示例效果图二、示例介绍三、配置说明四、示例源代码（共122行）一、示例效果图二、
  • uniapp 整合openlayers 编辑图形文件并上传到服务器 破z晓 uni-app前端javascript
    引入openlayer依赖importMapfrom'ol/Map.js'//OpenLayers的主要类，用于创建和管理地图importViewfrom'ol/View.js'//OpenLayers的视图类，定义地图的视图属性importTileLayerfrom'ol/layer/Tile.js'//OpenLayers的瓦片图层类importXYZfrom'ol/source/XYZ.js
  • 90.在 Vue 3 中使用 OpenLayers 实现 Canvas 个性化圆形 吉檀迦俐 OpenLayersvue.js前端javascriptopenlayers深度学习前端框架
    前言在前端地图应用开发中，OpenLayers是一个非常强大的库，可以帮助我们处理地理空间数据并实现复杂的地图展示。与其他地图引擎相比，OpenLayers提供了更多的灵活性，特别是对地图元素（如点、线、面）的样式定制。本文将介绍如何在Vue3项目中结合OpenLayers使用canvas渲染个性化的圆形样式。项目背景在本项目中，我们使用Vue3和OpenLayers来实现地图的展示，同时在地图中
  • OpenLayers总结3 Super毛毛穗 WebGIS开发OpenLayersGISWebGIS
    一、静态测距1.原理静态测距主要是针对地图上已有的矢量要素（如线要素），利用OpenLayers提供的几何计算函数来获取其长度。在实际操作中，先加载包含几何要素的GeoJSON数据到矢量图层，当鼠标指针移动到要素上时，获取该要素的几何信息，再调用getLength函数计算其长度。2.代码实现步骤及注释//引入必要的模块importVectorLayerfrom"ol/layer/Vector.js
  • 高德地图坐标系 转换 EPSG:4326 鎈卟誃筅甡 Openlayersarcgis
    若要将高德地图的经纬度（基于GCJ-02坐标系）转换为EPSG:4326（WGS84）坐标系，你需要使用一个能够执行这种坐标转换的库或工具。由于高德地图使用的是GCJ-02坐标系，而EPSG:4326是WGS84坐标系，因此直接转换需要特定的算法。OpenLayers本身并不直接提供从GCJ-02到WGS84的转换功能，但你可以使用其他库，如coordtransform，或者自己实现转换算法。以下
  • 2. Openlayers加载天地图、百度、高德、ArcGIS、Bing、OSM、Google地图 （结合Vue 详细教程） 三维giser OpenLayers详细教程javascriptarcgis
    目录Openlayers加载天地图、百度、高德、ArcGIS、Bing、OSM、Google地图1.地图数据源类型及其使用方法1.XYZ(ol/source/XYZ)2.OSM(ol/source/OSM)3.WMS(ol/source/TileWMS)2.如何在地图中使用数据源1.使用XYZ数据源（StamenMaps服务）2.使用OSM数据源3.使用WMS数据源（以Geoserver服务为例）
  • 021：vue+leaflet 加载Stadia地图（多种形式） 还是大剑师兰特 #leaflet综合教程150+leaflet教程stadia地图大剑师leaflet学习leaflet入门教程
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第021个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共94行）五、相关文章参考一、
  • Vue+OpenLayers7入门到实战：OpenLayers7加载天地图 汤姆猫不是猫 #vue.js前端javascriptOpenLayersOpenLayers7天地图
    返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7入门到实战前言本章介绍如何使用OpenLayers7在地图上加载天地图.天地图瓦片访问需要先到天地图申请key。天地图官网链接本文使用xyz方式加载天地图，并且介绍如何加载xyz格式天地图url，包括天地图纯底图（无标记）、卫星影像图和纯标记图（不含底图）二、依赖和使用"ol":"7.5.2"
  • ThreeJS入门（233）：THREE.DirectionalLightHelper 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs入门threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第233篇入门文章文章目录特性构造函数方法`update()`使用示例注意事项
  • 70.在 Vue 3 中使用 OpenLayers 拖拽实现放大区域的效果（DragZoom） 吉檀迦俐 OpenLayersvue.js前端javascriptopenlayers
    引言在现代Web开发中，地图功能已经成为许多应用的重要组成部分。OpenLayers是一个功能强大的开源地图库，支持多种地图源和交互操作。Vue3是一个流行的前端框架，以其响应式数据和组件化开发著称。本文将介绍如何在Vue3中集成OpenLayers，并实现拖拽放大区域的效果（DragZoom）。实现效果按住Shift键，使用鼠标左键圈选区域，地图会自动放大到选中的区域。支持地图的拖拽、缩放等基本
  • 适合画地图的js库对比整理，Leaflet，Google Maps，Mapbox GL JS，OpenLayers，Cesium，D3.js等对应官方网站、Github项目地址、特点、使用场景及应用 飞火流星02027 前台地图GISjavascript地图库LeafletD3.jsMapboxGLJSGoogleMapsOpenLayers
    摘要适合画地图的js库对比整理，Leaflet，GoogleMapsJavaScriptAPI，MapboxGLJS，OpenLayers，Cesium，D3.js及对应官方网站、Github项目地址、特点、使用场景地图库对比整理明细表说明维度库名Github项目特点使用场景LeafletLeaflet/Leaflet轻量级、易于使用、功能丰富。支持各种地图服务（如OpenStreetMap、Ma
  • openlayers添加按钮_OpenLayers系列(4)——使用控制器 | 学步园 weixin_39689394 openlayers添加按钮
    控制器可以使用在地图上，也可以使用在地图之外的元素如中。添加控制器有两种方式：1.在map对象初始化时以js数组的形式把OpenLayers控制器传入2.在map对象初始化后，调用addControl()来添加单个控制器或者addControls()传入一个控制器数组对象当一个map对象被初始化后，默认会有4种控制器：1.OpenLayers.Control.Navigation:用来控制地图与鼠
  • linux系统服务器下jsp传参数乱码 3213213333332132 javajsplinuxwindowsxml
    在一次解决乱码问题中， 发现jsp在windows下用js原生的方法进行编码没有问题，但是到了linux下就有问题， escape,encodeURI,encodeURIComponent等都解决不了问题 但是我想了下既然原生的方法不行，我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码，最后在绝望之际，用了下面的方法解决了
  • Spring 注解区别以及应用 BlueSkator spring
    1. @Autowired @Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean，或者不存在UserDao类型的bean，会抛出 BeanCreationException异常，这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。   2. @Qualifier 当spring中存在至少一个匹
  • printf和sprintf的应用 dcj3sjt126com PHPsprintfprintf
    <?php printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80); echo '<br />'; printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456); printf('th
  • config.getInitParameter 171815164 parameter
    web.xml <servlet> <servlet-name>servlet1</servlet-name> <jsp-file>/index.jsp</jsp-file> <init-param> <param-name>str</param-name>
  • Ant标签详解--基础操作 g21121 ant
            Ant的一些核心概念：         build.xml：构建文件是以XML 文件来描述的，默认构建文件名为build.xml。        project：每个构建文
  • [简单]代码片段_数据合并 53873039oycg 代码
            合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。         代码如下:        
  • java 通信技术 云端月影 Java 远程通信技术
    在分布式服务框架中，一个最基础的问题就是远程服务是怎么通讯的，在Java领域中有很多可实现远程通讯的技术，例如：RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等，这些名词之间到底是些什么关系呢，它们背后到底是基于什么原理实现的呢，了解这些是实现分布式服务框架的基础知识，而如果在性能上有高的要求的话，那深入了解这些技术背后的机制就是必须的了，在这篇blog中我们将来
  • string与StringBuilder 性能差距到底有多大 aijuans
              之前也看过一些对string与StringBuilder的性能分析，总感觉这个应该对整体性能不会产生多大的影响，所以就一直没有关注这块！         由于学程序初期最先接触的string拼接，所以就一直没改变过自己的习惯！        
  • 今天碰到 java.util.ConcurrentModificationException 异常 antonyup_2006 java多线程工作IBM
    今天改bug，其中有个实现是要对map进行循环，然后有删除操作，代码如下： Iterator<ListItem> iter = ItemMap.keySet.iterator(); while(iter.hasNext()){ ListItem it = iter.next(); //...一些逻辑操作 ItemMap.remove(it); } 结果运行报Con
  • PL/SQL的类型和JDBC操作数据库 百合不是茶 PL/SQL表标量类型游标PL/SQL记录
    PL/SQL的标量类型:    字符,数字,时间,布尔,%type五中类型的 --标量：数据库中预定义类型的变量 --定义一个变长字符串 v_ename varchar2(10); --定义一个小数,范围 -9999.99~9999.99 v_sal number(6,2); --定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号
  • Mockito：一个强大的用于 Java 开发的模拟测试框架实例 bijian1013 mockito单元测试
    Mockito框架：         Mockito是一个基于MIT协议的开源java测试框架。         Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测
  • 精通Oracle10编程SQL(10)处理例外 bijian1013 oracle数据库plsql
    /* *处理例外 */ --例外简介 --处理例外-传递例外 declare v_ename emp.ename%TYPE; begin SELECT ename INTO v_ename FROM emp where empno=&no; dbms_output.put_line('雇员名：'||v_ename); exceptio
  • 【Java】Java执行远程机器上Linux命令 bit1129 linux命令
    Java使用ethz通过ssh2执行远程机器Linux上命令，   封装定义Linux机器的环境信息   package com.tom; import java.io.File; public class Env { private String hostaddr; //Linux机器的IP地址 private Integer po
  • java通信之Socket通信基础 白糖_ javasocket网络协议
    正处于网络环境下的两个程序，它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤： ①创建Socket； ②打开连接到Socket的输入输出流； ④按照一定的协议对Socket进行读写操作； ④关闭Socket。   Socket通信分两部分：服务器端和客户端。服务器端必须优先启动，然后等待soc
  • angular.bind boyitech AngularJSangular.bindAngularJS APIbind
    angular.bind 描述：         上下文，函数以及参数动态绑定，返回值为绑定之后的函数. 其中args是可选的动态参数，self在fn中使用this调用。 使用方法：          angular.bind(se
  • java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class KickOutBadGuys { /** * 题目：13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 * Maybe you can find out
  • Redis.conf配置文件及相关项说明（自查备用） Kai_Ge redis
       Redis.conf配置文件及相关项说明 # Redis configuration file example # Note on units: when memory size is needed, it is possible to specifiy # it in the usual form of 1k 5GB 4M and so forth: #
  • [强人工智能]实现大规模拓扑分析是实现强人工智能的前奏 comsci 人工智能
         真不好意思,各位朋友...博客再次更新...      节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心....      但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大...
  • 记录一些常用的函数 dai_lm java
    public static String convertInputStreamToString(InputStream is) { StringBuilder result = new StringBuilder(); if (is != null) try { InputStreamReader inputReader = new InputStreamRead
  • Hadoop中小规模集群的并行计算缺陷 datamachine mapreducehadoop并行计算
    注：写这篇文章的初衷是因为Hadoop炒得有点太热，很多用户现有数据规模并不适用于Hadoop，但迫于扩容压力和去IOE（Hadoop的廉价扩展的确非常有吸引力）而尝试。尝试永远是件正确的事儿，但有时候不用太突进，可以调优或调需求，发挥现有系统的最大效用为上策。 -----------------------------------------------------------------
  • 小学4年级英语单词背诵第二课 dcj3sjt126com englishword
    egg  蛋 twenty 二十 any 任何 well 健康的，好   twelve 十二 farm 农场 every 每一个 back 向后，回   fast 快速的 whose 谁的 much 许多 flower 花   watch 手表 very 非常，很 sport 运动 Chinese 中国的  
  • 自己实践了github的webhooks, linux上面的权限需要注意 dcj3sjt126com githubwebhook
    环境, 阿里云服务器   1. 本地创建项目, push到github服务器上面   2. 生成www用户的密钥 sudo -u www ssh-keygen -t rsa -C "[email protected]"     3. 将密钥添加到github帐号的SSH_KEYS里面   3. 用www用户执行克隆, 源使
  • Java冒泡排序 蕃薯耀 冒泡排序Java冒泡排序Java排序
    冒泡排序 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 10:40:14 星期二 http://fanshuyao.iteye.com/
  • Excle读取数据转换为实体List【基于apache-poi】 hanqunfeng apache
    1.依赖apache-poi   2.支持xls和xlsx   3.支持按属性名称绑定数据值   4.支持从指定行、列开始读取   5.支持同时读取多个sheet   6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java 比如： Str
  • 3个处于草稿阶段的Javascript API介绍 jackyrong JavaScript
    原文： http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email   本文中，介绍3个仍然处于草稿阶段，但应该值得关注的Javascript API. 1) Web Alarm API   &
  • 6个创建Web应用程序的高效PHP框架 lampcy Web框架PHP
    以下是创建Web应用程序的PHP框架，有coder bay网站整理推荐： 1. CakePHP CakePHP是一个PHP快速开发框架，它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式，如MVC和ORM，降低了开发成本，并减少了开发人员写代码的工作量。 2. CodeIgniter CodeIgniter是一个非常小且功能强大的PHP框架，适合需
  • 评"救市后中国股市新乱象泛起"谣言 nannan408
    首先来看百度百家一位易姓作者的新闻： 三个多星期来股市持续暴跌，跌得投资者及上市公司都处于极度的恐慌和焦虑中，都要寻找自保及规避风险的方式。面对股市之危机，政府突然进入市场救市，希望以此来重建市场信心，以此来扭转股市持续暴跌的预期。而政府进入市场后，由于市场运作方式发生了巨大变化，投资者及上市公司为了自保及为了应对这种变化，中国股市新的乱象也自然产生。 首先，中国股市这两天
  • 页面全屏遮罩的实现 方式 Rainbow702 htmlcss遮罩mask
    之前做了一个页面，在点击了某个按钮之后，要求页面出现一个全屏遮罩，一开始使用了position:absolute来实现的。当时因为画面大小是固定的，不可以resize的，所以，没有发现问题。 最近用了同样的做法做了一个遮罩，但是画面是可以进行resize的，所以就发现了一个问题，当画面被reisze到浏览器出现了滚动条的时候，就发现，用absolute 的做法是有问题的。后来改成fixed定位就
  • 关于angularjs的点滴 tntxia AngularJS
      angular是一个新兴的JS框架，和以往的框架不同的事，Angularjs更注重于js的建模，管理，同时也提供大量的组件帮助用户组建商业化程序，是一种值得研究的JS框架。   Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。   这里我们来简单的探讨一下它的应用。   首先使用Angularjs我
  • Nutz--->>反复新建ioc容器的后果 xiaoxiao1992428 DAOmvcIOCnutz
    问题： public class DaoZ {     public static Dao dao() { // 每当需要使用dao的时候就取一次     Ioc ioc = new NutIoc(new JsonLoader("dao.js"));     return ioc.get(
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他