物联网工程综合实训 课件 项目3 智能照明系统安装与调试

项目3智能照明系统安装与调试

《物联网工程综合实训》目录/CONTENT灯光系统网站的设计与实现物联网网关联接灯光控制设备的实现调光型灯光控制线路安装与调试开关型灯光控制线路安装与调试3.13.23.33.4开关型灯光控制线路安装与调试任务一1【任务描述】根据项目的方案与安装示意图，本任务选择项目中的一组智能照明电路进行安装与调试，实现触摸智能开关控制灯光熄灭、通过移动终端实现本地控制灯光熄灭。具体示意图如下图所示：1【任务描述】--材料清单设备名称数量备注云控网关1智嵌云控无线路由器1TP-LINKRF触摸开关1采用智嵌品牌基于RF433通信灯泡、灯座1

86底盒2

网线、电源线1批电源线大于或等于1mm其它工具耗材1批1【任务描述】--任务要求完成开关型灯光设备的固定与安装。完成开关型灯光设备各类线缆的连接，通过触摸开关实现开关灯效果。完成对光照传感器的安装和使用。遵守电工操作规范进行施工，布线符合电工规范，设备安装与布线做到美观牢固，横平竖直。1【任务描述】--完成效果2知识链接--电线连接工艺介绍

导线连接是电工作业的一项基本工序，也是一项十分重要的工序。导线连接的质量直接关系到整个线路能否安全可靠地长期运行。对导线连接的基本要求是：连接牢固可靠、接头电阻小、机械强度高、耐腐蚀耐氧化、电气绝缘性能好。1、单股铜导线的连接2、大截面单股铜导线的连接3、不同截面单股铜导线的连接22、多股绞合连接多股铜导线的直接连接多股铜导线的T字形连接多股铜导线的分支连接知识链接--电线连接工艺介绍3任务实施3--微课教学3任务实施工作任务具体任务描述设备安装将智能开关、灯泡、灯座、86底盒、路由器、智嵌云控等设备。按照安装位置图固定在实训架的指定位置上；要求安装稳固，美观大方。通过自主学习完成任务中的练习题。线路连接用电源线正确连接智能开关、灯座。触摸智能开关，可以控制灯的开关。所有线路连接正确，不存在短路、断路情况,安装顺利安排恰当。正确连接路由器、电脑、移动终端等设备。通过自主学习完成任务中的练习题。网络搭建进入路由器设置界面，正确设置。设置路由器的WIFI，使移动设备可以接入路由器。通过自主学习完成任务中的练习题。设备调试在移动终端安装“智嵌云控”APP程序。在“智嵌云控”中添加网关设备，并正确添加智能开关设备。为APP中灯光开关按钮学习RF433编码。通过自主学习完成APP界面的制作。其它做到安全用电，遵循先测试再通电的原则。线路连接符合电气安装规划。安装过程保持环境整洁、不乱丢工具、设备、线材。安装过程不大声喧哗，不随意走动。安装过程中未出现工具、设备掉落等情况。3任务实施1--安装与布线

步骤1：86底盒固定：用4颗螺丝将2个86型底盒安装到实训墙面上，保证86底盒安装牢固，横平竖直。步骤2：智能开关连线（参考项目1中任务一的说明）：

a)根据《GB2681-81》导线颜色标准，用红色电源线插入智能开关的正极L接线柱，黑色电源线插入智能开关的负极N接线柱，然后用螺刀拧紧接线柱螺丝。

b)将电源线的另一端连接至三极电源插头，遵循左零右火的原则。步骤3：灯泡底座连线：将灯泡底座的2个端子分别用红黑电源线连接至智能开关的N端（黑色线）和L1端（L1代表第1个开关，用红色线连接）。3任务实施1--安装与布线

步骤4：智能开关、灯座的固定：用一字螺丝刀撬动触摸开关面板边缘处的卡扣，直到撬开面板。将智能开关用螺丝固定到86盒上，同样的操作方法将灯泡底座固定到86盒上。步骤5：完成布线后，用万用表测试线路是否短路、断路。步骤6：确认线路正确后，安装灯泡，接通电源，按下触摸开关a按键，能正常开关灯则任务完成。3任务实施2--网络搭建与配置步骤1：设备固定与连线（参考项目1中任务1的说明）a)将智嵌云控网关与路由器固定在实训墙上，为2个设备接通电源；b)用1条网线连接智嵌云控家居网关的网络接口和路由器的LAN口。c)用1条网线连接路由器的LAN口和电脑。

