勇哥的部落格
勇哥的部落格

OpeanLayers3 For ArcGIS MapServer

　　由于OpenLayers3比较新，百度能找到的demo很少，自己不得不参考官方给出的Examples来依葫芦画瓢了，地图服务采用的局方给的ArcGIS MapServer，先上图：

OpeanLayers3 For ArcGIS MapServer_第1张图片

这个例子是按照官方Examples中的Marker Animation来做的，实现了轨迹回放的功能，下面上代码：

  1 <!DOCTYPE html>
  2 <html>
  3   <head>
  4     <title>Marker Animation</title>
  5     <link rel="stylesheet" href="ol.css" type="text/css">
  6     <style>
  7         .ol-attribution{
  8             display:none
  9         }
 10     </style>
 11     <script src="ol.js"></script>
 12   </head>
 13   <body>
 14     <div id="map" class="map"></div>
 15     <label for="speed">
 16       speed:&nbsp;
 17       <input id="speed" type="range" min="1" max="999" step="10" value="1">
 18     </label>
 19     <button id="start-animation">Start Animation</button>
 20     <script>
 21       //GIS服务地址
 22       var url = 'http://127.0.0.1:8399/arcgis/rest/services/beijingnewmap/MapServer';
 23       //一组经纬度，用于在地图上打点
 24       var coords = [
 25           [116.429001,39.922701],
 26           [116.430001,39.906901],
 27           [116.422001,39.903501],
 28           [116.413001,39.899501],
 29           [116.390001,39.899101],
 30           [116.379001,39.898801],
 31           [116.369001,39.898601],
 32           [116.367667,39.888861]
 33       ];
 34       
 35       //轨迹图层
 36       var lineFeature = new ol.Feature({
 37           type: 'route',
 38           geometry: new ol.geom.LineString(coords)
 39       });
 40       //运动点
 41       var geoMarker = new ol.Feature({
 42         type: 'geoMarker',
 43         geometry: new ol.geom.Point(coords[0])
 44       });
 45       //开始点
 46       var startMarker = new ol.Feature({
 47         type: 'icon',
 48         geometry: new ol.geom.Point(coords[0])
 49       });
 50       //结束点
 51       var endMarker = new ol.Feature({
 52         type: 'icon',
 53         geometry: new ol.geom.Point(coords[coords.length-1])
 54       });
 55 
 56       //一组样式
 57       var styles = {
 58         'route': new ol.style.Style({
 59           stroke: new ol.style.Stroke({
 60             width: 8, color: [255, 0, 0, 0.8]
 61           })
 62         }),
 63         'icon': new ol.style.Style({
 64           image: new ol.style.Icon({
 65             anchor: [0.5, 1],
 66             src: 'icon.png'
 67           })
 68         }),
 69         'geoMarker': new ol.style.Style({
 70           image: new ol.style.Circle({
 71             radius: 10,
 72             snapToPixel: false,
 73             fill: new ol.style.Fill({color: 'black'}),
 74             stroke: new ol.style.Stroke({
 75               color: 'white', width: 2
 76             })
 77           })
 78         })
 79       };
 80 
 81       var animating = false;
 82       var speed, now;
 83       var speedInput = document.getElementById('speed');
 84       var startButton = document.getElementById('start-animation');
 85 
 86       var vectorLayer = new ol.layer.Vector({
 87         source: new ol.source.Vector({
 88           features: [lineFeature, geoMarker, startMarker, endMarker]
 89         }),
 90         style: function(feature) {
 91           // hide geoMarker if animation is active
 92           if (animating && feature.get('type') === 'geoMarker') {
 93             return null;
 94           }
 95           return styles[feature.get('type')];
 96         }
 97       });
 98 
 99       //将轨迹的中心点设置为地图的中心点
