存档在 ‘php’ 分类

百度地图获取数据库表中信息的坐标点显示在地图上

2016年10月20日

map.js

//通用封装好的js:

var map = new BMap.Map("container"); //建树Map实例
var point = new BMap.Point(103.976032, 33.845509); // 建树点坐标
map.centerAndZoom(point, 6); // 初始化地图,设置中心点坐标和地图级别。
//地图事件设置函数:
map.enableDragging(); //启用地图拖拽事件,默认启用(可不写)
map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
map.enableDoubleClickZoom(); //启用鼠标双击放大,默认启用(可不写)
map.enableKeyboard(); //启用键盘上下左右键移动地图

//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1 });
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
map.addControl(ctrl_sca);
//创建marker
function addMarker() {
    for (var i = 0; i < markerArr.length; i++) {
        var json = markerArr[i];
        var p0 = json.point.split("|")[0];
        var p1 = json.point.split("|")[1];
        var point = new BMap.Point(p0, p1);
        
        var iconImg = createIcon(json.icon);
        var marker = new BMap.Marker(point, { icon: iconImg });
        map.addOverlay(marker);
    }
}
//创建一个Icon
function createIcon(json) {
    // 创建图标对象   
        //var myIcon = new BMap.Icon("../marker_red_sprite.png", new BMap.Size(23, 25), {
        //    // 指定定位位置。   
        //    // 当标注显示在地图上时,其所指向的地理位置距离图标左上    
        //    // 角各偏移10像素和25像素。您可以看到在本例中该位置即是   
        //    // 图标中央下端的尖角位置。    
        //    offset: new BMap.Size(10, 25),    
        //    // 设置图片偏移。   
        //    // 当您需要从一幅较大的图片中截取某部分作为标注图标时,您   
        //    // 需要指定大图的偏移位置,此做法与css sprites技术类似。    
        //    //imageOffset: new BMap.Size(0, 0 - index * 25)   // 设置图片偏移    
        //});
    var icon = new BMap.Icon(图片名称, new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
    return icon;
}

Map.js

获取数据库数据

<html>
 <head>
  <title>百度地图加载</title>
 </head>
 <script src="Map.js"></script>
 <script type="text/javascript"> 
    
    //声明全局数组
    var markerArr = [];
    $(function () {
        //点击查询加载标注
        $("#btnSearch").click(function () {
            LoadMap();
        });

    });

    //加载游客地理位置
    function LoadMap() {
       //清空数组和所有标注点
        markerArr = [];
        map.clearOverlays();
        var par={
            startDate:$("#startDate").val(),
            endDate:$("#endDate").val()
        }
        $.ajax({
            type: "get",
            url: "/VisitorClient/GetAllInfo",
            data: par,
            dataType:"json",
            cache: false,
            success: function (r) {
                if (r.res) { 
                    dataBind(r);
                    $("#spannum").text("该时段App园区游客人数为:" + r.count);
                }
                else {
                    $("#spannum").text("该时段园区没有人使用App");
                }
                
            },
            error: function (d)
            {
                
                alert(d.responseText);
            }
        });    
    }
    function dataBind(r) {
        $.map(r.data, function (d) {
            
            var arr = { point: "" + d.Longitude + "|" + d.Latitude };
            markerArr.push(arr);
        });
        addMarker();
    }

</script>
 <body>
  <input type="button" value="搜索" id="btnSearch"/>
 </body>
</html>

easyui为tabs添加右键菜单

2016年10月11日

菜单就是easyui的menu组件,使用者可以为菜单选项添加图标,定义样式,甚至可以设置多级结构的菜单。

<div id="rcmenu" class="easyui-menu" style="">
	<div data-options="iconCls:'icon-cancel'" id="closecur">
		关闭
	</div>
	<div id="closeall">
		关闭全部
	</div>
	<div id="closeother">
		关闭其他
	</div>
	<div class="menu-sep"></div>
	<div id="closeright">
		关闭右侧标签页
	</div>
	<div id="closeleft">
		关闭左侧标签页
	</div>
</div>

easyui-menu的使用请参考官方文档:http://www.jeasyui.com/documentation/menu.php

$(function(){
			
	$(".tabs-header").bind('contextmenu',function(e){
		e.preventDefault();
		$('#rcmenu').menu('show', {
			left: e.pageX,
			top: e.pageY
		});
	});
	//关闭当前标签页
	$("#closecur").bind("click",function(){
		var tab = $('#tab').tabs('getSelected');
		var index = $('#tab').tabs('getTabIndex',tab);
		$('#tab').tabs('close',index);
	});
	//关闭所有标签页
	$("#closeall").bind("click",function(){
		var tablist = $('#tab').tabs('tabs');
		for(var i=tablist.length-1;i>=0;i--){
			$('#tab').tabs('close',i);
		}
	});
	//关闭非当前标签页(先关闭右侧,再关闭左侧)
	$("#closeother").bind("click",function(){
		var tablist = $('#tab').tabs('tabs');
		var tab = $('#tab').tabs('getSelected');
		var index = $('#tab').tabs('getTabIndex',tab);
		for(var i=tablist.length-1;i>index;i--){
			$('#tab').tabs('close',i);
		}
		var num = index-1;
		for(var i=num;i>=0;i--){
			$('#tab').tabs('close',0);
		}
	});
	//关闭当前标签页右侧标签页
	$("#closeright").bind("click",function(){
		var tablist = $('#tab').tabs('tabs');
		var tab = $('#tab').tabs('getSelected');
		var index = $('#tab').tabs('getTabIndex',tab);
		for(var i=tablist.length-1;i>index;i--){
			$('#tab').tabs('close',i);
		}
	});
	//关闭当前标签页左侧标签页
	$("#closeleft").bind("click",function(){
		var tab = $('#tab').tabs('getSelected');
		var index = $('#tab').tabs('getTabIndex',tab);
		var num = index-1;
		for(var i=0;i<=num;i++){
			$('#tab').tabs('close',0);
		}
	});
		
});

$(‘.tabs-header’)为tabs的hearder对象,通过绑定contextmenu事件,并阻止默认的事件,来实现在header区域右键弹出菜单操作。最后运用官方提供的api,来实现tab标签页的关闭。

thinkphp中的session的使用

2016年10月8日

session的作用:session可以长时间的保存数据,不丢失。

session的常用于:
1.登录,保存登录信息
2.保存购物车信息
3.保存验证码信息
链接:http://document.thinkphp.cn/manual_3_2.html#session

定义session常量

define('WXUSER', 'wxuser_session');
define('MEMBER', 'member_session');
define('MERCHANT', 'merchant_session');
define('AGENT', 'agent_session');
define('CART', 'cart_session');

给session赋值

session(MERCHANT, $user['id']);

根据session获取用户信息

$user = M('user')->where(array('id' => session(MERCHANT)))->find();
$this->user = $user;
$this->user_id = $user['id'];

如果session存在,直接进入主界面,否则进入登录界面

 //商户登陆
    public function login() {
        if (session(MERCHANT)) {
            $this->redirect(U('User/Index/index'));
        } else {
            $this->display();
        }
    }

登出,销毁session

//登出
    public function userLogout()
    {
        session(null);
        //session_destroy();
        //unset($_SESSION);
        $this->redirect(U('Home/Index/index'));
    }

关于session的几点理解与测试

  • 同一个浏览器,同一个session名,不同的网址,保存的位置不同。销毁其中一个,另外的并没有收到影响。
  • session是保存在服务器上的,不同的网址意味着不同的服务器。销毁其中一个,其他的并没有收到影响。
  • 当你关闭浏览器的时候,session的死期也就到了。
  • 同一个网址,不同的浏览器打开都有对应的一个session。
  • 大部分的Session机制都使用进程中Cookie来保存Session_id的,关闭浏览器后这个进程也就自动消失了,进程中的Cookie自然就消失了,那么Session_id也跟着消失了,再次连接到服务器时也就无法找到原来的Session了。
  • 我们可以在登陆时点击下次自动登录,比如说“记住我一周”。这就要用到我们上文提到的另一种Cookie了——硬盘中Cookie,这时Session_id将长期保存在硬盘上的Cookie中,直到失效为止。

fonts.useso.com停用及使用googleapis

2016年9月17日

最近几个项目出现加载缓慢,由于fonts.useso.com本来是360网站卫士CDN加速的字体服务,但是现在已经停止服务了!
但是谷歌的字体服务已经能使用了,其实早在15年初google就在北京设置了服务器,ping fonts.useso.com 也可以发现,ip为203.208.40.136,地址是北京电信海淀区,比360镜像要快很多,所以把所有替换的字体库,插件通通去掉即可。

解决办法:
将整个工程内涉及到useso.com的地方都替换成googleapis.com即可。
即可。

ajax轮询请求状态

2016年9月6日

这里要实现的功能是:通过扫码微信公众号带参数的二维码,来登录网站。
但很明显,如果ajax不间断的请求服务器,这样会加重服务器的负荷,所以本例采用的是js的setInterval来周期性调用执行一个ajax函数来来向服务器请求数据,但请求成功或者请求一定次数后还未成功时用clearinterval函数清空计时器。
代码和注释如下:(后端采用thinkPHP实现,所以js代码中含有一些thinkPHP的语法规则)

<script type="text/javascript" src="__CSS__/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script type="text/javascript">
	var uid = "{$uid}";
	var i = 0;
	var timer;
	$().ready(function(){
		//打开扫码登录模态框
		$('#login').click(function(){
			//如果用户已经登录,则返回
			if(uid){ 
				return ;
			}
			//打开模态框,通过remote选项从远程加载数据
			$('#loginModel').modal({
				remote: "{:U('user/login')}"
			});
		});
		
		//模态框隐藏之后清空数据
		$("#loginModel").on("hidden.bs.modal", function() {
    	    $(this).removeData("bs.modal");
    	});
		
		//当模态框显示出来后,通过定时返回来向服务器请求数据,定时器是每三秒请求一次服务器
		$('#loginModel').on('shown.bs.modal', function (e) {
			timer = setInterval(ajax_request, 3000);
		});
	});
	
	//ajax 请求函数,
	function ajax_request(){
		i++;
		//如果已经请求20此没有请求成功,则强制结束,给出提示信息,因为每3s调用一次,供调用20次,大概就是一分钟的时间
		if(i > 20){
			$('.login_info1').html('<span style="color:red;">登录超时,如需登录请刷新页面~</span>');
			clearInterval(timer);
			return ;
		}
		
		$.ajax({
			type: "post",
			url: "{:U('User/login_qrcode')}",
			timeout : 3000,
			data: { "scene_id": $('#scene_id').val() },
			success: function (msg){				
				if(1 == msg.status){
					$('.login_info1').html('<span style="color:#0C9;">'+msg.info+'</span>');
					setTimeout(refresh, 3000);
					return ;
				}
			},
			error: function(){
			}
		});
	}
	
	//重载页面
	function refresh(){
		location.reload();
	}
</script>

Apache 实现https+Apache http访问转到https

2016年9月1日

首先安装SSL,再编译安装APACHE,再配置证书即可

1. 下载安装apache和openssl

网址:http://www.apache.orghttp://www.openssl.org

#tar zxvf httpd-2.0.54.tar.gz
#tar zxvf openssl-0.9.7g.tar.gz

编译安装openssl,这个软件主要是用来生成证书:

# cd openssl-0.9.7g
# ./config
# make
# make test
# make install

把 openssl放进内核目录下,使其在任何目录下都能运行。

# cd /usr/local/bin
# ln -s /usr/local/ssl/bin/openssl openssl

编译安装apache

# cd /opt/httpd-2.0.54
# ./configure –prefix=”/opt/apache2″ –enable-so –enable-ssl –with-ssl=”/usr/local/ssl/bin”
# make
# make install

 

2. 安装完毕,生成证书

在/opt/apache2/conf下建立一个ssl.key目录

# cd ../apache2/
# cd conf/
# mkdir ssl.key

然后在该目录下生成证书:

#cd ssl.key/

生成服务器私钥:

#openssl genrsa -des3 -out server.key 1024

Generating RSA private key, 1024 bit long modulus

…………………..++++++

………………………………………….++++++

e is 65537 (0x10001)

Enter pass phrase for server.key: //密码

Verifying – Enter pass phrase for server.key: //确认和上面密码相同

生成服务器证书请求,并按要求填些相关证书信息:

#openssl req -new -key server.key -out server.csr

Enter pass phrase for server.key: //上面的密码

You are about to be asked to enter information that will be incorporated

into your certificate request.

What you are about to enter is what is called a Distinguished Name or a DN.

There are quite a few fields but you can leave some blank

For some fields there will be a default value,

If you enter ‘.’, the field will be left blank.

—–

Country Name (2 letter code) [AU]:CN

State or Province Name (full name) [Some-State]:BJ

Locality Name (eg, city) []:BJ

Organization Name (eg, company) [Internet Widgits Pty Ltd]:163

Organizational Unit Name (eg, section) []:TD

Common Name (eg, YOUR name) []:a.test.com//行使 SSL 加密的网站地址。请注意这里并不是单指您的域名,而是直接使 用 SSL 的网站名称 例如:pay.abc.com。 一个网站这里的定是:abc.com是一个网站;www.abc.com 是另外一个网站;pay.abc.com 又是另外一个网站。

Email Address []:lala@corp.netease.com
Please enter the following ‘extra’ attributes
to be sent with your certificate request
A challenge password []:**********
An optional company name []:126

签证:

# openssl x509 -req -days 700 -in server.csr -signkey server.key -out server.crt
Signature ok
subject=/C=AU/ST=Some-State/L=tyl/O=tz/OU=tz/CN=tyl/emailAddress=tangyl@ruyi.com
Getting Private key
Enter pass phrase for server.key:      // 输入创建key时的密码

 

3. 修改httpd.conf文件

Apache一般有2个版本下载,一个是带SSL模块的,一个是不带SSL的,请首先检查自己的SSL是包含了SSL模块的,否则就没法做了。 Apache的参数配置都在httpd.conf文件中,SSL配置也是如此,此外还可以通过include httpd-ssl.conf来包含一个专门配置SSL的配置文件,如果激活了httpd-include ssl.conf,则可以打开httpd-ssl.conf来配置相应参数。

一般,我们直接在httpd.conf文件中直接配置SSL参数:

#加载模块mod_ssl.so,此模块是启用SSL功能必须的。

LoadModule ssl_module modules/mod_ssl.so //静态编进apache内核的则不需要此段

#监听443端口

Listen 443

#建立一个SSL的虚拟站点,避免SSL配置影响原来HTTP的站点配置

<VirtualHost _default_:443>

DocumentRoot “C:/Program Files/Apache2/htdocs”

ServerName www.myssl.cn:443

SSLEngine on

#SSLCertificateFile /opt/apache2/conf/ssl.crt/server.crt  #108行

SSLCertificateFile /opt/apache2/conf/ssl.key/server.crt

 

#SSLCertificateFile /opt/apache2/conf/ssl.crt/server-dsa.crt

SSLCertificateKeyFile /opt/apache2/conf/ssl.key/server.key   #116行

 

#SSLCertificateKeyFile /opt/apache2/conf/ssl.key/server-dsa.key

#SSLCertificateChainFile “C:/SSL/chain.cer”

ErrorLog “C:/Program Files/Apache2/logs/error.log”

TransferLog “C:/Program Files/Apache2/logs/access.log”

</VirtualHost>

 

#说明主站是使用HTTP通信的,只有上面虚拟站点有SSL

SSLEngine off                               

    

配置参数说明如下(完整的SSL配置参数见这里):

    * Listen 443:

      SSL协议监听的端口,同下面 Virtualhost 中的端口需要匹配,SSL协议缺省使用443端口,也有使用8443的情况。

    * SSLEngine on:

      SSL功能打开,如果在Virtualhost 出现这句,则仅作用于虚拟机站点配置范围,这个虚拟机站点全部使用SSL通信,如果出现在Virtualhost外,则作用于全局,整个服务器都使用 SSL(HTTPS)通信,不能采用HTTP通信,所以通常都在Virtualhost中加这句。

    * SSLCertificateFile:证书文件,server.crt

    * SSLCertificateKeyFile:私钥文件,server.key

    * SSLCertificateChainFile:证书链文件,GeoTrust证书除了EV以外,都是单根证书,都不需要配置这个参数,如果是EV证书,则需要加入EV的证书链。

    * Errorlog,TranksferLog:日志文件

    * SSLEngine off:整个站点,除了虚拟站点外,关闭SSL,仍然支持HTTP通信

 

4. 重新启动Apache

如果是在Linux下,输入:

apachectl stop

apachectl startssl

Server a.test.com:443 (RSA)

Enter pass phrase://输入创建证书和密钥时的密码,正确输入后ssl就连同apache一起启动

在浏览器中输入:https://220.181.75.119

要求下载证书,https建立就完成了

 

注意:可以去掉每次启动时要输入证书私钥的 pass phrase

#cp server1.key  server1.key.secure 

#/usr/bin/openssl rsa -in aserver1.key.secure  -out server1.key

 

 

5. 客户端证书认证

(1)基本客户证书认证

强制客户对整个站点都必须采用客户证书认证的方式,可以在原来的配置下增加如下参数:

<VirtualHost _default_:443>

……

# 需要客户有一个客户端证书,并由ca.cer这个CA证书签署

SSLVerifyClient require

SSLVerifyDepth 1

SSLCACertificateFile conf/ssl.crt/ca.cer 

</VirtualHost>

 

(2)如果只要求对特定目录采用客户证书认证方式,其他目录都不需要客户端证书,则可以采用如下配置:

<VirtualHost _default_:443>

……

# 需要客户有一个客户端证书,并由ca.cer这个CA证书签署

SSLVerifyClient none

SSLCACertificateFile conf/ssl.crt/ca.crt

<Location /secure/area>

SSLVerifyClient require

SSLVerifyDepth 1

</Location>

</VirtualHost>

 

6. 强制HTTPS访问

强制HTTPS访问,主要通过将用户访问的HTTP请求自动转换为HTTPS请求,有两种方式:一种是通过编程的方式,详见:”强制用户通过SSL访问网站” ; 另一种方式则是通过Apache强大的Rewrite功能。

如果要针对整个网站全部执行HTTP自动转为HTTPS的功能,可以在httpd.conf文件中,增加:

RewriteEngine on
RewriteCond   %{HTTPS} !=on
RewriteRule   ^(.*)  https://%{SERVER_NAME}$1 [L,R]

如果,仅要求对\secure目录下的内容强制采用HTTPS访问,可以在httpd.conf文件中加入如下语句:

<Directory “C:\Program Files\htdocs\secure”>
RewriteEngine on
RewriteCond   %{HTTPS} !=on
RewriteRule   ^(.*)  https://%{SERVER_NAME}/secure/$1 [L,R]
</Directory>

 

7. 访问控制举例

如何对来自Internet并要访问Intranet的客户强制采用强加密的HTTPS通信,并采用基本或者客户证书的认证方式?同时还要确保来自 Intranet的客户可以进行HTTP访问?

假设IntranetIP地址段是192.160.1.0/24,Intranet站点子区域的URL是/subarea ,则可以在HTTPS虚拟主机站点以外增加如下配置(这样可以同时作用于HTTPS和HTTP):

SSLCACertificateFile conf/ssl.crt/company-ca.crt


# subarea以外的区域只允许来自Intranet的访问
Order deny,allow
Deny from all
Allow from 192.168.1.0/24


# 在subarea以内,允许所有来自Intranet的访问,
# 但对来自Internet的访问,仅允许HTTPS+Strong-Cipher+Password
# 或者HTTPS+Strong-Cipher+Client-Certificate
# 如果使用了HTTPS,则确保使用高强度加密
# 同时允许客户以基本认证的形式认证

SSLVerifyClient optional
SSLVerifyDepth 1
SSLOptions +FakeBasicAuth +StrictRequire
SSLRequire %{SSL_CIPHER_USEKEYSIZE} >= 128

# 强制来自Internet的客户使用HTTPS
RewriteEngine on
RewriteCond %{REMOTE_ADDR} !^192\.168\.1\.[0-9]+$
RewriteCond %{HTTPS} !=on
RewriteRule ^(.*) https://%{SERVER_NAME}$1 [L,R]

# 允许网络访问和基本认证
Satisfy any

# 控制网络访问
Order deny,allow
Deny from all
Allow 192.168.1.0/24

# HTTP基本认证
AuthType basic
AuthName “Protected Intranet Area”
AuthBasicProvider file
AuthUserFile conf/protected.passwd
Require valid-user

https的传输原理

人们常常在使用网上银行时看到的连接都是以“https”开始的,那么这个https是什么呢?这其实是表示目前连接使用了SSL进行加密,能保证客户端到服务器端的通信都在被保护起来,那么浏览器是如果实现的呢?下面我们介绍一下SSL的基本实现方法。

首先我们有两种基本的加解密算法类型:对称加密,非对称加密(公私钥加密),现在介绍一下这两种加密算法的特点:

对称加密:密钥只有一个,加密解密为同一个密码,且加解密速度快,典型的对称加密算法有DES、AES等,示意图如下:

图1 对称加密

非对称加密:密钥成对出现(且根据公钥无法推知私钥,根据私钥也无法推知公钥),加密解密使用不同密钥(公钥加密需要私钥解密,私钥加密需要公钥解密),相对对称加密速度较慢,典型的非对称加密算法有RSA、DSA等,示意图如下:

图2 非对称加密

根据上面的两种加密方法,现在我们就可以设计一种无法让他人在互联网上知道你的通讯信息的加密方法:

  1. 在服务器端存在一个公钥及私钥

  2. 客户端从服务器取得这个公钥

  3. 客户端产生一个随机的密钥

  4. 客户端通过公钥对密钥加密(非对称加密)

  5. 客户端发送到服务器端

  6. 服务器端接受这个密钥并且以后的服务器端和客户端的数据全部通过这个密钥加密(对称加密)

    HTTPS通信过程的时序图如下:

    图3 HTTPS通信时序图

正如上图所示,我们能保证下面几点:

  1. 客户端产生的密钥只有客户端和服务器端能得到

  2. 加密的数据只有客户端和服务器端才能得到明文

  3. 客户端到服务端的通信是安全的

当然实际的SSL实现算法复杂的多,并有数据校验、身份验证等功能,如果需要更多了角请参看RFC2246及RFC4346文档。

 

Apache http访问转到https

Apache 实现http访问转到https ,可以用 Rewrite 模块。

配置经过如下:

1.httpd.conf中增加如下语句,如果有就不用加了

LoadModule rewrite_module modules/mod_rewrite.so

一、针对整站的

在 VirtualServer 加上如下语句:

RewriteEngine on
RewriteCond %{SERVER_PORT} !^443$
RewriteRule ^(.*)?$ https://%{SERVER_NAME}/$1 [L,R]

二、针对某些目录的

在这个目录内,添加如下

RewriteEngine on
RewriteBase /test
RewriteCond %{SERVER_PORT} !^443$
RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [L,R]

另也可以在.htaccess添加如下语句来实现

RewriteEngine on
RewriteBase /test
RewriteCond %{SERVER_PORT} !^443$
RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [L,R]

最后重新启动apache服务,访问http测试成功转换成httpd

/etc/init.d/httpd  restart

 

参考推荐:

httpd使用ssl模块配置HTTPS

require.js加载某非规范的模块

2016年8月23日

1.注册

<!-- require.js -->
<script type="text/javascript" src="__STATIC__/js/require.js?__VERSION__"></script>
<script type="text/javascript">
	window.UEDITOR_HOME_URL   = '__STATIC__/js/ueditor/';
	window.UEDITOR_SERVER_URL = '<{:U('Upload/ueditor')}>';
	require.config({
		baseUrl: "__STATIC__/module/admin/",
		urlArgs: '__VERSION__',
		waitSeconds: 0,
		paths: {
			'jquery':                '../../js/jquery.min',
			'jquery.easyui':         '../../js/easyui/jquery.easyui.min',
			'jquery.easyui.portal':  '../../js/easyui/plugins/jquery.portal',
			'jquery.easyui.lang':    '../../js/easyui/locale/easyui-lang-zh_CN',
			'jquery.easyui.app':     '../../js/jquery.easyui.app',
			'jquery.venobox':        '../../js/venobox/venobox.min',
			'jquery.croppic':        '../../js/croppic/croppic',
			'editor':                '../../js/ueditor/ueditor.require',
			'editor.zeroclipboard':  '../../js/ueditor/third-party/zeroclipboard/ZeroClipboard.min',
			'bootstrap':                '../../../statics/album/assets/js/bootstrap.min',
			'viewer':                '../../../statics/album/dist/viewer',
			'album':                '../../../statics/album/assets/js/main',
		},
		shim: {
			'jquery.venobox':      {deps: ['jquery']},
			'jquery.croppic':      {deps: ['jquery']},
			'jquery.easyui':       {deps: ['jquery']},
			'jquery.easyui.lang':  {deps: ['jquery', 'jquery.easyui']},
			'jquery.easyui.portal':{deps: ['jquery', 'jquery.easyui', 'jquery.easyui.lang']},
			'jquery.easyui.app': {
				deps: ['jquery', 'jquery.easyui', 'jquery.easyui.portal', 'jquery.easyui.lang', 'jquery.venobox', 'jquery.croppic'],
				exports: '$'
			},
			'editor':              {deps: ['../../js/ueditor/ueditor.config', 'editor.zeroclipboard']},
			'album':      {deps: ['viewer', 'bootstrap']}
		}
	});
</script>

2.在需要的地方

define(['jquery.easyui.app', 'common/event', 'common/method','album'], function($, event, method,album) {
    var module = {
        init: function(e){
            $('.docs-pictures').viewer();
        }
    };
    return module;
});

3.写好前端并加入js
参考文献:http://www.ruanyifeng.com/blog/2012/11/require_js.html

HTTPS 升级指南

2016年8月1日

为了升级到 HTTP/2 协议,必须先启用 HTTPS。如果你不了解 HTTPS 协议(学名 TLS 协议),可以参考我以前的文章。
《HTTPS 协议概述》
《图解 HTTPS 协议》
《HTTPS 协议的七个误解》
《HTTPS 协议的延迟有多大?》

参考文献:
http://www.ruanyifeng.com/blog/2016/08/migrate-from-http-to-https.html?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io
http://blog.mimvp.com/2016/01/apache-httpsapache-http-access-go-to-https/