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

技术编号:38683285 阅读:9 留言:0更新日期:2023-09-02 22:56
本发明专利技术的目的在于提供一种PON设备上WEB服务动态网页的实现方法,实现方法为浏览器发起请求,设备web服务器回复内容,浏览器收到回复内容展示在页面上。通过一种PON设备上WEB服务动态网页的实现方法,方便快捷地实现了嵌入式资源有限设备里的动态页面,统一了页面和WEB服务器交互的规范,使得编写服务器代码的后端工程师和编写页面的前端工程师可以独立完成自己的设计;实现了封装为一个库即和具体设备实现无关,使得新项目快速实现设备页面,解决了PON设备上实现开源程序较复杂的问题,减少了精力和成本的损耗。减少了精力和成本的损耗。减少了精力和成本的损耗。

【技术实现步骤摘要】
一种PON设备上WEB服务动态网页的实现方法


[0001]本专利技术涉及PON设备领域,尤其涉及一种PON设备上WEB服务动态网页的实现方法。

技术介绍

[0002]PON设备需要页面来进行配置功能和查看状态,设备运行状态多变即需要支持动态页面。PON上web服务的实现有两种,使用开源程序然后设计网页,即代码和页面完全独立没有关系,另外一种为即写服务代码可采取代码和页面融合。
[0003]前者实现动态页面即根据开源程序支持情况而不同,如Apache其动态页面为PHP编程语言,但此过于消耗资源且过于复杂不是很适合PON设备,更常用的是Boa这种更适合在资源受限的嵌入式上运行,其使用CGI来实现动态页面。
[0004]以上动态实现开源程序实现较复杂,增添了许多在PON上不必要的功能,需要设计页面及其对应的PHP编程或者CGI编程,耗费较多精力。PON设备为功能确定页面固定的设备,更适合自己实现web服务程序,采取代码和页面融合的方式,在代码里生成页面,即可实现更快更简洁灵活地支持动态页面。

技术实现思路