100       var center = [coords[coords.length/2]];
101       var map = new ol.Map({
102         target: document.getElementById('map'),
103         loadTilesWhileAnimating: true,
104         view: new ol.View({
105           projection: 'EPSG:4326',
106           center: center,
107           zoom: 14,
108           minZoom: 2,
109           maxZoom: 19
110         }),
111         layers: [
112            new ol.layer.Tile({
113              source: new ol.source.TileArcGISRest({
114                 url: url
115               })
116            }),
117            vectorLayer
118         ]
119       });
120 
121       var moveFeature = function(event) {
122         var vectorContext = event.vectorContext;
123         var frameState = event.frameState;
124           
125         if (animating) {
126           var elapsedTime = frameState.time - now;
127           // here the trick to increase speed is to jump some indexes
128           // on lineString coordinates
129           var index = Math.round(speed * elapsedTime / 1000);
130 
131           if (index >= coords.length) {
132             stopAnimation(true);
133             return;
134           }
135 
136           var currentPoint = new ol.geom.Point(coords[index]);
137           var feature = new ol.Feature(currentPoint);
138           vectorContext.drawFeature(feature, styles.geoMarker);
139         }
140         // tell OL3 to continue the postcompose animation
141         map.render();
142       };
143 
144       function startAnimation() {
145         if (animating) {
146           stopAnimation(false);
147         } else {
148           animating = true;
149           now = new Date().getTime();
150           speed = speedInput.value;
151           startButton.textContent = 'Cancel Animation';
152           // hide geoMarker
153           geoMarker.setStyle(null);
154           // just in case you pan somewhere else
155           map.getView().setCenter(center);
156           map.on('postcompose', moveFeature);
157           map.render();
158         }
159       }
160 
161 
162       /**
163        * @param {boolean} ended end of animation.
164        */
165       function stopAnimation(ended) {
166         animating = false;
167         startButton.textContent = 'Start Animation';
168 
169         // if animation cancelled set the marker at the beginning
170         var coord = ended ? coords[coords.length-1] : coords[0];
171         /** @type {ol.geom.Point} */ (geoMarker.getGeometry())
172           .setCoordinates(coord);
173         //remove listener
174         map.un('postcompose', moveFeature);
175       }
176 
177       startButton.addEventListener('click', startAnimation, false);
178     </script>
179   </body>
180 </html>

需要注意的是我这里使用的是经纬度，所以在构建地图的时候需要指定坐标系projection: 'EPSG:4326'，否则地图是出不来的。

下面的样式是去除地图右下角OpenLayers的logo的：

1 <style>
2      .ol-attribution{
3          display:none
4      }
5 </style>

 

