CN103747094A

CN103747094A - 动态页面数据分离方法

Info

Publication number: CN103747094A
Application number: CN201410026657.5A
Authority: CN
Inventors: 吴振华
Original assignee: Shanghai Feixun Data Communication Technology Co Ltd
Current assignee: Shanghai Feixun Data Communication Technology Co Ltd
Priority date: 2014-01-21
Filing date: 2014-01-21
Publication date: 2014-04-23

Abstract

本发明公开一种动态页面数据分离方法，该方法用于千兆无源光网络家庭网关单元中，其包含以下步骤：1、获取动态数据；2、增加在网页上调用获取一个对象的接口，以移动设备管理的对象为单位获取数据；3、对网关设备的底层数据库进行操作，取出相对应整个对象的数据；4、对整个对象的数据进行整理和规范后输出；5、网页上解析对象的参数。本发明把本来需要在后台输出的网页和数据放到前台来做，用面向对象的思想放到网页前台数据部分，在前台数据部分把整个对象解析出来，结构清晰，网页维护方便，方便操作人员编辑。

Description

动态页面数据分离方法

技术领域

本发明涉及一种网络技术，具体涉及一种用于千兆无源光网络的家庭网关单元中软件动态页面数据分离方法。

背景技术

千兆无源光网络（Gigabit-Capable PON ，GPON）的家庭网关单元（Home Gateway unit，HGU）网关产品都有用户（User Interface，UI）界面部分，通过网页访问，我们可以得到HGU的配置，并对它进行设置。HGU上有个网页服务（web server）服务器，为了方便得到嵌入式系统的后台数据，通常会在后台利用C语言输出函数fprintf 把数据和网页一起输出。现有技术的这种方法对于获取后台数据是方便了一点，但对于网页的维护和编辑相当的麻烦。

一、WEB 服务器对HTTP输入（Get）请求的处理

WEB服务器可以处理HTTP 输入（GET）/发送（POST）请求，按处理方式来划分GET请求可以分成三类：

超文本标记语言（html）请求：WEB服务器会直接输出与请求文件名对应的html文件；

公共网关接口（cgi）类请求：通常请求路径后带有各种参数，WEB服务器会根据具体请求处理输入的参数，之后输出与cgi请求同名的html文件；

命令提示符（cmd）类请求：通常请求路径后带有各种参数，WEB服务器会根据具体请求处理输入的参数，之后通过打印输出html文件，这类我们称为动态打印输入网页。

如图1所示，为网页服务器的输入/输出处理示意图。客户通过html请求、cgi类请求和/或cmd类请求向网页服务器（Webs）输入或输出，网页服务器通过html或javascript反馈给客户。

网页通过标签<%...%>调用cgi函数：在do_ej ()函数解析标签<%%>，通过查找ej_handlers[]结构体数组把标签<%%>里面的字符串转换成对应的函数调用。html和cgi类请求的标签<%...%>处理后返回的可能不是单一的参数，而是一段html文本，这类处理也归纳到打印输出网页里面。

上述提到的cmd类请求，通过打印指令函数fprintf()来输出网页，如果直接使用html则需要增加很多的数据读取接口。网页是通过C语言函数fprintf 出来的。这种形式导致的问题就是：结构不清晰，用C语言的输出函数fprintf 来输出html页面格式的内容，这本身对用C语言开发人员来说可读性比较差，要求C语言开发人员熟练掌握html语法和格式。编辑繁琐，容易出错，不方便页面调试。也不能用一些纯网页开发工具，如dreamwave等。对网页的界面优化和调试特别不方便，专业的网页开发人员不方便进行界面风格的修改，因为是用C语言输出，并不能用网页开发工具。

发明内容

本发明提供一种动态页面数据分离方法，把网页部分都放在客户端前台操作，同时在前台部分设置一种架构，能方便的获取后台的数据，便于网页的维护，同时解决从网页页面读取网关内容的简便性。

为实现上述目的，本发明提供一种动态页面数据分离方法，其特点是，该方法用于千兆无源光网络家庭网关单元中，其包含以下步骤：

步骤1、获取动态数据；

步骤2、增加在网页上调用获取一个对象的接口，以移动设备管理的对象为单位获取数据；

步骤3、对网关设备的底层数据库进行操作，取出相对应整个对象的数据；

步骤4、对整个对象的数据进行整理和规范后输出；

步骤5、网页上解析对象的参数。

上述的动态数据包含：全局变量上的参数、无线相关参数、网络电话相关参数。

上述获取动态数据时，对参数读取接口进行优化，统一多个接口和多种不同的处理方式。

上述全局变量上的参数存放于内存。

上述无线相关参数存放于非易失性随机访问存储介质。

上述网络电话相关参数存放于闪存中。

上述步骤2中不以单个参数来获取数据。

上述步骤4中，对象的数据整理为网页上的二维数组，并通过前台对象的接口输出到网页中。

上述步骤5中，直接在前台网页的处理部分得到对象的数据节点，把对象的值在前台网页部分显示出来。

