物联网工程综合实训 课件 项目3任务4 灯光系统手机控制程序的设计与实现

项目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的基础上使用,本叫教程不提供任何样式):b)在尾部新建一个script标签，引用$.Server()函数,此函数用来设置网关IP，我们需要输入一个正确的网关IP才能获取和控制，如http：//0。2任务实施--人体数据获取步骤2：获取数据：a)新建一个div，添加id，id名可以随意规定。b)在script标签内调用$.GetData()函数,此函数是回调函数，可以返回获取到的网关数据（data）返回的数据格式为Json，只需要输入键值就可以获取到值，具体代码如下：界面效果2任务实施--光照数据获取c)除了以上方法可以获取数据之外，还有一种方法可以获取数据，并且能生成列表在script标签内调用$.fn.CreateList()函数,该函数需要填入一个Json的参数，json的键值为在列表里显示数据的提示（列表内显示的数据多少取决于参数中Json的元素的多少），键值相对应的值为网关变量名，具体代码如下：2任务实施--开关控制：步骤3：开关控制：a)新建一个img标签，并赋予其id：b)在script标签中调用$.fn.Ctrl()函数，该函数可以控制开关需要输入1个参数，该参数为你要控制的设备的变量名。（此函数对网关的控制进行了规定，该变量的值必须为0为关、1为开。）2任务实施--调光设置步骤4：调光设置：a)新建一个div标签，并赋予其id：b)在script标签中调用$.fn.Dimming()函数，该函数可以控制调光LED灯的亮度需要输入1个参数，需要填入调光的网关变量名。2任务实施--调光设置步骤5：自动模式：a)在本插件中的$.Post()函数可以更改网关变量的值，这条函数拥有2个参数，第一个参数为你需要更改的网管变量的变量名，第二个参数为对这个变量需要更改的值。

b)在控制自动模式的时候需要使用上述函数，将自动模式的网关变量名输入至参数一，将开启自动模式的值输入至参数二。（在默认情况下自动模式为开启状态，需要开启自动模式就要使用此函数来开启。在进行步骤3和4的开关控制和调光时会自动将自动模式关掉。）2任务实施--自主学习内容１．HTTP它用于传送WWW方式的数据，在WWW中，“客户”与“服务器”是一个相对的概念，只存在于一个特定的连接期间，即在某个连接中的客户在另一个连接中可能作为服务器。基于HTTP协议的客户/服务器模式的信息交换过程，它分四个过程：建立连接、发送请求信息、发送响应信息、关闭连接。２．请求报文格式：请求行—通用