峰雨同行
峰雨同行

OpenLayers 加载一幅地图

摘要

         在浏览器中加载一幅地图，而且是可交互（包含缩放、平移、查询和分析等高级功能）的，该怎么做呢？我们当然知道要想网页中的内容是动态的，可交互的，要使用JavaScript，地图应用也不例外，不过要从底层开发的话，要费老鼻子的劲儿了！OpenLayers便是一个减轻你的工作量的框架，利用它可以轻松地加载一幅动态可交互的地图到浏览器中！

         下面便是一个利用OpenLayers加载地图的小例子，我们先看看运行结果，并分析一下原理，捋一捋源码！

正文

例程如下：

[html]  view plain  copy
  1. >  
  2. <html lang="en">  
  3.   <head>  
  4.     <link rel="stylesheet" href="http://openlayers.org/en/v3.3.0/css/ol.css" type="text/css">  
  5.     <style>  
  6.       .map {  
  7.         height: 400px;  
  8.         width: 100%;  
  9.       }  
  10.     style>  
  11.     <script src="http://openlayers.org/en/v3.3.0/build/ol.js" type="text/javascript">script>  
  12.     <title>OpenLayers 3 exampletitle>  
  13.   head>  
  14.   <body>  
  15.     <h2>My Maph2>  
  16.     <div id="map" class="map">div>  
  17.     <script type="text/javascript">  
  18.       var map = new ol.Map({  
  19.         target: 'map',  
  20.         layers: [  
  21.           new ol.layer.Tile({  
  22.             source: new ol.source.MapQuest({layer: 'sat'})  
  23.           })  
  24.         ],  
  25.         view: new ol.View({  
  26.           center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),  
  27.           zoom: 4  
  28.         })  
  29.       });  
  30.     script>  
  31.   body>  
  32. html>  

在浏览器中打开，Duang  Duang  Duang  。。 。 - -| ，运行结果如下：


为什会有这些效果，咱来个庖丁解牛，分解分解，捋一捋！这是一个普通的Html网页，没错，但是它引用了OpenLayers的CSS样式和js文件：

[html]  view plain  copy
  1. <link rel="stylesheet" href="http://openlayers.org/en/v3.3.0/css/ol.css" type="text/css">  
[html]  view plain  copy
  1. <script src="http://openlayers.org/en/v3.3.0/build/ol.js" type="text/javascript">script>  

然后又扯了一段代码：

[html]  view plain  copy
  1. <script type="text/javascript">  
  2.       var map = new ol.Map({  
  3.         target: 'map',  
  4.         layers: [  
  5.           new ol.layer.Tile({  
  6.             source: new ol.source.MapQuest({layer: 'sat'})  
  7.           })  
  8.         ],  
  9.         view: new ol.View({  
  10.           center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),  
  11.           zoom: 4  
  12.         })  
  13.       });  
  14. script>  

在这段代码中，主要是实例化了一个OpenLayers的Map对象，于是就显示了地图！Map是何许人也？它是OpenLayers中最主要的对象！要初始化一幅地图，需要一个view，一个或多个图层（layers），一个目标容器（target）。在GitHub上的OpenLayers主页上的Map定义可以看到：

[html]  view plain  copy
  1. ol.MapProperty = {  
  2.   LAYERGROUP: 'layergroup',  
  3.   SIZE: 'size',  
  4.   TARGET: 'target',  
  5.   VIEW: 'view'  
  6. };  

定义了一个数组，主要有layers、target和view，代表map对象 的三个主要属性。

[html]  view plain  copy
  1. ol.Map.prototype.getTarget = function() {  
  2.   return /** @type {Element|string|undefined} */ (this.get(ol.MapProperty.TARGET));  
  3. };  
  4. goog.exportProperty(  
  5.   ol.Map.prototype,  
  6.   'getTarget',  
  7.   ol.Map.prototype.getTarget);  

getTarget主要是取得以上的数组的TARGET属性值，而exportProperty是Google的Closure库的一个函数，函数原型是：