3任务实施2--网络搭建与配置步骤2：路由器设置：a)将电脑的IP地址设置为自动获取。b)在电脑浏览器中输入路由器的默认地址，并输入用户名与密码进入路由器管理界面c)若路由器地址错误或不能登录，可长按路由器背面的Reset键5秒，恢复出厂设置。d)进入管理页面，点击管理页面下方“路由设置”图标。e)在管理页面左侧点击“上网设置”菜单，在上网方式下拉列表中选择“自动获取IP地址”，点击保存按钮，查看保存方式下方的提示，若提示“WAN口网络已连接”表示连接已成功，若提示“WAN口连接异常”，则表示上网方式选择不正确，家庭网络可能用PPPOE宽带拔号方式上网，单位网络则可能需选择固定IP地址在管理界面中进入无线设置，设置好SSID号（即WIFI名称）以及密码。

步骤3：用手机连上路由器的WIFI。3任务实施2--网络搭建与配置1．如今家庭网络的网线类型有哪三种A、电话线 B。双绞线 Ｃ、皮线光纤２、、双绞线常见类型是哪７种Ａ、一类线 Ｂ、二类线 Ｃ、三类线 Ｄ、四类线 Ｅ、五类线 Ｆ、超五类线Ｇ、六类线3任务实施3--软件调试步骤1：软件安装a)打开手机或平板电脑（基于安卓操作系统），连接智嵌云控设备所在的路由器WIFI。b)运行手机软件市场APP（如：百度手机助手、安卓市场），搜索“智嵌云控”，下载并安装“智嵌云控”APP。或直接在百度网页中搜索“智嵌云控”并下载。3任务实施3--软件调试步骤2：软件调试a)运行智嵌云控软件。b)在屏幕上向左滑动手指。c)在滑出的幕上选择“我的设备”。d)在弹出的“添加设备”窗口中选择“反馈开关”。3任务实施3--软件调试e)在弹出的窗体中单击扫描，然后长按触摸开关a按键3秒钟，直到b按键闪烁。f)直到提示“添加成功”为止，否则重复前面2步。3任务实施3--软件调试步骤3：功能测试a)返回至“智嵌云控”软件主界面，向右滑动屏幕，选择反馈开关。b)在反馈开关界面中单击a按钮，查看灯光是否开启，再次按下a按钮，查看灯光是否关闭。c)在移动终端关闭WIFI信号，通过4G信号控制灯光，若能正常控制，软件调试任务初步完成。步骤4：通过向小组讨论、自主探索等方式，通过软件设置背景图像等方式，美化“反馈开关”控制界面。4任务评价感谢您的聆听项目3智能照明系统安装与调试

授课人：黄永杰时间：2020年9月11日《物联网工程综合实训》目录/CONTENT灯光系统网站的设计与实现物联网网关联接灯光控制设备的实现调光型灯光控制线路安装与调试开关型灯光控制线路安装与调试3.13.23.33.4综合网关联接灯光控制设备的实现任务三1【任务描述】根据项目的方案与安装示意图，本任务选择项目中的一组智能照明电路进行安装与调试，实现触摸智能开关控制灯光亮灭、通过移动终端实现本地和远程控制灯光亮灭，通过Zigbee进行对灯光的控制。1【任务描述】--材料清单设备名称数量备注RF触摸开关1采用智嵌品牌基于RF433通信智嵌云控1

综合网关1智嵌万能综合网关光照度传感器1

人体探测器1

灯泡、灯座2

八路开关1

86底盒3