你可能感兴趣的:(OpeanLayers3 For ArcGIS MapServer)

  • ArcGIS栅格计算器常见公式（赋值、0和空值的转换、补充栅格空值） 研学随笔 arcgis经验分享
    我们在使用ArcGIS时通常经常用到栅格计算器，今天主要给大家介绍我日常中经常用到的几个公式，供大家参考学习。将特定值（-9999）赋值为0，例如-9999.Con("raster"==-9999,0,"raster")2.给空值赋予特定的值（如0）Con(IsNull("raster"),0,"raster")3.将特定的栅格值(如1)赋值为空值，其他保留原值SetNull("raster"==
  • ArcGIS Pro SDK （十四）地图探索 5 时间与动画 WineMonk ArcGISProSDKarcgisarcgisprosdkgisc#
    ArcGISProSDK（十四）地图探索5时间与动画文章目录ArcGISProSDK（十四）地图探索5时间与动画1时间1.1时间提前1个月1.2禁用地图中的时间。2动画2.1设置动画长度2.2缩放动画2.3相机关键帧2.4插值相机2.5插值时间2.6插值范围2.7创建摄像机关键帧2.8创建时间关键帧2.9创建范围关键帧2.10创建图层关键帧环境：VisualStudio2022+.NET6+Arc
  • ArcGis Server安装与使用 kiba518 pythonjavalinux数据库git
    ArcGisServer安装下载ArcGisServer双击Setup.exe，然后一直下一步。
  • R 地图绘制-比例尺与指北针 jamesjin63
    ggplot绘制mapR语言可以进行数据分析，也可以进行地图绘制，而且非常简洁，快速。虽然Arcgis基于桌面可视化操作，能够进行空间分析，但是唯一不足的就是操作步骤繁琐而且一不小心，就要从头再来，可重复性较低。这篇文章主要讲述如何利用R语言中的ggplot与sf绘制带有指北针、图列与标尺的地图屏幕快照2020-06-28下午9.27.59.png数据我们下载非洲地区54个国家的图层Afirca.
  • ArcGIS地图切片原理与算法 数智侠 GIS
    ArcGIS地图切图系列之（一）切片原理解析点击打开链接ArcGIS地图切图系列之（二）JAVA实现点击打开链接ArcGIS地图切图系列之（三）MapReduce实现点击打开链接
  • ArcGIS Pro SDK （十四）地图探索 1 地图视图 WineMonk ArcGISProSDKarcgisarcgisprosdkgisc#
    ArcGISProSDK（十四）地图探索1地图视图文章目录ArcGISProSDK（十四）地图探索1地图视图1地图视图1.1测试视图是否为3D视图1.2设置查看模式1.3启用视图链接2更新地图视图范围（缩放、平移等）2.1转到上一个相机2.2转到下一个相机2.3缩放至全图范围2.4固定放大2.5固定缩小2.6缩放至某个范围2.7缩放至点2.8缩放至所选要素2.9按名称缩放至书签2.10缩放至可见图
  • ArcGIS Pro SDK （十二）布局 10 布局导出 WineMonk ArcGISProSDKarcgisarcgisprosdkgisc#
    ArcGISProSDK（十二）布局10布局导出文章目录ArcGISProSDK（十二）布局10布局导出1布局导出1.1将布局导出为PDF1.2将地图框导出为JPG1.3将与地图框关联的地图视图导出到BMP1.4将地图系列导出为单个PDF1.5将地图系列导出到单个TIFF文件2布局选项2.1获取布局选项2.2设置布局选项3文本和图形元素选项3.1获取所有可用字体3.2获取文本和图形元素选项3.3设
  • 【2012Esri中国用户大会讲座】ArcGIS 10.1 for Server 安全机制（5）数据库集成安全... iteye_8029 数据库
    1常见用户需求在发布和使用GIS服务的过程中，经常会遇到如下的一些需求：1)同一个服务，不同用户访问不同的图层2)同一个图层，只允许个别用户进行编辑3)图层中包含的敏感信息，只允许少数用户访问4)图层中的特殊字段，只允许个别用户编辑5)同一个图层，不同部门的用户只能访问相关的要素6)……这是很常见的一些服务安全控制需求，针对这些需求，ArcGIS提供了完整的解决方案—数据库集成安全。2数据库集成安
  • arcgis js api加载4490服务，以basetilelayer方式 gislaozhang JSarcgisjavascript开发语言
    以basetilelayer加载切片服务html,body,#viewDiv{padding:0;margin:0;height:100%;width:100%;}require(["esri/Map","esri/views/SceneView","esri/layers/BaseTileLayer","esri/layers/support/TileInfo","esri/geometry/S
  • arcgis10之将多个栅格数据合并成一个含有多波段的栅格数据 xuxu1116 shparcgis实战教程arcgisshp栅格栅格合并
    如果觉得波段名称不满意，可以右击波段进行重命名即可。整理了完整版软件使用方法，关注公众号‘CV算法小屋’，获取软件更多使用方法
  • 【ArcGIS/GeoScenePro】Portal和Server关系 Z_W_H_ arcgisarcgisportalserver
    简介以下是ArcGIS的整体架构图上图简化后从图中我们可以看出可以将其分为三层其中：最上层：应用层中间层（门户）：连接应用层和服务器，对server上发布的服务进行管理、分享和权限分配最低层：服务器（Server层）其中Enterprise=portal（中间层）+server（最底层）举例：1.桌面Pro想用server里的服务数据资源，需要通过portal去请求2.桌面Pro想发布数据到Ser
  • arcgis api for js文字加载不出来的问题解决 这个问题在哪见过 javascriptarcGISgis
    问题表现:文本symbol展示不出来问题分析：从arcgis默认的fonturl地址加载font文件失败解决方案：将pbf文件下载到本地步骤一：pbf文件下载使用python3.X下载pbf文件importsys,osfromurllib.requestimporturlopenimportjsonimporttracebackimporttime#baseUrl='https://static.
  • Arcgis JS api 3.4 本地部署（IIS） 地图显示空白问题解决 Dzqingirl arcgisjsapiarcgisJS本地部署IIS空白api
    最近正在学习Webgis，要将服务器上的地图在网页上实现可视化。在本地部署aecgisapi过程前期配置开启IIS，将官网下载的api压缩包arcgis_js_v39_api.zip解压到C:\inetpub\wwwroot\arcgis_js_api目录下打开C:\inetpub\wwwroot\arcgis_js_api\library\install.htm文件，按照里面的步骤进行部署3.在
  • C++(Qt)-GIS开发-QGraphicsView显示瓦片地图简单示例2 mahuifa #GIS开发c++qt瓦片地图GISBing地图
    C++(Qt)-GIS开发-QGraphicsView显示瓦片地图简单示例2文章目录C++(Qt)-GIS开发-QGraphicsView显示瓦片地图简单示例21、概述2、实现效果3、主要代码4、源码地址更多精彩内容个人内容分类汇总GIS开发1、概述支持多线程加载显示本地离线瓦片地图(墨卡托投影)；瓦片切片规则以左上角为原点（谷歌、高德、ArcGis等），不支持百度瓦片规则；支持显示瓦片网格、编号
  • 利用Excle将度分秒格式的经纬度转为十进制的经纬 风马牛不相及hy arcgis
    arcgis导入坐标的时候地理坐标系有时候是经纬度，有时候拿到的经纬度格式是度分秒，需要换成十进制的才能导。利用下面的公式可以在excle里转成十进制的=LEFT(A1,FIND("°",A1)-1)+MID(A1,FIND("°",A1)+2,FIND("'",A1)-FIND("°",A1)-2)/60+MID(A1,FIND("'",A1)+2,FIND("""",A1)-FIND("'",
  • 【收藏】Arcgis api4.x 悬停高亮且打开popup弹窗 WebGIS皮卡茂 arcgisapiforjsarcgisjavascript前端框架
    1.效果2.思路2.1学习高亮2.1.1图层的"layerView"layerView是用于渲染和显示地图图层的视图，它允许你控制图层的渲染方式，并且可以监听与该图层相关的事件等。view.whenLayerView(currentLayer).then(function(layerView){//layerView是currentLayer图层的LayerView实例//currentLayer
  • 【收藏】Arcgis api4.x extent跳转到图层、三维视图跳转 WebGIS皮卡茂 arcgisjavascript
    1.效果2.extent跳转到图层goTo方法用于视图跳转，接受第一个参数设置表示想要跳转到的目标位置，第二个参数是一个对象，用于设置跳转动画的持续时间等选项。queryExtent方法用于查询图层的范围，下面的代码示例为查询图层的extent，并使用goTo方法跳转到该图层。layer.queryExtent().then((response)=>{varextent=response.exte
  • React Native for Arcgis 地图开发 MapView 使用 （四） haibalai
    对于地图调用import{MapView}from'@haibalai/react-native-arcgis';classMainMapViewextendsReact.Componentrender(){return()}}针对之前说的配置底图，可以支持切换```javascriptimport{MapManager}from'@haibalai/react-native-arcgis';ch
  • arcgis for javascript 帮助 萝卜耳朵 ArcGISServerArcgisJavascript
    JSAPI3.4的要求à(1)IE9或以上版本否则dijit1.8.3不匹配1.如何发布ArcgisJavascriptAPI应用0.准备工作：(1).有web应用:(2).有jsapi开发包1.将jsapi目录拷贝到自己的Web应用目录下2.在页面中添加引用(2个css,1个js)3.在页面中添加加载地图的脚本dojo.ready(function(){mapObj=newesri.Map("m
  • SWAT模型系统学习带你从基础到高级，全方位掌握水文模拟技能！ 维维180-3121-1455 水文环境SWAT学习水文
    第一部分：SWAT模型实践部分一、SWAT模型及应用介绍1.1面源污染概要1.2SWAT模型及应用1.3SWAT模型原理1.4SWAT模型输入文件1.5ArcGIS与SWAT关系二、SWAT模型中GIS必备技术2.1GIS软件平台2.2ArcGIS10.6安装和注意事项2.3ArcGIS必备技术2.4ArcGIS常见数据格式三、SWAT模型操作流程3.1SWAT模型安装3.2建立SWAT项目3.3
  • 测量坐标出现6位、7 、8位的情况 软考鸭 倾斜摄影坐标系
    测量坐标出现6位、7位、8位的情况如何解决呢？首先可以认定为高斯——克吕格投影。我国规定比例尺2.5万~50万采用6度分带，1万及以上采用3度分带。中国范围内，6度范围13-23,3度分带为24-45中国范围内，纬度方向一定是6位，经度方向一定为8位或6位。倘若为8位则添加了代号，否则没有添加代号。更具2位带号可以判断6度分带还是3度分带，数字大于23则为3度分带，否则为6度分带。arcgis中坐
  • GeoScene Pro教程（001）：软件功能产品介绍 叁拾舞 GeoScenePro教程geosceneproarcgis
    第一节：软件功能产品介绍第二代国产化软件——GeoScene：完整的地理信息平台产品。基于ArcGIS知识产权转让，GeoScene是在ArcGIS基础上针对中国用户打造的智能呢个、强大的国产地理空间信息平台。本软件以云计算为核心并融合各类最新IT技术，具有强大的地图制作、空间数据管理、大数据与人工智能挖掘分析、空间信息可视化以及整合、发布与共享能力。同时在用户体验、软硬件兼容适配、安全可控等方面
  • ArcGIS热点分析 (Getis-Ord Gi*)——基于地级市尺度的七普人口普查数据的热点与冷点分析 杨超越luckly ArcGIS日常分享机器学习人工智能数据分析大数据数据挖掘
    先了解什么是热点分析?热点分析(Getis-OrdGi*)是一种用于空间数据分析的技术，主要用于识别地理空间数据中值的聚集模式，可以帮助我们理解哪些区域存在高值或低值的聚集，这些聚集通常被称为“热点”或“冷点”，Gi*统计量为数据集中的每个要素（例如地图上的点或区域）计算一个z得分。这个z得分可以用来判断在该位置附近是否存在显著的高值或低值聚集。热点分析(Getis-OrdGi*)和高/低聚类分析
  • java实现GPS(WGS-84)坐标系-火星(GCJ-02)坐标系-百度(BD-09)坐标系转换 拐锅 java火星坐标系百度坐标系gps坐标系
    首先了解一下几个概念WGS-84(GPS)WGS-84是国际标准，一般从国际标准的GPS设备获取的坐标都是WGS84，以及国际地图提供商使用的坐标系。比如：谷歌、osm、arcgisonline等。GCJ-02火星坐标系，中国标准，也叫国测局坐标系（GCJ02），是由中国国家测绘局02年制订发布的地理信息系统的坐标系统。国内出版的各种地图系统（包括电子形式），必须至少采用“GCJ02”对地理位置进
  • gdb、mdb、docx、xlsx、pdf、图片、txt多格式文件集成预览 开源GIS地图与信创
    近期闭关研究了新成果，实现了gdb、mdb、docx、xlsx、pdf、图片、txt多格式文件集成预览。软件采用B/S架构，可代替ArcGISServer、GeoServer、MapServer等多种GIS引擎。软件只有20M大小，可运行于多种老旧Windows电脑以及国产化电脑桌面软件，免安装，双击即启动，叉掉即关闭支持gdb、mdb、docx、xlsx、pdf、txt、png、jpg、gif、
  • ArcGIS开发和应用大神教程链接 GIS小天
    ArcGISEngine二次开发教程：https://ke.qq.com/course/254435?tuin=2110ed82
  • ARCGIS进行视域分析及地形图制作 JGiser Arcgisarcgis
    问题说明开发商要在本区域建造观景亭，希望在观景亭上能看到优美的景色。根据提供的数据，完成以下要求。一、数据说明（见“题目3”文件夹）1.DEM.tif：研究区域的数据高程模型数据。2.观察点.shp：需要建造观景亭的位置。
  • MapInfo格式到ArcGIS格式的转换方法 微澜- 日志arcgismapinfo
    记录在2010的笔记MapInfo中的地图可以有两种格式：Tab格式（表格式）、Mif格式（交换格式）。ArcInfo中的地图也支持多种格式：Shape格式、Coverage、E00（交换格式）、Coverage....由Mif->Shape：使用MapInfo工具中的通用转换器；或则使用ArcToolbox直接转换由Mif->E00：在MapInfo中导入成Tab，然后使用MapInfo工具中的
  • Cesium加载geoserver发布的arcgis切片 4326坐标系 ponGISer Cesium学习笔记cesiumgeoserver
    constprovider=newCesium.WebMapTileServiceImageryProvider({url:"http://192.168.1.200:8090/geoserver/gwc/service/wmts/rest/bg_light_map84/{style}/{TileMatrixSet}/{TileMatrixSet}:{TileMatrix}/{TileRow}/{
  • ArcGIS连接SQLServer2014并注册数据库 假以时日♪ ArcGISsqlserver
    前提：安装有ArcMap10.2或更高版本、ArcGISServer、SQLServer2014可参考：ArcGISServer10.2安装教程（2022最新版）_孙霸天的博客-CSDN博客_arcgisserver10.2安装1、创建企业级地理数据库完成：2、创建完成后添加数据库连接：3、将连接的数据库注册到服务器：3.1、查看SQLServer实例名称：3.2、在SQLServer中新建登录名
  • 微信开发者验证接口开发 362217990 微信 开发者 token 验证
    微信开发者接口验证。 Token，自己随便定义，与微信填写一致就可以了。 根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 第一步：填写服务器配置 第二步：验证服务器地址的有效性 第三步：依据接口文档实现业务逻辑 这里主要讲第二步验证服务器有效性。 建一个
  • 一个小编程题-类似约瑟夫环问题 BrokenDreams 编程
            今天群友出了一题：         一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。      &
  • linux复习笔记之bash shell (5) 关于减号-的作用 eksliang linux关于减号“-”的含义linux关于减号“-”的用途linux关于“-”的含义linux关于减号的含义
        转载请出自出处： http://eksliang.iteye.com/blog/2105677        管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有
  • Unix(3) 18289753290 unix ksh
    1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容 什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。 2)条件判断： &&代表and  ||代表or&nbs
  • 关于ListView中性能优化中图片加载问题 酷的飞上天空 ListView
    ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。 具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594   如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。 现在想出一个方法就是每次都添加一个标识，然后设置图
  • 德国总理默多克：给国人的一堂“震撼教育”课 永夜-极光 教育
    http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课　 安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！ 　　德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂
  • 关于Java继承的一个小问题。。。 随便小屋 java
    今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！ //CanFight接口 interface Canfight { void fight(); } //ActionCharacter类 class ActionCharacter { public void fight() { System.out.pr
  • 23种基本的设计模式 aijuans 设计模式
    Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。 　　Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 　　Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。 　　Builder：将一个复杂对象的构建与它的表示分离，使得同
  • 《周鸿祎自述：我的互联网方法论》读书笔记 aoyouzi 读书笔记
    从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品.   商业模式不是赚钱模式 一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链.   商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值. 商业模式还包括寻找需求
  • JavaScript动态改变样式访问技术 百合不是茶 JavaScriptstyle属性ClassName属性
      一:style属性 格式:  HTML元素.style.样式属性="值";   创建菜单:在html标签中创建 或者 在head标签中用数组创建   <html> <head> <title>style改变样式</title> </head> &l
  • jQuery的deferred对象详解 bijian1013 jquerydeferred对象
            jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。         每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。    &nb
  • 淘宝开放平台TOP Bill_chen C++c物流C#
    淘宝网开放平台首页：http://open.taobao.com/ 淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform， 是淘宝合作伙伴开发、发布、交易其服务的平台。 支撑TOP的三条主线为：    1.开放数据和业务流程     * 以API数据形式开放商品、交易、物流等业务；  &
  • 【大型网站架构一】大型网站架构概述 bit1129 网站架构
    大型互联网特点 面对海量用户、海量数据 大型互联网架构的关键指标 高并发 高性能 高可用 高可扩展性 线性伸缩性 安全性 大型互联网技术要点   前端优化 CDN缓存 反向代理 KV缓存 消息系统 分布式存储 NoSQL数据库 搜索 监控 安全 想到的问题： 1.对于订单系统这种事务型系统，如
  • eclipse插件hibernate tools安装 白糖_ Hibernate
    eclipse helios(3.6)版 1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址： http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装：hibernate tools在All Jboss tool
  • Jquery easyui Form表单提交注意事项 bozch jquery easyui
    jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下：         1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要
  • Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量 bylijinnan java实现
    import java.util.LinkedList; public class CaseInsensitiveTrie { /** 字典树的Java实现。实现了插入、查询以及深度优先遍历。 Trie tree's java implementation.(Insert,Search,DFS) Problem Description Igna
  • html css 鼠标形状样式汇总 chenbowen00 htmlcss
    css鼠标手型cursor中hand与pointer  Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>  Example：CSS鼠标手型效果 <a href="#" style=&qu
  • [IT与投资]IT投资的几个原则 comsci it
          无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的......    
  • oracle with语句详解 daizj oraclewithwith as
    oracle with语句详解 转 在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用 例子:注意，这是sql语句，不是pl/sql语句， 可以直接放到jdbc执行的 ----------------------------------------------------------------
  • hbase的简单操作 deng520159 数据库hbase
    近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来. 用ssh登陆安装hbase那台linux后 用hbase shell进行hbase命令控制台! 表的管理 1）查看有哪些表 hbase(main)> list 2）创建表   # 语法：create <table>, {NAME => <family&g
  • C语言scanf继续学习、算术运算符学习和逻辑运算符 dcj3sjt126com c
    /* 2013年3月11日20:37:32 地点：北京潘家园 功能：完成用户格式化输入多个值 目的：学习scanf函数的使用 */ # include <stdio.h> int main(void) { int i, j, k; printf("please input three number:\n"); //提示用
  • 2015越来越好 dcj3sjt126com 歌曲
    越来越好 房子大了电话小了 感觉越来越好 假期多了收入高了 工作越来越好 商品精了价格活了 心情越来越好 天更蓝了水更清了 环境越来越好 活得有奔头人会步步高 想做到你要努力去做到 幸福的笑容天天挂眉梢 越来越好 婆媳和了家庭暖了 生活越来越好 孩子高了懂事多了 学习越来越好 朋友多了心相通了 大家越来越好 道路宽了心气顺了 日子越来越好 活的有精神人就不显
  • java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim feiteyizu mysql
    数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00” 程序使用select 语句从中取数据时出现以下异常： java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date   java.sql.SQLException: Valu
  • Ehcache（07）——Ehcache对并发的支持 234390216 并发ehcache锁ReadLockWriteLock
    Ehcache对并发的支持          在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同
  • mysql中blob,text字段的合成索引 jackyrong mysql
      在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能， 但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找 则速度快 比如： create table abc(id varchar(10),context blog,hash_value varchar(40)); insert into abc(1,rep
  • 逻辑运算与移位运算 latty 位运算逻辑运算
    源码：正数的补码与原码相同例+7 源码：00000111 补码 ：00000111 （用8位二进制表示一个数） 负数的补码： 符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。   -7 源码： 10000111 ，其绝对值为00000111  取反加一：11111001 为-7补码 已知一个数的补码，求原码的操作分两种情况：
  • 利用XSD 验证XML文件 newerdragon javaxmlxsd
    XSD文件 （XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。 具体使用方法和定义请参看： http://www.w3school.com.cn/schema/index.asp java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持，使用起来也很方便。 以下代码可用在J
  • 搭建 CentOS 6 服务器(12) - Samba rensanning centos
    （1）安装 # yum -y install samba Installed: samba.i686 0:3.6.9-169.el6_5 # pdbedit -a rensn new password:123456 retype new password:123456 …… （2）Home文件夹 # mkdir /etc
  • Learn Nodejs 01 toknowme nodejs
    （1）下载nodejs https://nodejs.org/download/ 选择相应的版本进行下载     （2）安装nodejs 安装的方式比较多，请baidu下 我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本 （1）上传服务器 （2）解压 tar -zxvf  node-v0.12.
  • jquery控制自动刷新的代码举例 xp9802 jquery
    1、html内容部分  复制代码代码示例: <div id='log_reload'> <select name="id_s" size="1"> <option value='2'>-2s-</option> <option value='3'>-3s-</option
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他