[html]  view plain  copy
  1. goog.exportProperty = function(object, publicName, symbol) {  
  2.   object[publicName] = symbol;  
  3. };  

就是将一个自定义的属性symbol导出到object定义的对象中，而publicName就是导入后的属性名。

[html]  view plain  copy
  1. ol.Map.prototype.getTargetElement = function() {  
  2.   var target = this.getTarget();  
  3.   return goog.isDef(target) ? goog.dom.getElement(target) : null;  
  4. };  

根据id名来找到放置map的HTML元素。

[html]  view plain  copy
  1. ol.Map.prototype.getLayerGroup = function() {  
  2.   return /** @type {ol.layer.Group} */ (this.get(ol.MapProperty.LAYERGROUP));  
  3. };  
  4. goog.exportProperty(  
  5.   ol.Map.prototype,  
  6.   'getLayerGroup',  
  7. ol.Map.prototype.getLayerGroup);  

这便是和以上同理，将layerGroup初始化！

[html]  view plain  copy
  1. layers: [  
  2.   new ol.layer.Tile({  
  3.     source: new ol.source.MapQuest({layer: 'sat'})  
  4.   })  
  5. ]  
用OpenLayers提供的瓦片作为Map的图层，取用名称为“sat”的图层。

[html]  view plain  copy
  1. ol.Map.prototype.getView = function() {  
  2.   return /** @type {ol.View} */ (this.get(ol.MapProperty.VIEW));  
  3. };  
  4. goog.exportProperty(  
  5.   ol.Map.prototype,  
  6.   'getView',  
  7.   ol.Map.prototype.getView);  

同理，初始化view。

[html]  view plain  copy
  1. view: new ol.View({  
  2.   center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),  
  3.   zoom: 4  
  4. })  
设置一些视区的参数，其中center是设置地图中心，transform函数是将给定的坐标从4326转到3857坐标系下，4326即是WGS84坐标系！zoom参数是设置缩放等级！