Zigbee2智嵌Zigbee型采集控制器路由器1TP-LINK网线、电源线1批电源线大于或等于1mm1【任务描述】--任务要求完成网关和灯光控制设备的固定与安装。完成网关和灯光控制设备各类线缆的连接，通过触摸开关实现开关灯效果，观察设备的通电状态。完成对Zigbee与网关的连接，确保Zigbee与网关通信正常，能进行通过ZIgbee来控制灯光。完成调光设备的连接，确保网关能进行对调光LED灯的调光。完成智嵌云控APP程序的安装与部署。完成局域网的搭建，并通过设置使所有联网设备互联互通。完成APP程序与智能开关的关联操作，实现通过移动终端本地控制灯光开关操作。遵守电工操作规范进行施工，布线符合电工规范，设备安装与布线做到美观牢固，横平竖直。1【任务描述】--完成效果2知识链接--物联网介绍

1、中国物联网校企联盟将物联网的定义为当下几乎所有技术与计算机、互联网技术的结合，实现物体与物体之间：环境以及状态信息实时的实时共享以及智能化的收集、传递、处理、执行。广义上说，当下涉及到信息技术的应用，都可以纳入物联网的范畴。2、国际电信联盟(ITU)的定义，物联网主要解决物品与物品(ThingtoThing,T2T)，人与物品(HumantoThing,H2T)，人与人(HumantoHuman,H2H)之间的互连。但是与传统互联网不同的是,H2T是指人利用通用装置与物品之间的连接,从而使得物品连接更加的简化，而H2H是指人之间不依赖于PC而进行的互连。因为互联网并没有考虑到对于任何物品连接的问题，故我们使用物联网来解决这个传统意义上的问题。物联网顾名思义就是连接物品的网络,许多学者讨论物联网中，经常会引入一个M2M的概念,可以解释成为人到人(MantoMan)、人到机器(MantoMachine)、机器到机器从本质上而言，在人与机器、机器与机器的交互，大部分是为了实现人与人之间的信息交互。3、物联网是指通过各种信息传感设备，实时采集任何需要监控、连接、互动的物体或过程等各种需要的信息，与互联网结合形成的一个巨大网络。其目的是实现物与物、物与人，所有的物品与网络的连接，方便识别、管理和控制。其在2011年的产业规模超过2600亿元人民币。构成物联网产业五个层级的支撑层、感知层、传输层、平台层，以及应用层分别占物联网产业规模的2知识链接--物联网介绍应用领域：智能工业、智能农业、智能物流、智能交通、智能安防、智能医疗等的2知识链接--网关编程入门介绍1.本次使用是智嵌物联网综合万能网关(简称网关)，具有脚本配置功能，设备提供丰富的脚本函数(用lua语言)。使用方便，功能扩展灵活，应用范围广等优势。2.物联网综合网关提供了8路16位高精度AD采样、4路继电器控制、4路开关量采集器、4路RS232和3路RS485通讯接口。2知识链接--网关编程入门介绍关于网关的更多知识请参考教材附件中《物联网综合网关说明书》2任务实施--安装与布线步骤1：固定安装各设备，保证设备安装牢固，横平竖直。步骤2：智能开关连线（参考项目1中任务一的说明）：

a)根据《GB2681-81》导线颜色标准，用红色电源线插入智能开关的正极L接线柱，黑色电源线插入智能开关的负极N接线柱，然后用螺刀拧紧接线柱螺丝。

b)将电源线的另一端连接至三极电源插头，遵循左零右火的原则。步骤3：灯泡底座连线将灯泡底座的2个端子分别用红黑电源线连接至智能开关的N端（黑色线）和L1端（L1代表第1个开关，用红色线连接）。2任务实施--安装与布线步骤4：人体感应的连接：将12V红色电源插入人体的12V接口，黑色电源线分别插入人体的GND、ALARM和TAMPER接口，剩下的两个口为防拆开关的信号线和人体感应的信号线，具体接法如下图所示：接ZigbeeD10端口2任务实施--安装与布线步骤1：设备固定与连线：

a)将万能综合网关、智嵌云控网关与路由器固定在实训墙上，为2个设备接通电源；

b)用2条网线分别连接万能综合网关和智嵌云控网关的网络接口到路由器的LAN口。

c)用1条网线连接路由器的LAN口和电脑。步骤2：网关配置：

