_奈落_
_奈落_

基于openlayer4画线，鼠标悬浮线上弹窗


<html>
  <head>
    <title>根据点位画线、鼠标悬浮提示信息title>
    
    
 
<script src="js/openlayers/v4.3.3-dist/ol.js">script>

<link rel="stylesheet" href="js/openlayers/v4.3.3-dist/ol.css" type="text/css" />


<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;  
       font:  italic bold 12px  ;  
       min-width: 30px;  
     }  
     .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: "✖";  
     }  */
    style>
  head>
  <body>
    <div id="map" class="map">div>
    <div id="popup" class="ol-popup">
        <a href="#" id="popup-closer" class="ol-popup-closer">a>
        <div id="popup-content">div>
    div>
    <script>
    // 初始给的中心点坐标。
    var centerX = 117.3626;
    var centerY = 32.9184;
    var extent = [centerX, centerY, centerX, centerY];

    var layer1 =  new ol.layer.Tile({
        source: new ol.source.OSM()
    }); // 谷歌卫星地图（混合）
    var layer2 = new ol.layer.Tile({
            source: new ol.source.XYZ({
                url:'http://mt3.google.cn/vt/lyrs=t@131,r@216000000&hl=zh-CN&gl=CN&src=app&x={x}&y={y}&z={z}&s=Gal'//谷歌地形地图  
            }), 
        }); // 谷歌地形地图
    var layerImage = new ol.layer.Image({
            source: new ol.source.ImageStatic({
                // url: 'images/mapTest.jpg',//这里添加静态图片的地址
                url: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1512636538327&di=1198aa77a3df42bd8046d0353502904c&imgtype=0&src=http%3A%2F%2Foss.p.t262.com%2Fcpic%2Fbc%2F2e%2Fdec7377951965a2d1dca25d006522ebc.jpg',
                imageExtent: [centerX-500, centerY-500, centerX+500, centerY+500],// 地图坐标中的图像的范围。这是图像的[左，右，右，上]地图坐标
            }), 
        }); // 自定义的地图图片

    //实例一个map
    var map = new ol.Map({
        // 在默认控件的基础上，再加上其他内置的控件
       controls: ol.control.defaults().extend([
           new ol.control.FullScreen(),
           new ol.control.MousePosition(),
           new ol.control.OverviewMap(),
           new ol.control.ScaleLine(),
           new ol.control.ZoomSlider(),
           new ol.control.ZoomToExtent()
       ]),
       layers: [layer1],
       target: 'map',
       view: new ol.View({
         center: [centerX, centerY],
         projection: ol.proj.get('EPSG:4326'),
         zoom: 13,//当前的放大度数
         minZoom:5,//最小放大度数
         maxZoom:19,//最大放大度数
       })
     });
    //实例化一个矢量图层Vector作为绘制层
    var source = new ol.source.Vector();

    //实例一个线(标记点)的全局变量
    var geometry = new ol.geom.LineString(); //线,Point 点,Polygon 面

    //散列点数组，放置的点的位置数据
    var coordinate = [
                [117.340367,32.977329],
                [117.34173,32.970506]
        ];

    //添加标记点
    function addPonitToGeometry(arr) {
        for (var i = 0; i < arr.length; i++) {
            geometry.appendCoordinate(arr[i]);
        }
    } 
    addPonitToGeometry(coordinate);
    var LineStringFeature = new ol.Feature(geometry); //绘制线的数据

    //将线添加到Vector绘制层上
    source.addFeature(LineStringFeature);
    var vectorLayer = new ol.layer.Vector({
        source: source,
        style: new ol.style.Style({
            // 线
            stroke: new ol.style.Stroke({
                color: 'red',
                width: 4
            }),

        })
    });
    map.addLayer(vectorLayer); //将绘制层添加到地图容器中

    var container = document.getElementById("popup");
    var content = document.getElementById("popup-content");
    var popupCloser = document.getElementById("popup-closer");
    var overlay = new ol.Overlay({
        //设置弹出框的容器
        element : container,
        //是否自动平移，即假如标记在屏幕边缘，弹出时自动平移地图使弹出框完全可见
        autoPan : true,
        autoPanAnimation : {
            duration : 250
        //当Popup超出地图边界时，为了Popup全部可见，地图移动的速度. 
        }
    });
    map.on('pointermove', function(e) {
        //获取像素区域
        var pixel = map.getEventPixel(e.originalEvent);
        var flag = false;
        map.forEachFeatureAtPixel(pixel, function(feature) {
            var coodinate = e.coordinate;
            //设置弹出框内容，可以HTML自定义
            content.innerHTML = "hello";
            //设置overlay的显示位置
            overlay.setPosition(coodinate);
            flag = true;
        });
        if (flag) {
            //显示overlay
            map.addOverlay(overlay);
        } else
            map.removeOverlay(overlay);
    });
    script>
  body>