你可能感兴趣的:(OpenLayers)

  • 基于openlayers开发北斗应用支撑平台 合抱阴阳 openlayersunix服务器
    北斗应用支撑平台是基于中国自主研发的北斗卫星导航系统（BDS）构建的技术服务平台，旨在为各行业提供精准定位、导航、授时（PNT）、短报文通信等核心功能，并支持二次开发与定制化应用。以下是关于北斗应用支撑平台的详细介绍：###**1.核心功能**-**高精度定位**：通过北斗地基增强系统（如CORS站）实现厘米级/毫米级定位，适用于测绘、无人驾驶、智慧农业等领域。-**全球短报文通信**：北斗独有的
  • Vue+Openlayers加载OSM、加载天地图
    文章目录1.介绍2.加载底图2.1加载默认OSM地图2.2加载天地图1.介绍Openlayers官网：https://openlayers.org/安裝依赖：npmiol2.加载底图参考博客：vue+openlayers环境配置：https://blog.csdn.net/cuclife/article/details/126195754加载天地图：https://blog.csdn.net/we
  • OpenLayers 入门指南：序言 凌往昔 OpenLayers入门指南WebGISOpenLayers
    本专栏旨在帮助零GIS基础的开发人员系统掌握OpenLayers这一强大的开源Web地图库，通过“理论+实战”结合的方式，逐步实现从创建地图到构建一个基础地图应用模版。无论你是前端开发者、GIS爱好者，都可以通过此专栏零基础开始用OpenLayers开发一个基础地图应用。如果你对OpenLayers已经有过了解和使用，且对API也掌握的比较熟了，不建议订阅此专栏！一、前端框架Vue3TypeScr
  • ThreeJS入门（153）：THREE.Texture 知识详解，示例代码 还是大剑师兰特 #ThreeJS综合教程500+大剑师threejs示例threejs教程
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第153篇入门文章文章目录构造函数属性方法使用示例注意事项总结THREE.Te
  • WebGIS开发系列教程（5）：Openlayers高级功能 WebGIS开发 GIS开发javascript开发语言webgisopenlayers
    本系列教程为webgis二维开发入门openlayers零基础小白学习教程，本篇为第五篇。完整版可以查看文末链接下载。1.地图标注功能地图标注是将空间位置信息点与地图关联，通过图标、窗口等形式把相关的信息展现到地图上。地图标注也是WebGIS中比较重要的功能之一，在大众应用中较为常见。地图标注的基本原理：获取标注点的空间位置(X、Y逻辑坐标)，在该位置上叠加显示图标(或包含信息的小图片)，必要时以
  • OpenLayers 入门指南【一】：WebGIS基础与OpenLayers概述 凌往昔 OpenLayers入门指南WebGISOpenLayers
    目录一、什么是WebGIS1.定义2.常用技术栈3.典型应用场景二、什么是OpenLayers1、核心功能特性2、对比Leaflet3、应用场景与发展趋势三、总结一、什么是WebGIS1.定义WebGIS（网络地理信息系统）是传统GIS在互联网领域的延伸，通过浏览器实现空间数据的发布、共享与交互。其核心在于将地理信息处理与Web技术结合，支持跨平台、分布式的地理数据访问2.常用技术栈前端框架：Op
  • OpenLayers 选中移动要素 GIS之路 OpenLayersWebGISmicrosoft前端信息可视化
    前言页面交互的复杂度体现系统使用的难易程度，在开发WebGIS系统过程中，总会涉及要素操作，如何设计才能使交互操作变得简洁呢？OpenLayers提供了一些成熟的交互控件可以做到。1.选中和移动控件Select和Translate分别是选中控件、移动控件，它们都在ol.interaction包下。Select控件用于选中矢量要素，被选中的要素会进行默认会进行高亮显示，为选中默认样式，也可以自定义设
  • OpenLayers 上传Shapefile文件 GIS之路 OpenLayersWebGISarcgis前端信息可视化
    前言Shapefile是一种矢量数据文件，使用起来简单、方便。作为数据交换文件，在WebGIS开发中，经常需要实现实现上传shp文件。比如用户需要上传选址范围线或者叠加分析范围，都会选择上传shp文件。本文实现用户即可上传一个单独的shp文件，也可以上传包含所有shp文件的压缩包。在开始之前，请提前下载好所需引用文件：jszip:https://cdn.jsdelivr.net/npm/jszip
  • WebGIS面试题（第十期）-OpenLayers 纸飞机的旅行 面试WebGISGIS面试WebGIS面试题
    面试题10—OpenLayers文章目录1、OpenLayers和Leaflet两个库你都使用过，谈一谈你认为这两个库的区别。2、OpenLayers支持哪些坐标系统？1.地理坐标系（GeographicCoordinateSystems）2.投影坐标系（ProjectedCoordinateSystems）3.自定义坐标系使用示例3、OpenLayers如何添加地图缩放和平移功能？1.添加缩放控
  • openLayer使用Feature添加点线面图层 尽意啊 openlayers前端vue.js
    添加点线面图层首先要知道需要完成那些步骤?1.创建矢量图层对象2.创建数据源3.利用创建Feature创建(点|线|面)要素,要素的样式4.将feature添加到数据源中5.将数据源添加到矢量图层对象6.将图层对象放入map对象中通过这六步完成添加点线面图层,可以按照这六步骤拆解问题,进而解决问题.同时不了解什么是矢量对象,数据源等等,可以查看文章openlayers核心架构思维导图-CSDN博客
  • Openlayers面试题198道 还是大剑师兰特 #大剑师openlayers面试题openlayers知识点
    以下是关于OpenLayers的面试题目列表，涵盖了从基础概念、API使用、地图操作、图层管理、交互控制、数据处理、性能优化、插件开发到项目实战等多个方面。这些问题旨在帮助你全面了解OpenLayers并为面试做好准备。OpenLayers面试题列表（共198道）第一部分：基础与核心功能（1-40）什么是OpenLayers？它的主要用途是什么？解释OpenLayers的工作原理。如何在网页中集成
  • 133：vue+cesium 实现水波纹效果 还是大剑师兰特 #cesium综合教程200+大剑师cesium教程cesium示例cesium水波纹
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第133个示例文章目录一、示例效果二、示例简介三、配置方式四、示例源代码（共200行）五、相关API参考一
  • OpenLayers 计算GeoTIFF影像NDVI GIS之路 OpenLayersWebGIS前端信息可视化
    前言NDVI（NormalizedDifferenceVegetationIndex）即归一化植被指数，是反应农作物长势和营养信息的重要参数之一，用于监测植物生长状态、植被覆盖度和消除部分辐射误差。其值在[-1,1]之间，-1表示可见光高反射；0表示有岩石或裸土等，NIR和R近似相等；正值，表示有植被覆盖，且值越大，表明植被覆盖度越高。计算公式：NDVI=（NIR-RED）/(NIR+RED)1.
  • Arcgis Map Server 可以访问, 但是地图页面空白的一种解决方法 ssxbxk arcgisopenlayersol.source.XYZ地图空白
    1.背景之前部署很久的一个地图服务地址,突然地图一片空白,询问了客户,说是更换了交换机(有可能是这个原因导致的).可以访问地图服务的主界面:http://XXX.XXX.XXX.XXX:6080/arcgis/rest/services/map/MapServer但是通过openlayers访问地图,实际访问如下export地址,却加载不到图片:http://XXX.XXX.XXX.XXX:608
  • OpenLayers 创建坐标系统 GIS之路 OpenLayersWebGIS前端信息可视化
    注：当前使用的是ol9.2.4版本，天地图使用的key请到天地图官网申请，并替换为自己的key在WebGIS系统开发中，坐标系统是重中之重，对于创建的地图，加载的图层，首先要确定的就是坐标系。在OpenLayers或者其他地图开发库中，一般默认支持EPSG:4326地理坐标系和EPSG:3857投影坐标系，而在生产实践中，要求使用EPSG:4490（CGCS2000），也就是2000国家大地坐标系
  • OpenLayers轨迹动画 lixue7921 javascript开发语言ecmascript
    OpenLayers是一款开源的地图库，可以在Web浏览器中显示交互式地图。它可以与OpenStreetMap、GoogleMaps、BingMaps等在线地图服务集成使用。OpenLayers中的轨迹动画可以通过使用OpenLayers的Vector和FeatureAPI，结合一些JavaScript动画库，如Tween.js或jQuery，来实现。下面是一个简单的示例：1.准备地图和轨迹数据v
  • OpenLayers动画效果 HsvvDatabase 动画
    在Web地图开发中，动画效果可以为用户提供更加生动和交互性的体验。OpenLayers是一种流行的开源JavaScript库，用于创建交互式地图应用程序。它提供了丰富的功能和工具，包括支持动画效果的能力。本文将介绍如何使用OpenLayers实现动画效果，并提供相应的源代码示例。首先，我们需要准备好OpenLayers库。你可以从OpenLayers官方网站（https://openlayers.
  • leaflet 图层管理（增加 、删除 、显隐控制）加载4326坐标系的图层（一） 翠莲 javaScriptvuevuejsgis
    加载4326坐标系leaflet默认使用3857的坐标系，如果之前使用的是openlayers,会发现leaflet坐标写法和openlayers坐标相反，因为openlayers默认使用4326坐标系。1、加载4326坐标系的地图constmap=L.map("map",{center:[35.8374,104.28225],//维度在前，精度在后zoom:4,minZoom:1,maxZoom
  • OpenLayers 获取地图状态 GIS之路 OpenLayersWebGIShtml前端javascript
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key地图状态信息包括中心点、当前缩放级别、比例尺以及当前鼠标移动位置信息等，在WebGIS开发中，地图状态可以方便快捷的向用户展示基本地图信息，有利于增强与用户的交互。本节主要介绍地图状态。1.获取地图缩放级别通过监听地图渲染完成事件postrender获取地图缩放级别。constzoomEle=docume
  • 玩转OpenLayers地图 前端小白从0开始 swift开发语言iosOpenLayersGIS
    一、引入地图1.h5端引入官网下载ol.js文件，放入项目文件夹，在要渲染地图的html文件引入2.pc端引入下载ol依赖，在要渲染地图的文件import引入二、创建地图容器三.定义地图和图层varmap,baseLayer,tileLayer,landInfoLayer,polygonFeatures,landLayer,polygonLayer,myCurrentFarmLand,locati
  • OpenLayers 地图标注之图文标注 GIS之路 OpenLayersWebGISmicrosoft
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key地图标注是将空间位置信息点与地图关联、通过图标、窗口等形式把相关信息展现到地图上。在WebGIS中地图标注是重要的功能之一，可以为用户提供个性化服务，如兴趣点等。地图标注表现方式有图文标注、Popup标注、聚合标注等。本节主要介绍加载图文标注。1.地图标注基本原理地图标注通过在已知坐标点添加图片、文字或者
  • OpenLayers 图形交互编辑 GIS之路 OpenLayersWebGIS交互microsoft
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key图形要素包括属性信息和几何信息，在实际应用中，不仅需要修改样式信息，也需要修改图形几何信息。在OpenLayers中，一般采用鼠标交互方式修改图形坐标。在OpenLayers5中提供了ol.interaction.Modify交互式控件，可以结合选择要素控件ol.interaction.Select使用。
  • ThreeJS入门（225）：THREE.CSS2DRenderer 知识详解，示例代码 还是大剑师兰特 #ThreeJS综合教程500+大剑师threejs入门threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第225篇入门文章文章目录特性构造函数方法`render(scene,came
  • 118：vue+leaflet 设定范围，只加载显示某个区域的瓦片 还是大剑师兰特 #leaflet综合教程150+leaflet区域加载leaflet教程leaflet入门leaflet基础大剑师
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第118个示例文章目录一、示例效果图二、示例简介三、配置方式四、示例源代码（共97行）五、相关文章参考一、
  • OpenLayers加载百度地图 GIS之路 OpenLayersWebGIS前端
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key随着GIS应用的不断发展，Web地图也越来越丰富，除了像ESRI、超图、中地数码这样GIS厂商有各自的数据源格式，也有Google、百度、高德、腾讯提供的GIS资源，如何加载各种GIS数据源，是WebGIS开发要解决的一个关键问题。本节主要介绍加载百度地图数据。1.如何加载百度地图数据可以参照瓦片地图的方
  • OpenLayers 加载高德地图 GIS之路 WebGISOpenLayers前端
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key随着GIS应用的不断发展，Web地图也越来越丰富，除了像ESRI、超图、中地数码这样GIS厂商有各自的数据源格式，也有Google、百度、高德、腾讯提供的GIS资源，如何加载各种GIS数据源，是WebGIS开发要解决的一个关键问题。本节主要介绍加载高德地图数据。1.如何加载百度地图数据高德地图数据直接按照
  • uniapp 整合 OpenLayers - 加载 arcgis server 图层 破z晓 uni-apparcgisswift
    1、加载mapserver服务exportdefault{data(){return{}},onLoad(){},methods:{}}importMapfrom'ol/Map';importViewfrom'ol/View';importTileLayerfrom'ol/layer/Tile.js'//OpenLayers的瓦片图层类importXYZfrom'ol/source/XYZ.js'
  • OpenLayers 加载ArcGIS瓦片数据 GIS之路 OpenLayersWebGISarcgis前端
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key随着GIS应用的不断发展，Web地图也越来越丰富，除了像ESRI、超图、中地数码这样GIS厂商有各自的数据源格式，也有Google、百度、高德、腾讯提供的GIS资源，如何加载各种GIS数据源，是WebGIS开发要解决的一个关键问题。本节主要介绍加载百度地图数据。1.如何加载百度地图数据可以参照瓦片地图的方
  • OpenLayers 加载测量控件 GIS之路 OpenLayersWebGIS前端
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key地图控件是一些用来与地图进行简单交互的工具，地图库预先封装好，可以供开发者直接使用。OpenLayers具有大部分常用的控件，如缩放、导航、鹰眼、比例尺、旋转、鼠标位置等。这些控件都是基于ol.control.Control基类进行封装的，可以通过Map对象的controls属性或者调用addContro
  • A009：如何在vue+openlayers中实现鹰眼控件(Controls篇) 前端忍者 openlayersvue.js前端javascript
    文章目录前言一、示例效果图二、示例简介二、示例源码前言提示：如果对操作流程还不熟悉的话，可以参考之前的文章，这些内容会帮助你更好地了解OpenLayers的功能点。我们会持续更新相关内容，如果你感兴趣或有这方面的需求，欢迎关注并收藏。一、示例效果图二、示例简介本示例介绍如何在openlayers中使添加鹰眼控件。直接复制下面的vue+openlayers源代码，操作2分钟即可运行实现效果；注意如果
  • ztree异步加载 3213213333332132 JavaScriptAjaxjsonWebztree
    相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。 我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。 设置setting，这里只关注async属性的配置 var setting = { //异步加载配置
  • thirft rpc 具体调用流程 BlueSkator 中间件rpcthrift
    Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作：         （1）     将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议
  • 异或运算推导, 交换数据 dcj3sjt126com PHP异或^
    /* * 5 0101 * 9 1010 * * 5 ^ 5 * 0101 * 0101 * ----- * 0000 * 得出第一个规律: 相同的数进行异或, 结果是0 * * 9 ^ 5 ^ 6 * 1010 * 0101 * ---- * 1111 * * 1111 * 0110 * ---- * 1001
  • 事件源对象 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • MySql配置及相关命令 g21121 mysql
            MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。           一 修改MySQL密码及用户      
  • [简单]poi删除excel 2007超链接 53873039oycg Excel
          采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下:      public void removeExcel2007AllHyperLink(String filePath) throws Exception { OPCPackage ocPkg = OPCPac
  • Struts2添加 open flash chart 云端月影
    准备以下开源项目： 1. Struts 2.1.6 2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009) 3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。 4. log4j 用eclipse新建动态网站，取名OFC2Demo，将Struts2 l
  • spring包详解 aijuans spring
    下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb
  • 网站推广之seo概念 antonyup_2006 算法Web应用服务器搜索引擎Google
       持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。     所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。     网站推广策略有很多，seo，email，adv
  • 单例模式,sql注入,序列 百合不是茶 单例模式序列sql注入预编译
      序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段  居然不会了,所以将序列写在本篇的前面    1,序列是一个保存数据连续的增长的一种方式; 序列的创建; CREATE SEQUENCE seq_pro 2 INCREMENT BY 1 -- 每次加几个 3
  • Mockito单元测试实例 bijian1013 单元测试mockito
    Mockito单元测试实例： public class SettingServiceTest { private List<PersonDTO> personList = new ArrayList<PersonDTO>(); @InjectMocks private SettingPojoService settin
  • 精通Oracle10编程SQL(9)使用游标 bijian1013 oracle数据库plsql
    /* *使用游标 */ --显示游标 --在显式游标中使用FETCH...INTO语句 DECLARE CURSOR emp_cursor is select ename,sal from emp where deptno=1; v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; begin ope
  • 【Java语言】动态代理 bit1129 java语言
      JDK接口动态代理 JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联   package com.tom; import com.tom.model.User; import com.tom.service.IUserService;
  • Java通信之URL通信基础 白糖_ javajdkwebservice网络协议ITeye
    java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。 在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。 学习准备：建议首先学习java的IO基础知识   URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url
  • 博弈Java讲义 - Java线程同步 (1) boyitech java多线程同步锁
      在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。    同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri
  • java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 bylijinnan java
    public class DeleteExtraSpace { /** * 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 * 方法1.用已有的String类的trim和replaceAll方法 * 方法2.全部用正则表达式，这个我不熟 * 方法3.“重新发明轮子”，从头遍历一次 */ public static v
  • An error has occurred.See the log file错误解决！ Kai_Ge MyEclipse
    今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！ 很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！ 打开日志文件！找到当日错误文件内容： --------------------------------------------------------------------------
  • [矿业与工业]修建一个空间矿床开采站要多少钱? comsci
           地球上的钛金属矿藏已经接近枯竭...........        我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床.....        那么,现在要编制一个预算,提交给财政部门..
  • 解析Google Map Routes dai_lm google api
    为了获得从A点到B点的路劲，经常会使用Google提供的API，例如 [url] http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false [/url] 从返回的结果上，大致可以了解应该怎么走，但
  • SQL还有多少“理所应当”？ datamachine sql
    转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！ ------------------------------------华丽的分割线--------------------------------
  • Yii使用Ajax验证时，如何设置某些字段不需要验证 dcj3sjt126com Ajaxyii
    经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如: $form=$this->beginWidget('CActiveForm', array(        'id'=>'usuario-form',&
  • 使用git同步网站代码 dcj3sjt126com crontabgit
    转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com   管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂
  • sql基本操作 蕃薯耀 sqlsql基本操作sql常用操作
    sql基本操作 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:30:33 星期一     &
  • Spring4+Hibernate4+Atomikos3.3多数据源事务管理 hanqunfeng Hibernate4
    Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/   一.pom.xml <dependency> <
  • jquery中两个值得注意的方法one()和trigger()方法 jackyrong trigger
      在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍 1） one方法     one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为    one(type,${data},fn) &nb
  • 拿工资不仅仅是让你写代码的 lampcy 工作面试咨询
    这是我对团队每个新进员工说的第一件事情。这句话的意思是，我并不关心你是如何快速完成任务的，哪怕代码很差，只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。 这个说法其实很合理：我们的工作是思考客户提出的问题，然后制定解决方案。思考第一，代码第二，公司请我们的最终目的不是写代码，而是想出解决方案。 话粗理不粗。 付你薪水不是让你来思考的，也不是让你来写代码的，你的目的是交付产品
  • 架构师之对象操作----------对象的效率复制和判断是否全为空 nannan408 架构师
    1.前言。   如题。 2.代码。 (1)对象的复制，比spring的beanCopier在大并发下效率要高，利用net.sf.cglib.beans.BeanCopier Src src=new Src(); BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false);
  • ajax 被缓存的解决方案 Rainbow702 JavaScriptjqueryAjaxcache缓存
    使用jquery的ajax来发送请求进行局部刷新画面，各位可能都做过。 今天碰到一个奇怪的现象，就是，同一个ajax请求，在chrome中，不论发送多少次，都可以发送至服务器端，而不会被缓存。但是，换成在IE下的时候，发现，同一个ajax请求，会发生被缓存的情况，只有第一次才会被发送至服务器端，之后的不会再被发送。郁闷。 解决方法如下： ① 直接使用 JQuery提供的 “cache”参数，
  • 修改date.toLocaleString()的警告 tntxia String
      我们在写程序的时候，经常要查看时间，所以我们经常会用到date.toLocaleString()，但是date.toLocaleString()是一个过时 的API，代替的方法如下：   package com.tntxia.htmlmaker.util; import java.text.SimpleDateFormat; import java.util.
  • 项目完成后的小总结 xiaomiya js总结项目
    项目完成了，突然想做个总结但是有点无从下手了。 做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。 先说说项目主要实现的功能吧 1，按键精灵 2，获取行情数据 3，各种input输入条件判断 4，发送数据（有json格式和string格式） 5，获取预警条件列表和预警结果列表， 6，排序， 7，预警结果分页获取 8，导出文件（excel，text等） 9，修
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他