a)在网关重启的时候会在网关的LCD屏幕上显示其网络信息，其中我们需要知道网关的IP地址和端口。

b)打开网关配置工具，点击运行后点击上传配置到本地。在弹出提示后输入上一步得知的网关IP，如果能成功获取到信息，则说明通信正常。步骤3：自助学习：１．网关与Ｚｉｇｂｅｅ（主机）之间用串口通信协议中的ＲＳ－４８５２．网关与光照传感器、八路开关直接用ＲＳ－４８５传输３．智嵌运控与ＲＦ反馈面板是通过无线ＲＦ射频来通讯。3任务实施--Zigbee配置步骤1：安装连线：连接好Zigbee的电源，将天线和RS-232串口线连接好，具体连线图参照下图。

3任务实施--Zigbee配置步骤2：安装调试软件：

a)打开Zigbee调试工具安装包：

b)进行安装设置： c)完成软件安装：3任务实施--Zigbee配置步骤3：调试：

a)打开工具后会看到如下图所示页面：如图3-3-11b)设置串口的波特率为9600，按下扫描获取连接端口，通过点击打开串口打开相应端口。c)打开串口成功或会显示以下提示如如图3-3-12：

3任务实施--Zigbee配置d)点击顶部的FastZigBee功能，打开如下页面：

3任务实施--Zigbee配置e)点击获取信息按钮，如果获取成功后会有提示框弹出。

3任务实施--Zigbee配置f)获取到设备信息后，我们只需要对网络号、本地网络地址、目的网络地址和通道号等参数进行修改。具体需修改的参数为：1.网络号：需要进行通信的Zigbee的网络号必须一致，否则不能通信成功2.通道号：需要进行通信的Zigbee必须在同一个通道号，否则不能通信成功3.本地网络地址：可以随意填入（如果设置的Zigbee要作为路由使用的话，本地网络地址为所有终端的目的网络地址）4.目的网络地址：如果设置的Zigbee为终端，目的网络地址就需要填入，对应路由Zigbee的本地网络地址；如果设置的Zigbee为路由，目的网络地址需要填入自己的本地网络地址；提示：Zigbee一般分为两种类型路由(协调器)与终端两种类型，终端负责采集数据向路由发送数据，终端可以为多个，但路由的Zigbee只能有一个。5.提示：Zigbee一般分为两种类型路由(协调器)与终端两种类型，终端负责采集数据向路由发送数据，终端可以为多个，但路由的Zigbee只能有一个。

3任务实施--Zigbee配置

3任务实施--Zigbee配置

步骤4：配对设置：a)进入远程模块界面点击左下方的搜索设备按钮，按下后会出来一个弹窗，勾选所有选项后进行搜索。b)搜索成功后会在下方显示出被搜索到的设备的网络号、ID等信息，点击退出。对信息更详细的查看。3任务实施--软件调试

步骤1：导入网关Demo代码（参考任务2的说明），代码从教材资源库中获取。步骤2：将lua代码上传到网关（源程序为教材附件“任务三.lua”，具体步骤参考任务2说明）。步骤3：使用提供的智嵌Web测试工具对灯进行调光（参考任务2的说明）。步骤4：使用网关对Zigbee进行控制开关灯。发送a=1打开触摸开关控制的第1路灯光发送b=1打开触摸开关控制的第2路灯光发送zigbee=1打开zibee控制的灯光发送value=XX实现调光3任务实施--软件调试

触发人体热释电传感，观察灯光的变化情况改变光照传感亮度，观察灯光变化情况观察网关LCD屏幕数据的变化。3任务拓展

读懂网关程序，尝试自己编制或改良网关程序。感谢您的聆听项目3智能照明系统安装与调试

授课人：黄永杰时间：2020年9月11日《物联网工程综合实训》目录/CONTENT灯光系统网站的设计与实现物联网网关联接灯光控制设备的实现调光型灯光控制线路安装与调试开关型灯光控制线路安装与调试3.13.23.33.4调光型灯光控制线路安装与调试任务二1【任务描述】根据项目的方案与安装示意图，本任务选择项目中的一组智能照明电路进行安装与调试，实现可调节灯光亮度。具体示意图如下图所示：1【任务描述】--材料清单设备名称数量备注综合网关1