html>

你可能感兴趣的:(openlayer4)

  • OpenLayer4实现自定义地图聚类图层 不玩了啊
    前言：一直感觉不论OL还是arcgis这个地图聚类是真的丑，实在让人看不下去，反观leaflet插件的的聚合效果那叫一个好看，个人感觉好看多了去了，那么把这个聚合效果用到OL上面去啊，这个是一个很好玩的事，本篇文章用到了自定义的聚类的扩展图层，感谢@牛老师源代码启发，在此基础上进行进一步的封装。先来张效果图：这张照片整的感觉都变形很多。其实一点没变形一、自定义扩展图层下载（github）ol.la
  • OpenLayer4跨域访问GeoServer发布的TMS服务 忘我怎么解
    在geoserver中WEB-INF文件夹下，修改web.xml文件，添加过滤器内容，如下：CorsFilterorg.apache.catalina.filters.CorsFiltercors.allowed.origins*cors.allowed.methodsGET,POST,HEAD,OPTIONS,PUTcors.allowed.headersContent-Type,X-Reque
  • Openlayers4加载WMS地图 此爱如少年 Openlayers4笔记openlayers开发
    前面介绍过Openlayers2加载地图的方法。但是Openlayers2现在已经算很老的版本，只有在老项目中可能还在用到。最新的Openlayers已经升级到了Openlayers5。openlayer4加载WMS由于新项目中，用采用了Openlayers4，因此，在这里说一下Openlayer4加载WMS地图服务的方法。WMS图层可以看做是一张张PNG图片按照网格平铺在地图上的一幅图，一般用做
  • openLayer4实现动态改变标注图标
    本文实例为大家分享了openLayer4动态改变标注图标的具体代码，供大家参考，具体内容如下地图上经常需要标出标注，标注点击之后要有相应的变化来达到一定的效果。此实例即在地图上添加图片标注，点击标注，更换标注图片，再点击其他标注，上一个标注恢复原来的标注图片。/*初始化地图*/varmap;functioninitmap(){map=newol.Map({layers:layers,target:
  • OpenLayer4实现自定义标注 饮水思源09 OpenLayers
    前言：OL可以让我们实现自定义的标注样式，用过CAD的同学应该都知道CAD中有上下文字中间用横线隔开的样式，这样标注让人一目了然的了解信息。给人以直观的的信息表达，本文实现就是分式的标注。先来张图：一、关于ol.style.Icon类该类中有一个img参数，该参数非常好用，该参数的输入类型为Image|HTMLCanvasElement，第二个类型就是canvas标签，作为一个GIS开发人员，相信
  • OpenLayer4实现自定义标注 hpugisers OpenLayerOpenLayer3and4
    前言：OL可以让我们实现自定义的标注样式，用过CAD的同学应该都知道CAD中有上下文字中间用横线隔开的样式，这样标注让人一目了然的了解信息。给人以直观的的信息表达，本文实现就是分式的标注。先来张图：一、关于ol.style.Icon类该类中有一个img参数，该参数非常好用，该参数的输入类型为Image|HTMLCanvasElement，第二个类型就是canvas标签，作为一个GIS开发人员，相信
  • OpenLayer4结合高德API实现地图选点路径规划 hpugisers OpenLayerOpenLayer3and4
    前言：路径规划也是WebGIS一个特点，我们在做某些应用的时候可能会用到路径规划的功能，该功能我们也可以自己实现，利用数据等，但是OpenLayer一大特色就是加载在线地图，向高德，百度等，这些地图都提供一些api接口供大家调用获取数据，在做路径规划的时候，刚开始用的百度提供的api，发现这个路径规划的真烂你都不好意去吐槽，最后换成高德api总体效果还算满意。废话不多说进入正文。先来张图：一、高德
  • OpenLayer4实现卷帘效果 hpugisers OpenLayerOpenLayer3and4
    一、用途：卷帘效果在多个图层叠加的时候会用到。但是还想两个图层相互切换或者两个图层在一块，这个时候就用到卷帘效果，我们可以把这个卷帘做成一个label可以来回拖动，这样既可以达到控制效果，也很美观。先来张效果图：二、全部源码地图卷帘效果body{overflow:hidden;}html,body,.map{width:100%;height:100%;position:absolute;box-
  • OpenLayer4加载svg weixin_30781631
    关于加载svg的代码，网上是少之又少，牛老师博客倒是有，但是只是核心代码，并没有给出完整的demo,而且核心代码中有个问题对于这个ol渲染不太理解的话的话应该做不出来效果，就是关于坐标转屏幕坐标的问题，必须需要地图渲染完成之后才能拿到否则没法转换，得出转换为空的结果。放个图：一、原理通过静态加载图片的方式加载svg，给定初始化范围，更重要的是给定imageSize，关于imageSize是通过给定
  • Openlayer4的wfs属性查询和空间查询遇到的坑 summer2333 互联网文章
    项目需求是在特定的区域下搜索地物，类似地理围栏里查找POI的功能。而且要求通过图层叠加的方式，不能直接访问数据库然后遍历绘制。这里创建了VectorLayer，网上例子很多就不再赘述，下面是引用官网提供的Example，通过fetch（类似ajax）请求，请求wfs的服务实现。本文是记录下当时遇到的坑。查询部分的代码如下：//测试用的geometry类型数据（Polygon）varnewPoly=
  • openlayer4中使用geojson数据 浪子边 webgis
    GeoJSONvarimage=newol.style.Circle({radius:5,fill:null,stroke:newol.style.Stroke({color:'red',width:1})});varstyles={'Point':newol.style.Style({image:image}),'LineString':newol.style.Style({stroke:new
  • openlayer4加载ArcGIS离线瓦片地图 weshmily前端 openlayer
    Openlayer4加载ArcGIS离线瓦片地图本来以前是用openlayer2,在太乐地图下载的地图,会有模版.之前直接在此基础上更改的代码,但是随着项目的发展功能的增多,openlayer2越来越不适应现在的项目,所以决定换成openlayer4,今天给大家说的是Openlayer4加载ArcGIS离线瓦片地图.步骤1:下载地图(我用的是太乐地图下载器)由于大小的原因,我们选择前6级下载步骤2
  • openlayer4中获取地图坐标的方法 浪子边 webgis
    WFSvarmap=newol.Map({layers:[newol.layer.Tile({source:newol.source.OSM()})],target:'map',view:newol.View({center:ol.proj.transform([104,30],'EPSG:4326','EPSG:3857'),zoom:10})});//监听singleclick事件/*map.
  • 基于openlayer4生成热力图 _奈落_ openlayer4
    ol加载热力图radiussizeblursize//底图varraster=newol.layer.Tile({source:newol.source.Stamen({layer:'toner'})});varmap=newol.Map({layers:[raster],target:'map',view:newol.View({center:[117.3626,32.9184],project
  • 基于openlayer4画区域 _奈落_ openlayer4
    画区域-->varraster=newol.layer.Tile({source:newol.source.OSM()});varwkt='';//区域wkt点集varformat=newol.format.WKT();varfeature=format.readFeature(wkt,{dataProjection:'EPSG:4326',featureProjection:'EPSG:4326
  • 基于openlayer4画线，鼠标悬浮线上弹窗 _奈落_ openlayer4
    根据点位画线、鼠标悬浮提示信息-->.ol-popup{position:absolute;background-color:white;-webkit-filter:drop-shadow(01px4pxrgba(0,0,0,0.2));filter:drop-shadow(01px4pxrgba(0,0,0,0.2));padding:15px;border-radius:10px;borde
  • 基于openlayer4打点，点击点位弹出窗 _奈落_ openlayer4
    打点位、点击点位弹出信息-->//初始给的中心点坐标。varcenterX=117.3626;varcenterY=32.9184;//我们需要一个vector的layer来放置图标varlayer=newol.layer.Vector({source:newol.source.Vector()})varmap=newol.Map({layers:[newol.layer.Tile({//加载互联
  • OpenLayer4地图全屏的实现 David_SIAT OpenLayerWebGIS
    OpenLayer4地图全屏的实现第一种方式：自实现1.首先将地图容器的长宽设置成100%。2.对form和body标签长宽设置成100%。3.对浏览器进行全屏设置。具体代码如下所示：fullextent为全屏安全ID。$("#fullextent").click(function(){//alert("全屏");if($("#fullextent").attr("src")!="Image/bk
  • openlayer4设置地图的默认鼠标手势和拖拽鼠标手势 fredricen JavaScriptopenlayers
    openlayer2之后，openlayer3版本有较大升级。openlayers4是3的自然升级。openlayers4中默认的地图鼠标手势都是箭头。如果需要设置为像百度、高德之类的鼠标手势，需要自行定制。设置方法很简单，完全通过控制css就可以了。地图默认手势修改：#map{      cursor:url(openhand.cur),auto;    }地图交互手势修改：/*鼠标样式设置*/
  • openlayer4在地图上绘制统计表格 小木子。。。 openlayer4
    在使用openlater开发的过程中，有时候会需要在地图上绘制一些数据的统计表格，openlayer官网还没有类类似的例子，网上大多数例子的实现原理是通过在地图上添加feature或overlay的形式，使用canvas绘制一张图片给feature设置样式，或在overlay里生成图表。具体代码如下（这个例子是使用feature，给feature设置样式，以绘制饼状图为例）：Stylingfeat
  • openLayer4动态改变标注图标 loves小鱼儿 javascript地图函数实例openlayer4
    地图上经常需要标出标注，标注点击之后要有相应的变化来达到一定的效果。此实例即在地图上添加图片标注，点击标注，更换标注图片，再点击其他标注，上一个标注恢复原来的标注图片。/*初始化地图*/varmap;functioninitmap(){map=newol.Map({layers:layers,target:'mapContainer',view:newol.View({//地图中心坐标center
  • openlayer4入门系列一(地图描绘经纬度点) Whyloveit 实战记录
    openlayer结合天地图描绘点其他地图描点也是一样的.请去参考官网.下面是四川天地图的结合openlayer开发的API,里面有案例:http://www.scgis.net/scgcmap/help/mapAPIdown.aspx案列写的是十分的复杂.我在我的项目中简化了下.引入js.css天地图四川要素查询下面是代码varmap;varstyleCache={};window.onload
  • openlayer4中加载瓦片图层 浪子边 webgis
    瓦片图层一般作为webgis中底图，通常使用的有OSM（OpenStreetMap)（最方便），其他地图如百度地图，高德地图也可以作为数据源进行加载。也可以自己制作瓦片图层进行发布，然后调用。varmap=newol.Map({layers:[newol.layer.Tile({source:newol.source.OSM()}),vector],target:'map',view:newol.
  • openlayer4地图及图层导出图片问题小结 David_SIAT WebGIS
    直接使用ol4中的地图导出功能在我们的项目中可能会存在跨域问题，导致地图不能正常的转为二进制。解决方法：1//自定义图层中添加crossOrigin，具体如下：vartdtTerLayer=newol.layer.Tile({visible:true,source:newol.source.XYZ({crossOrigin:'anonymous',url:tdtter})});varedge=ne
  • openlayer4 + arcgisserver + wms +sld 朕要睡了 gis
    需要注意的点是sld文件的编写sld文件：//最好为NamedLayertrunk//一定要加上trunk对应图层名trunk//style名group0Featuregeneric:geometrysimpledefaultrule#0000802.0varlayers=[newol.layer.Tile({extent:extent,source:newol.source.TileWMS({u
  • 基于openlayer4实现地图联动效果 YH20090580118 openlayer开发
    1.原理说明基于openlayer4实现地图联动效果，就是创建多个地图容器，共用一个视图对象（ps:地图的视图关联着地图的extent事件，共用一个视图也就意味着所有地图容器同步一个事件，省去自己手动关联地图extent事件）。2.代码说明地图联动body{overflow:hidden;}html,body{width:100%;height:100%;position:absolute;box
  • openlayer4 多图联动 jjxliu306 GIS
    之前在ol2中多图联动需要监听地图move事件，在事件中对其他地图进行位置更新来达到多图联动的效果，在ol4中可以直接通过多个地图共享一个view来达到多图联动的效果。直接上代码多图联动body{height:100%;width:100%;position:absolute;overflow:hidden;}.top{height:50%;width:100%;float:left;}.bott
  • openlayer4 弹出框封装 jjxliu306 GIS
    很多场景需要在地图上弹出一个tooltip或者popup之类的小窗口显示一些信息，最近简单做了一下封装，方便后续调用，代码如下：/*刘玉峰[email protected]*///点击后高亮下方的feature并且弹出popup信息做展示Popup=function(map){this.map=map;//添加一个popup的divvardiv=document.createE
  • openlayer4 弹出框封装 jjxliu306 openlayerspopuptootip地图
    阅读更多很多场景需要在地图上弹出一个tooltip或者popup之类的小窗口显示一些信息，最近简单做了一下封装，方便后续调用，代码如下：/*刘玉峰[email protected]*///点击后高亮下方的feature并且弹出popup信息做展示Popup=function(map){this.map=map;//添加一个popup的divvardiv=document.cre
  • openlayer4 弹出框封装 jjxliu306 openlayerspopuptootip地图
    阅读更多很多场景需要在地图上弹出一个tooltip或者popup之类的小窗口显示一些信息，最近简单做了一下封装，方便后续调用，代码如下：/*刘玉峰[email protected]*///点击后高亮下方的feature并且弹出popup信息做展示Popup=function(map){this.map=map;//添加一个popup的divvardiv=document.cre
  • 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其他