一指禅心
一指禅心

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 踩坑日记)

  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • vue+threeJS示例（001）: 不断翻转的立体箱体 还是大剑师兰特 #ThreeJS综合教程200+threejs入门threejs教程threejs示例大剑师
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第001个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共88行）一、示例效果图二、示
  • uniapp微信小程序开发踩坑日记：Pinia持久化报错Cannot read property ‘localStorage‘ of undefined 肖肖肖丽珠 uni-app微信小程序小程序
    插件默认使用localStorage实现持久化，小程序端不兼容，需要替换持久化APIimport{defineStore}from'pinia'exportconstuseCommonStore=defineStore('pack-store',{state:():State=>({wwInfo:{},globalData:{},timerLock:false,//是否关闭合成定时器}),gett
  • 开源GIS与Vue结合 桃子味的白开水
    相关插件安装推荐使用npm的方式安装，它能更好地和webpack打包工具配合使用。¶1、ol-----OpenLayers地图操作基础包[email protected]¶2、ol-ext-----OpenLayers扩展包npminstallol-ext¶3、proj4------前端投影转换包npminstallproj4¶4、turf------前端空间分析包npminstall@tur
  • 在Vue项目中使用Proj4js库进行坐标系转换并加载WMTS服务 卡夫卡的小熊猫 vue.js前端
    OpenLayers是一个用于创建Web地图应用程序的JavaScript库。它支持许多不同的地图投影和坐标系，包括常见的Web墨卡托投影（EPSG:3857）和经纬度坐标系（EPSG:4326），以及其他许多本地或自定义的投影和坐标系。要在OpenLayers中转换不同坐标系下的WMTS服务，你需要了解两个主要部分：坐标系的定义和WMTS服务的配置。安装Proj4js：首先，在Vue项目中安装P
  • 四章-47-KML地震信息 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1047.html，对应的官网示例https://openlayers.org/en/latest/examples/kml-earthquakes.html?q=kmlimage.pngimage.pngKML源，数据处理方式和前例相同信息弹窗使用了bootstr
  • WebGL入门（019）：WebGLSync 简介、使用方法、示例代码 还是大剑师兰特 #webGL开发教程webgl大剑师
    还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。No.内容链接1Openlayers【入门教程】-【源代码+示例300+】2Leaflet【入门教
  • openlayers3——点 人鱼小姐ww openlayers前端
    本篇文章主要是介绍运用openlayers3新增点、移动点，删除点。新增点步骤：1、新增元素2、把元素添加到图层数据源上3、把图层数据源放到图层上4、把图层添加到地图上//新增元素that.pointFeature=newol.Feature({geometry:newol.geom.Point([data.longitude,data.latitude]),//经纬度key:data.id,})
  • Openlayers用图片填充面 Jinuss 玩转OpenlayersjavascriptOplayers
    概述我们知道openlayers通常设置feature要素的方式主要是通过ol.style.stroke描边和ol.style.fill填充,这对比较简单的样式设置十分有效。如果要设置feature的图标，还可以通过ol.style.Icon加载外部图片资源，但是如果要设置面的填充，就需要稍微复杂的设置。效果解决方案colorlikeopenlayers中定义了colorlike类型,通过ol.c
  • Openlayers用图片填充线 Jinuss 玩转Openlayers前端Oplayers前端
    概述上文中提过Openlayers如何用图片填充面，那么我们如何用图片或图标去填充线条呢？在面的填充，我们是平铺的，没有方向，在水平垂直方向重复就完事，但是在线的填充就没有这么简单粗暴了，因为线往往是首尾两端有方向的，比如当线条表示线路图时，pattern就有些力不从心了。效果解决方案StyleFunctionOpenlayers中设置样式除了Style的stroke和fill往，还提供了另一种方
  • 283：vue+openlayers 4326和3857坐标系下的分辨率区别 还是大剑师兰特 #大剑师openlayers示例openlayers入门openlayers教程
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第283个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共115行）五、相关文章参考一
  • Vue使用openlayers加载天地图 zsd_666 前端
    Vue使用openlayers加载天地图https://www.jb51.net/javascript/315236epf.htm
  • 五章-50-绘制点线面 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1050.html，对应的官网示例https://openlayers.org/en/latest/examples/draw-features.html?q=Draghttps://openlayers.org/en/latest/examples/draw-fr
  • 四章-46-使用KML文件渲染要素 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1046.html，对应的官网示例https://openlayers.org/en/latest/examples/kml.html?q=wktimage.pngimage.pngKML varraster=newol.layer.Tile({sourc
  • uniapp微信小程序开发踩坑日记：获取带参小程序码中的参数（获取地址栏参数） 早八睡不醒午觉睡不够的程序猿 小程序uni-app微信小程序
    一、三种小程序码微信提供了三种生成小程序码的接口第一种小程序码是有限制的，只能在微信内打开，不能长期保存和分享第二种小程序码可以保存到手机相册，也可以分享给其他人，适合在需要长期保存或分享的场景下使用第三种小程序码是一种带参数的小程序码，可以包含额外的信息，比如推广参数或场景信息今天我们要介绍的就是获取带参小程序码中的参数二、参数获取带参数的小程序码除了携带扫码后跳转到的页面信息外，还可以携带由程
  • uniapp微信小程序开发踩坑日记：onShow的应用场景及用法 早八睡不醒午觉睡不够的程序猿 uni-app微信小程序小程序前端开发语言
    onShow的应用场景由于微信小程序是单页应用程序，所以用户在打开小程序后，只有第一次进入页面时会加载页面，之后再通过导航栏切换到相同的页面并不会导致页面重新加载但是在某些场景下，我们希望每次用户一回到某个页面，就执行相应的函数，但因为导航栏切换页面并不会导致页面重新加载，所以页面中的代码不会被再次执行如果大家和我一样使用vue3开发，可能会想到使用vue3的生命周期函数onMounted，但同样
  • Vue中$root的使用方法 还是大剑师兰特 #vue2实战指南vue.jsvue的root大剑师
    查看本专栏目录关于作者还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信，一起交流。热门推荐内容链接1openlayers从基础到精通，300+代码示例2leaflet热门分解学习教程，15
  • JENKINS部署-学习踩坑日记 xu84557120 jenkins学习运维
    1、JENKINS情况介绍使用docker安装JENKINS，教程可以在网上搜到，步骤执行；2、服务器情况介绍JENKINS部署在A服务器上面，要把项目从gitlab上面拉取下来，然后编译推送jar到B服务器，然后通过docker-composebuildframework（构建新镜像）和docker-composeupframework-d（启动项目执行）命令启动，此处要注意这些命令必须在doc
  • vue3结合openlayers，geoserver实现GIS一张图(WebGIS) GIS小小白 javascriptvue.js前端arcgispostgresqlweb
    一.前言不知不觉一年又要过去了，接触开发也就是这几个月的事情，感觉时间过的真快，今天就是除夕了，祝各位新年快乐呀，话说回来，其实在接触学习WebGIS的过程中还是蛮迷茫的，自己虽然是地信的学生，对于地理方面还有有一些自己的理解，但平时专业课学习的就是arcgis空间分析，遥感图像处理，WebGIS的部分并不是太重视，可能是因为没有那么多时间，毕竟这需要扎实的前端技能，不是一朝一夕就可以说明白的，当
  • CSS特效027：超可爱的小狗狗，女孩子都喜欢 还是大剑师兰特 #css常用示例100+css前端css小狗
    为什么当初选择计算机行业？科技总是迷人的，通过计算机可以造出各种美妙的设计。后来工作，更加感觉到可视化的魅力，于是乎更加的专注于canvas，CSS，openlayers，leaflet，cesium。。。CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。其中CSS布局主要是列出一些常用的CSS布局信息点，CSS特效主
  • 四章-35-鼠标悬停查看矢量瓦片的信息 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1035.html，对应的官网示例https://openlayers.org/en/latest/examples/vector-tile-info.html?q=featureimage.pngimage.png鼠标悬停查看矢量瓦片的信息#map{positio
  • uniapp微信小程序开发踩坑日记：uni.request回调函数地狱问题 早八睡不醒午觉睡不够的程序猿 uni-app微信小程序小程序前端
    使用await和async无法解决uniapp中的回调函数地狱问题，因为uni.request并不返回一个Promise。通常情况下，我们期望await能够等待一个Promise或者其它类似Promise的对象，然后继续执行下面的代码，但uni.request的success回调不符合这个预期解决方案非常easy！改成用then来接收请求响应的结果而不是uni.request中的success如果
  • 年少时H5的踩坑日记 DigitMagic魔数实验室
    前言：在做H5的过程中遇到了许多问题，特意的记录一下。方便查阅开启图目录1.移动端的的适配2.移动端软键盘弹起3.视频自动播放4.移动端屏幕旋转5.结语一、移动端的的适配问题移动端web页面的开发，由于手机屏幕尺寸、分辨率不同，又需要页面在不同的手机保持设计图的效果。html中的viewport设置移动端有三个不同的视口概念：1.布局视口（layoutviewport）：在css中布局的区域2.视
  • uniapp微信小程序开发踩坑日记：Pinia持久化 早八睡不醒午觉睡不够的程序猿 uni-app微信小程序前端
    如果你使用过Pinia，那你应该知道Pinia持久化插件：https://prazdevs.github.io/pinia-plugin-persistedstate/zh/但由于官方文档提供的说明并不是针对小程序开发，所以我们在使用这个插件实现uniapp小程序开发中Pinia持久化会出现问题我在CSDN上看了各种文章，在B站上刷了各种视频，AI也被我问烂了，最后将各种资源糅合在一起，拼凑出了一
  • 四章-36-单选或多选矢量瓦片 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1036.html，对应的官网示例https://openlayers.org/en/latest/examples/box-selection.html?q=featureimage.png单选或多选矢量瓦片选择方式 单选多选//实现思路：声明一个对象s
  • Geoserver 2.20.x 使用SVG符号的准确方法 [email protected] GISGeoserversvgsld
    1、找到数据目录：如图所示：或者：2、将QGIS如下目录下的svg文件夹全部拷贝到相应路径：(也叫“工作区”)3、用相对路径引用：（openlayers）4、最终效果：另：网上的很多方法都不管用，我这经测可行。
  • 从零打造一个Web地图引擎 街角小林2
    说到地图，大家一定很熟悉，平时应该都使用过百度地图、高德地图、腾讯地图等，如果涉及到地图相关的开发需求，也有很多选择，比如前面的几个地图都会提供一套jsAPI，此外也有一些开源地图框架可以使用，比如OpenLayers、Leaflet等。那么大家有没有想过这些地图是怎么渲染出来的呢，为什么根据一个经纬度就能显示对应的地图呢，不知道没关系，本文会带各位从零实现一个简单的地图引擎，来帮助大家了解GIS
  • vue3使用高德地图API-自定义搜索并加载marker、点击marker显示infoWindow（踩坑日记） 羅森林 数学建模
    vue3使用高德地图API（踩坑日记）注意点：1、marker的显示上：要么直接在marker的配置项中使用map，要么使用map.add(marker)直接在地图上加，尽量不要两则都用，推荐在配置项指定显示的map2、各个控件在map中的显示，要么统一用配置项，要么都用map.add(控件实例)，否则会出现错误代码如下：/**************地图展示**************start
  • vue+cesium：从0到1部署开发运行环境 还是大剑师兰特 #cesium示例教程100+vue.jsjavascriptcesiumcesium教程cesium示例
    本系列教程是在vue2.X的基础上加载cesium程序，来开发各种示例程序。安装顺序1，下载安装nodejs下载地址：https://nodejs.org/en/download/根据用户自己的机器情况进行选择不同版本的软件下载。本教程示例采用是是windows64位系统软件。安装过程很简单，一路下一步。更为详细的请参考：http://www.openlayers-cesium.com/2021/
  • 踩坑日记之Win10安装postgresql并在php中启用 AriFe. 杂学PHPpostgresqlphp_pgsql.dll
    环境说明操作系统:Win10Postgresql:13PHP:7.3Nginx:1.8环境搭配使用的其实是宝塔win版遇到的问题第一次使用Postgresql遇到很多问题,一个一个讲,避免后人踩坑如果你顺利安装上Postgresql,如果你使用本地navicat连接,并且navicat版本如果是12.x的话,可以连上,但是看不到表,这个问题请直接升级你的navicat的版本,网上有个15.的,装上
  • 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其他