无线路由器1TP-LINK光照度传感器1

八路开关1

可调光LED灯1

无线路由器1TP-LINK1【任务描述】--任务要求完成开关型灯光设备的固定与安装。完成开关型灯光设备各类线缆的连接。调节调光LED能对灯光的亮度进行调整遵守电工操作规范进行施工，布线符合电工规范，设备安装与布线做到美观牢固，横平竖直。1【任务描述】--完成效果2知识链接--电工胶缠绕方法

在用电过程中，人们虽注意到电源线材料截面积的大小对电气的安全使用有影响，但往往对接头使用绝缘胶布不够重视。如果绝缘胶布使用不当，会产生漏电，危及人身安全或者引起火灾。正确使用绝缘胶布：1.一般导线接头的绝缘处理(图解)：2T字分支接头的绝缘处理:知识链接--电线连接工艺介绍十字分支接头的绝缘处理:3任务实施工作任务具体任务描述设备安装将智能开关、灯泡、灯座、86底盒、路由器、智嵌云控等设备。按照安装位置图固定在实训架的指定位置上；要求安装稳固，美观大方。通过自主学习完成任务中的练习题。线路连接用电源线正确连接智能开关、灯座。触摸智能开关，可以控制灯的开关。所有线路连接正确，不存在短路、断路情况,安装顺利安排恰当。正确连接路由器、电脑、移动终端等设备。通过自主学习完成任务中的练习题。网络搭建进入路由器设置界面，正确设置。设置路由器的WIFI，使移动设备可以接入路由器。通过自主学习完成任务中的练习题。设备调试在移动终端安装“智嵌云控”APP程序。在“智嵌云控”中添加网关设备，并正确添加智能开关设备。为APP中灯光开关按钮学习RF433编码。通过自主学习完成APP界面的制作。其它做到安全用电，遵循先测试再通电的原则。线路连接符合电气安装规划。安装过程保持环境整洁、不乱丢工具、设备、线材。安装过程不大声喧哗，不随意走动。安装过程中未出现工具、设备掉落等情况。3任务实施1--安装与布线步骤1：固定安装八路开关、调光LED灯和光照传感器，保证设备安装牢固，横平竖直。步骤2：调光LED灯和八路开关的连接的：将红色12V电源与黑色电源连接至八路开关，可调LED灯的适配器上的三项插头连接至220V接口，把可调LED灯的适配器上的红色与黑色的调光线连接到八路开关的开关端口1的正负接口，将485A、B接到网关的第1路COM口，如下图所示：网关3任务实施1--安装与布线

步骤3：光照传感器的连接：

a)光照度传感器反面有写不同颜色线的说明，内容如下所示：

b)按照说明书，红色接到VCC（正），黑色接到GND（负），黄色接485A，绿色接485B，因为光照传感器供电电压是9~24V，所以红色接到9~24V的正极。黑色接到对应的负极即可。黄色接到网关COM口对应的A极，绿色接到网关COM口对应的B极即可。3任务实施1--安装与布线步骤4：完成布线后，用万用表的红笔接正极黑笔接负极测试线路是否短路、断路。步骤5：确认线路正确后，安装灯泡，接通电源，按下触摸开关a按键，确认能正常开关灯；按下八路开关按键，确认能正常开关灯则任务完成，效果如下图所示：3任务实施2--网络搭建与配置步骤1：设备固定与连线：a)将综合网关与路由器固定在实训墙上，为2个设备接通电源；b)用1条网线连接综合网关的网络接口和路由器的LAN口。c)用1条网线连接路由器的LAN口和电脑。