本发明动态页面数据分离方法和现有技术相比，其优点在于，本发明把本来需要在后台输出的网页和数据放到前台来做，用面向对象的思想放到网页前台数据部分，在前台数据部分把整个对象解析出来，这样可以使结构清晰，网页维护也比较方便，方便操作人员编辑。

附图说明

图1为网页服务器的输入/输出处理示意图；

图2为本发明千兆无源光网络家庭网关单元中软件动态页面数据分离方法的流程图。

具体实施方式

以下结合附图，进一步说明本发明的具体实施例。

如图2所示，本发明公开一种千兆无源光网络家庭网关单元中软件动态页面数据分离方法，用于将HTML数据从C代码中分离出来，该方法包含以下步骤：

步骤1、获取动态数据，并对参数读取接口进行优化，对多个接口和多种不同的处理方式进行统一。

动态数据包含：全局变量WEB_NTWK_VAR glbWebVar上的参数、无线相关参数、网络电话（VoIP）相关参数。

这里动态数据有些是存放在不同的数据模型中的，这里的动态数据主要包括WEB_NTWK_VAR glbWebVar上的参数，其是存放在内存的，表示页面的一些全局变量。另外的，无线相关参数是存放在非易失性随机访问存储器（Non-Volatile Random Access Memory，nvram）存储介质中的；网络电话（VoIP）相关参数是以客户终端设备（CPE）广域网管理协议（tr069）的数据模型存放在闪存（flash）中的。不同的存储方式导致会有不同的数据读取接口，统一多个接口和多种不同的处理方式，就是要在网页上表现的数据模式是一样的，方便网页上的操作。

步骤2、增加在网页上调用获取一个对象（Object）的接口；以移动设备管理（Mobile Device Management，MDM）的对象为单位获取数据，而不是以单个参数来获取。

这样处理的好处有：

1）把参数处理的一部分工作交给JavaScript在客户端处理，减轻服务器的负担，提高响应速度。

2）把Object的概念引申到WEB上，结构和功能模块的划分会更清晰，同时减少了参数获取的入口，从而减少了C代码量。

3）根据Object的定义可以较简单地实现数据的读写。

步骤3、对网关设备的底层数据库进行操作，取出相对应整个对象的数据。

这里举例介绍数据库的操作情况，设备的数据库模型采用的是tr069的数据模型，例如：

InternetGatewayDevice.X_CT-COM_UplinkQoS.Classification.{i}.type.{i}.parameter；

其中，i代表有i个子对象，这个数据模型在页面上对应的ID是：

MDMOID_UPLINK_QO_STYPE；

对象的ID和数据模型的结构存在一张表中，通过这个ID可以查表读到这个数据模型，然后遍历读出这个对象和这个对象的子对象的所有的值，并传回网页。在网页javascript脚本中以二维数组的形式表现。一维参数指定的是表示那个子对象如[2-1]，代表的是第二个分类（Classification）对象下的第一个type的参数，二维参数指定的是对象的参数，例如['ProtocolList'] ，就代表要读取 ProtocolList这个参数。

步骤4、对整个对象的数据进行整理和规范，需要读取某个对象的参数（parameter），即通过读取网页上的二维数组得到该对象的值，方便网页上的调用。

步骤5、网页上解析对象的参数。可以直接在前台网页的处理部分得到对象的数据节点，把对象的值在前台网页部分显示出来。

尽管本发明的内容已经通过上述优选实施例作了详细介绍，但应当认识到上述的描述不应被认为是对本发明的限制。在本领域技术人员阅读了上述内容后，对于本发明的多种修改和替代都将是显而易见的。因此，本发明的保护范围应由所附的权利要求来限定。

Claims

1.一种动态页面数据分离方法，其特征在于，该方法用于千兆无源光网络家庭网关单元中，其包含以下步骤：

步骤1、获取动态数据；

步骤4、对整个对象的数据进行整理和规范后输出；

步骤5、网页上解析对象的参数。

2.如权利要求1所述的动态页面数据分离方法，其特征在于，所述的动态数据包含：全局变量上的参数、无线相关参数、网络电话相关参数。

3.如权利要求1或2所述的动态页面数据分离方法，其特征在于，所述获取动态数据时，对参数读取接口进行优化，统一多个接口和多种不同的处理方式。

4.如权利要求2所述的动态页面数据分离方法，其特征在于，所述全局变量上的参数存放于内存。

5.如权利要求2所述的动态页面数据分离方法，其特征在于，所述无线相关参数存放于非易失性随机访问存储介质。

6.如权利要求2所述的动态页面数据分离方法，其特征在于，所述网络电话相关参数存放于闪存中。

7.如权利要求1所述的动态页面数据分离方法，其特征在于，所述步骤2中不以单个参数来获取数据。

8.如权利要求1所述的动态页面数据分离方法，其特征在于，所述步骤4中，对象的数据整理为网页上的二维数组，并通过前台对象的接口输出到网页中。

9.如权利要求1所述的动态页面数据分离方法，其特征在于，所述步骤5中，直接在前台网页的处理部分得到对象的数据节点，把对象的值在前台网页部分显示出来。