[0005]本专利技术的目的在于,针对PON设备上动态实现开源程序实现较复杂的问题,提出一种PON设备上WEB服务动态网页的实现方法,无需设计对应的PHP编程和CGI编程即可实现。
[0006]一种PON设备上WEB服务动态网页的实现方法,实现方法为浏览器发起请求,设备web服务器回复内容,浏览器收到回复内容展示在页面上。
[0007]进一步的,一种PON设备上WEB服务动态网页的实现方法,所述实现方法包括整体页面获取,刷新网页页面,设备web服务器读取网页的文件,将文件中的动态标签替换为当前设备运行状态值,浏览器直接替换当前展示页面。
[0008]进一步的,一种PON设备上WEB服务动态网页的实现方法,所述实现方法包括网页指定部分内容替换,浏览器发起异步请求,设备web服务器收到处理并回复,指定替换页面部分内容。
[0009]进一步的,一种PON设备上WEB服务动态网页的实现方法,所述整体页面获取利用PON设备上变化的是页面上的数据及根据不同数据而生成的差异显示,页面其他部分都是不变的特性,实现web页面为HTML标记语言,使用标签给浏览器指明如何显示,浏览器对不认识的标签不做处理实现动态页面。
[0010]进一步的,一种PON设备上WEB服务动态网页的实现方法,所述整体页面获取的步骤为:S11:完成所有的页面编写生成对应html文件,对变化的数据的值进行标签标记;S12:浏览器请求html时,web服务输出对应的页面时获取设备数据,替换数据标签;S13:web服务将数据替换的标签输出给浏览器;
S14:web服务代码在得到浏览器页面请求,读取页面文件并输出。
[0011]进一步的,一种PON设备上WEB服务动态网页的实现方法,所述标签获取实时的替换字符,将标签分成两类为得到输出值和获取参数值,执行操作,两类都有输入变量以按需控制输出;得到输出值形式为call(arg1,arg2...)即传入输入变量;获取参数值定义形式为get(name,arg1,arg2...)即传入要获取的参数名,还可传入输入参数;所述读取页面,当遇到call和get,调用对应C函数call(int argc, char *argv[])及get(int argc, char *argv[]),输出实际字符数据。
[0012]进一步的,一种PON设备上WEB服务动态网页的实现方法,所述网页指定部分内容替换为Ajax异步请求,XMLHttpRequet创建对象,对象的open方法发起请求,对象的onload方法获得web服务器回复内容。
[0013]进一步的,一种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方法里进行对应操作。
[0014]本专利技术的有益效果:本方案提供了一种PON设备上WEB服务动态网页的实现方法,方便快捷地实现了嵌入式资源有限设备里的动态页面,统一了页面和WEB服务器交互的规范,使得编写服务器代码的后端工程师和编写页面的前端工程师可以独立完成自己的设计;实现了封装为一个库即和具体设备实现无关,使得新项目快速实现设备页面,解决了PON设备上实现开源程序较复杂的问题,减少了精力和成本的损耗。
附图说明
[0015]图1是本专利技术的流程图。
[0016]图2是整体页面获取的流程图。
[0017]图3是网页指定部分内容替换的流程图。
实施方式
[0018]为了对本专利技术的技术特征、目的和效果有更加清楚的理解,现对照附图说明本发
明的具体实施方式。
[0019]如附图1所示,一种PON设备上WEB服务动态网页的实现方法,实现方法为浏览器发起请求,设备web服务器回复内容,浏览器收到回复内容展示在页面上。
[0020]实现方法包括整体页面获取,刷新网页页面,设备web服务器读取网页的文件,将文件中的动态标签替换为当前设备运行状态值,浏览器直接替换当前展示页面。
[0021]实现方法包括网页指定部分内容替换,浏览器发起异步请求,设备web服务器收到处理并回复,指定替换页面部分内容。
[0022]xxx.html表示整体页面获取,web服务器即读取此文件并替换其中动态标签后发给浏览器,xxx.ajax则表示网页指定部分内容替换,即浏览器ajax请求。
[0023]如附图2所示,整体页面获取利用PON设备上变化的是页面上的数据及根据不同数据而生成的差异显示,页面其他部分都是不变的特性,实现web页面为HTML标记语言,使用标签给浏览器指明如何显示,浏览器对不认识的标签不做处理实现动态页面。
[0024]整体页面获取的步骤为:S11:完成所有的页面编写生成对应html文件,对变化的数据的值进行标签标记;S12:浏览器请求html时,web服务输出对应的页面时获取设备数据,替换数据标签;S13:web服务将数据替换的标签输出给浏览器;S14:web服务代码在得到浏览器页面请求,读取页面文件并输出。
[0025]标本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种PON设备上WEB服务动态网页的实现方法,其特征在于,实现方法为浏览器发起请求,设备web服务器回复内容,浏览器收到回复内容展示在页面上。2.根据权利要求1所述的一种PON设备上WEB服务动态网页的实现方法,其特征在于,所述实现方法包括整体页面获取,刷新网页页面,设备web服务器读取网页的文件,将文件中的动态标签替换为当前设备运行状态值,浏览器直接替换当前展示页面。3.根据权利要求1所述的一种PON设备上WEB服务动态网页的实现方法,其特征在于,所述实现方法包括网页指定部分内容替换,浏览器发起异步请求,设备web服务器收到处理并回复,指定替换页面部分内容。4.根据权利要求2所述的一种PON设备上WEB服务动态网页的实现方法,其特征在于,所述整体页面获取利用PON设备上变化的是页面上的数据及根据不同数据而生成的差异显示,页面其他部分都是不变的特性,实现web页面为HTML标记语言,使用标签给浏览器指明如何显示,浏览器对不认识的标签不做处理实现动态页面。5.根据权利要求4所述的一种PON设备上WEB服务动态网页的实现方法,其特征在于,所述整体页面获取的步骤为:S11:完成所有的页面编写生成对应html文件,对变化的数据的值进行标签标记;S12:浏览器请求html时,web服务输出对应的页面时获取设备数据,替换数据标签;S13:web服务将数据替换的标签输出给浏览器;S14:web服务代码在得到浏览器页面请求,读取页面文件并输出。6.根据权利要求5所述的一种PON设备上WEB服务动态网页的实现方法,其特征在于,所述标签获取实时的替换字符,将标签分成两类为得到输出值和获取参数值,执行操作,两类都有输入变量以按需控制输出;得到输出值形式为call(ar...

【专利技术属性】
技术研发人员:谢超秦志红徐永池
申请(专利权)人:四川天邑康和通信股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1