3任务实施2--网络搭建与配置步骤2：自主学习如何用万用表检测八路开关开灯时的电压a)正确地把红笔插入测量电压孔上，黑笔插入ＣＯＭ孔上。b)将功能档调到直流电压档的中档，红笔前段接正极，黑笔前段接负极。c)查看万用表显示的数值，并确定量程计算出八路开关开灯时的电压为１０Ｖ步骤3：网关配置：a)在网关重启的时候会在网关的LCD屏幕上显示其网络信息，其中我们需要知道网关的IP地址和端口。b)打开网关配置工具，点击运行后点击上传配置到本地。在弹出提示后输入上一步得知的网关IP，如果能成功获取到信息，则说明通信正常，如下图所示：3任务实施2--网络搭建与配置步骤4：打开网关编辑器步骤5：点击左上角的【文件】，选择要添加的文件，网关程序可选择教材附件中的“任务二.ua”代码。3任务实施2--网络搭建与配置步骤6：修改程序中网络参数网关IP地址子网掩码网关地址DNS服务器地址3任务实施2--网络搭建与配置步骤7：添加完成后继续点击左上角的【文件】选择重命名步骤8：把文件名该为“config.lua”然后保存步骤9：点击右边的运行——上传配置到网关步骤10：按照说明输入网关IP地址如：03任务实施3--软件调试步骤1：打开智嵌Web测试工具，界面如下：http://网关地址此时相当于网关为一台web服务器3任务实施3--软件调试步骤2：在URL地址输入网关地址,如0。如图3-2-17配置步骤3：选择Post模式，发送相应的网关变量进行调光测试（发送的值范围从0到100,发送的规格为：网关变量=值，如:Value=80，则灯光的亮度变为80%）。发送完后查看灯光的亮度变化。Value=803熟悉网关程序通过云变量控制8路开关的亮度，ID和Road表示第X路开关。为云变量赋值，默认为改变第1路开关。3熟悉网关程序循环开始，通过死循环不变轮询云变量的值及改变亮度及显示循环结束将POST过来的值赋值给改变灯光亮度的控制变量将云变量Value的值发送给8路控制开关，改变灯光亮度3熟悉网关程序读懂网关程序，尝试通过网关参考手册，编写网关程序。感谢您的聆听项目3智能照明系统安装与调试

授课人：黄永杰时间：2020年9月11日《物联网工程综合实训》目录/CONTENT灯光系统网站的设计与实现物联网网关联接灯光控制设备的实现调光型灯光控制线路安装与调试开关型灯光控制线路安装与调试3.13.23.33.4灯光系统手机控制程序的设计与实现任务四1【任务描述】根据项目的方案与设计示意图，本任务选择项目中网站应用制作，实现通过iis部署提供好的网站文件。建立前台要求能获取数据、进行控制，学会调用做好的函数方法，本任务在任务3的基础上进行部署和设计。1【任务描述】--任务要求在IIS中完成demo网站的部署。完成网关编程，使用示例代码进行数据的判断，完成人体的判断的自动模式。完成对js插件的引用，掌握使用demo中的函数来进行开关控制和数据获取。完成网页UI界面。1【任务描述】--完成效果2知识链接--Http介绍

HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(NextGenerationofHTTP)的建议已经提出。2知识链接--Http介绍HTTP协议的主要特点可概括如下：1.支持客户/服务器模式。2.简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同。由于HTTP协议简单，使得HTTP服务器的程序规模小，因而通信速度很快。3.灵活：HTTP允许传输任意类型的数据对象。正在传输的类型由Content-Type加以标记。4.无连接：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。5.无状态：HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息时它的应答就较快。2知识链接--JSON简介JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。简单地说，JSON可以将JavaScript对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从Web客户机传递给服务器端程序。这个字符串看起来有点儿古怪，但是JavaScript很容易解释它，而且JSON可以表示比"名称/值对"更复杂的结构。JSON一般格式JSON数组格式2任务实施--网络搭建1)网络搭建步骤1：路由器设置（参考项目1中任务一的说明）：步骤2：配置路由器的WIFI名为“LD+组号”。步骤3：用手机连上路由器的WIFI。2)IIS搭建步骤1：安装IIS（参考项目二中任务4的说明）。步骤2：引用指定文件项目三Demo。3)软件调试步骤1：云控软件安装（参考项目1中任务一的说明）。步骤2：在反馈界面中控制灯的开关（参考项目1中任务一的说明）。2任务实施4)JavaScript插件的使用步骤1：

引用插件：a)创建一个HTML网页，在网页head部分引用插件lot.js(该插件要在jquery的