一种PON设备上WEB服务动态网页的实现方法

技术领域

本发明涉及PON设备领域，尤其涉及一种PON设备上WEB服务动态网页的实现方法。

背景技术

PON设备需要页面来进行配置功能和查看状态，设备运行状态多变即需要支持动态页面。PON上web服务的实现有两种，使用开源程序然后设计网页，即代码和页面完全独立没有关系，另外一种为即写服务代码可采取代码和页面融合。

前者实现动态页面即根据开源程序支持情况而不同，如Apache其动态页面为PHP编程语言，但此过于消耗资源且过于复杂不是很适合PON设备，更常用的是Boa这种更适合在资源受限的嵌入式上运行，其使用CGI来实现动态页面。

以上动态实现开源程序实现较复杂，增添了许多在PON上不必要的功能，需要设计页面及其对应的PHP编程或者CGI编程，耗费较多精力。PON设备为功能确定页面固定的设备，更适合自己实现web服务程序，采取代码和页面融合的方式，在代码里生成页面，即可实现更快更简洁灵活地支持动态页面。

发明内容

本发明的目的在于，针对PON设备上动态实现开源程序实现较复杂的问题，提出一种PON设备上WEB服务动态网页的实现方法，无需设计对应的PHP编程和CGI编程即可实现。

一种PON设备上WEB服务动态网页的实现方法，实现方法为浏览器发起请求，设备web服务器回复内容，浏览器收到回复内容展示在页面上。

进一步的，一种PON设备上WEB服务动态网页的实现方法，所述实现方法包括整体页面获取，刷新网页页面，设备web服务器读取网页的文件，将文件中的动态标签替换为当前设备运行状态值，浏览器直接替换当前展示页面。

进一步的，一种PON设备上WEB服务动态网页的实现方法，所述实现方法包括网页指定部分内容替换，浏览器发起异步请求，设备web服务器收到处理并回复，指定替换页面部分内容。

进一步的，一种PON设备上WEB服务动态网页的实现方法，所述整体页面获取利用PON设备上变化的是页面上的数据及根据不同数据而生成的差异显示，页面其他部分都是不变的特性，实现web页面为HTML标记语言，使用标签给浏览器指明如何显示，浏览器对不认识的标签不做处理实现动态页面。

进一步的，一种PON设备上WEB服务动态网页的实现方法，所述整体页面获取的步骤为：

S11：完成所有的页面编写生成对应html文件，对变化的数据的值进行标签标记；

S12：浏览器请求html时，web服务输出对应的页面时获取设备数据，替换数据标签；

S13：web服务将数据替换的标签输出给浏览器；

S14：web服务代码在得到浏览器页面请求，读取页面文件并输出。

进一步的，一种PON设备上WEB服务动态网页的实现方法，所述标签获取实时的替换字符，将标签分成两类为得到输出值和获取参数值，执行操作，两类都有输入变量以按需控制输出；

得到输出值形式为call(arg1，arg2...)即传入输入变量；

获取参数值定义形式为get(name，arg1，arg2...)即传入要获取的参数名，还可传入输入参数；

所述读取页面，当遇到call和get，调用对应C函数call(int argc, char *argv[])及get(int argc, char *argv[])，输出实际字符数据。

进一步的，一种PON设备上WEB服务动态网页的实现方法，所述网页指定部分内容替换为Ajax异步请求，XMLHttpRequet创建对象，对象的open方法发起请求，对象的onload方法获得web服务器回复内容。

进一步的，一种PON设备上WEB服务动态网页的实现方法，所述网页指定部分内容替换的步骤包括：

S21：统一接口，http请求使用post方法，消息内容格式为json字符串；

S22：请求分为执行命令、设置设备参数，请求需分清操作顺序，作为原子操作；

S23：请求为json数组，每个json成员即一个执行单位按序进行；

S24：使用type指明操作类型，分为操作命令、set设置设备参数、get获取设备参数：

若为操作命令则有传入操作命令名称及其输入变量及值；

若为set设置设备参数则要设置的设备参数名及其值；

如为get获取设备参数则有list指出要获取的设备参数数组；

S25：web服务收到请求，解析json数组，对每个json成员进行操作，分别调cmd()、set()、get()函数，执行成功回复200 OK，若有参数则使用json字符串传出；

S26：浏览器收到回复，XMLHttpRequet对象的onload或success的error方法里进行对应操作。

本发明的有益效果：本方案提供了一种PON设备上WEB服务动态网页的实现方法，方便快捷地实现了嵌入式资源有限设备里的动态页面，统一了页面和WEB服务器交互的规范，使得编写服务器代码的后端工程师和编写页面的前端工程师可以独立完成自己的设计；实现了封装为一个库即和具体设备实现无关，使得新项目快速实现设备页面，解决了PON设备上实现开源程序较复杂的问题，减少了精力和成本的损耗。

附图说明

图1是本发明的流程图。

图2是整体页面获取的流程图。

图3是网页指定部分内容替换的流程图。

实施方式

为了对本发明的技术特征、目的和效果有更加清楚的理解，现对照附图说明本发明的具体实施方式。

如附图1所示，一种PON设备上WEB服务动态网页的实现方法，实现方法为浏览器发起请求，设备web服务器回复内容，浏览器收到回复内容展示在页面上。

实现方法包括整体页面获取，刷新网页页面，设备web服务器读取网页的文件，将文件中的动态标签替换为当前设备运行状态值，浏览器直接替换当前展示页面。

实现方法包括网页指定部分内容替换，浏览器发起异步请求，设备web服务器收到处理并回复，指定替换页面部分内容。

xxx.html表示整体页面获取，web服务器即读取此文件并替换其中动态标签后发给浏览器，xxx.ajax则表示网页指定部分内容替换，即浏览器ajax请求。

如附图2所示，整体页面获取利用PON设备上变化的是页面上的数据及根据不同数据而生成的差异显示，页面其他部分都是不变的特性，实现web页面为HTML标记语言，使用标签给浏览器指明如何显示，浏览器对不认识的标签不做处理实现动态页面。

整体页面获取的步骤为：

S11：完成所有的页面编写生成对应html文件，对变化的数据的值进行标签标记；

S12：浏览器请求html时，web服务输出对应的页面时获取设备数据，替换数据标签；

S13：web服务将数据替换的标签输出给浏览器；

S14：web服务代码在得到浏览器页面请求，读取页面文件并输出。

标签获取实时的替换字符，将标签分成两类为得到输出值和获取参数值，执行操作，两类都有输入变量以按需控制输出；

得到输出值形式为call(arg1，arg2...)即传入输入变量；

获取参数值定义形式为get(name，arg1，arg2...)即传入要获取的参数名，还可传入输入参数；

读取页面，当遇到call和get，调用对应C函数call(int argc, char *argv[])及get(int argc, char *argv[])，输出实际字符数据。

为避免和HTML标签冲突前加上%字符，即在html文件里即有如<%get(date)>即表示获取dat参数的值。

如附图3所示，页面操作每次都发起页面请求实现简单，上面实现即已经基本满足PON页面要求，为了更快捷交互在某些页面操作时其实是不必要发起整个页面的请求，即网页指定部分内容替换。

网页指定部分内容替换为Ajax异步请求，XMLHttpRequet创建对象，对象的open方法发起请求，对象的onload方法获得web服务器回复内容。

网页指定部分内容替换的步骤包括：

S21：统一接口，http请求使用post方法，消息内容格式为json字符串；

S22：请求分为执行命令、设置设备参数，请求需分清操作顺序，作为原子操作；

S23：请求为json数组，每个json成员即一个执行单位按序进行；

S24：使用type指明操作类型，分为操作命令、set设置设备参数、get获取设备参数：

若为操作命令则有传入操作命令名称及其输入变量及值；

若为set设置设备参数则要设置的设备参数名及其值；

如为get获取设备参数则有list指出要获取的设备参数数组；

S25：web服务收到请求，解析json数组，对每个json成员进行操作，分别调cmd()、set()、get()函数，执行成功回复200 OK，若有参数则使用json字符串传出；

S26：浏览器收到回复，XMLHttpRequet对象的onload或success的error方法里进行对应操作。

操作命令如执行cmd命令传入变量名为arg值为1，获取设备参数evn1和env2的值：

[{"type":"cmd","arg":1},{"type":"get","list":["env1","env2"]}]

本方案通过一种PON设备上WEB服务动态网页的实现方法，方便快捷地实现了嵌入式资源有限设备里的动态页面，统一了页面和WEB服务器交互的规范，使得编写服务器代码的后端工程师和编写页面的前端工程师可以独立完成自己的设计；实现了封装为一个库即和具体设备实现无关，使得新项目快速实现设备页面，解决了PON设备上实现开源程序较复杂的问题，减少了精力和成本的损耗。

以上显示和描述了本发明的基本原理和主要特征和本发明的优点。本行业的技术人员应该了解，本发明不受上述实施例的限制，上述实施例和说明书中描述的只是说明本发明的原理，在不脱离本发明精神和范围的前提下，本发明还会有各种变化和改进，这些变化和改进都落入要求保护的本发明范围内。本发明要求保护范围由所附的权利要求书及其等效物界定。