CN110297636A - 一种基于页面配置文件的页面自动生成和参数管理方法、***和装置 - Google Patents

Abstract

本发明属于通信技术领域，公开了一种基于页面配置文件的页面自动生成和参数管理方法，包括依次进行的如下步骤：步骤1：解析页面配置文件生成解析数据；步骤2：根据解析数据，对页面进行绘制；步骤3：若用户修改了页面上的元素的配置参数，则根据解析数据中该元素的名称和修改后的配置参数生成该元素对应的用户配置文件并存储；步骤4：根据解析数据和用户配置文件重新绘制页面。该方法的优势在于：根据页面配置文件同时进行页面绘制和生成用户配置文件，页面配置文件中的元素名称和用户配置文件中的元素名称具有对应关系，利于后续的页面的维护。同时，本发明还公开了基于该方法的***和装置。

Description

一种基于页面配置文件的页面自动生成和参数管理方法、系 统和装置

技术领域

本发明涉及通信技术领域，具体地说是一种基于页面配置文件的页面自动生成和参数管理方法。

背景技术

现在的路由器都有内置网页服务器用于提供参数配置和管理使用，用户通过浏览器访问路由器的配置管理页面对路由器进行参数配置，支持多国语言以及支持恢复参数为出厂默认参数配置。所以作为路由器上的管理***，需要提供四个功能：1、可视化的页面供用户登陆访问；2、允许用户通过可视化页面进行参数配置生成用户参数；3、允许用户将页面配置恢复成出厂默认配置；4、支持多语言让用户界面更友好。

可视化页面包括多个不同功能的子页面，目前大部分厂商都是针对不同的子页面分别实现静态页面，会导致每次增加子页面都需要复制一份已有的页面，然后进行定制化改动后形成新的页面。这种方式容易引起多种问题：1、页面由不同人员实现，风格不统一；2、页面由不同人员实现，不同人员的技术水平差异导致不同页面性能不同，或者存在各种不同的问题。3、多个页面之间存在冗余重复代码，维护相当困难。

申请人成都勤智数码科技股份有限公司于2012年申报的一项发明专利CN201210355368.0，公开了一种灵活的页面配置展现方法，包含如下步骤1)、对页面配置文件进行统一配置；2)页面配置文件的相关信息被一并载入***内存；3)客户端展示模板页面，接收用户给出的所有绘制指令；4)页面绘制完成后，***前端自动形成的规范的绘制页面条件参数，向***后台发起绘制页面的申请；5)***后台根据***前端传递的条件参数，生成、封装一个目标页面数据对象包返回***前端；6)***前端根据目标页面数据对象包，转换生成相应的可视化页面；其通过对页面调节参数修改后重新封装成目标页面数据对象包，并根据目标页面数据对象包生成可视化界面。

该方案的实现方式主要是通过根据客户端的选择，在***后台生成一类模板并发送给***前端，***前端将该模板和页面配置文件进行结合，得到可视化页面。

在该方案中，***后台会存储多种模板，所以其页面的多样性好，只要根据页面配置文件就可以进行相应的页面绘制。

但是，该文件并没有提及用户如何对页面的各元素进行管理，在传统技术中，维护人员如果要修改相关的页面的元素的相关信息，要求维护人员具有较高的技术水平去查找对应的元素并修改，且多个页面之间存在大量冗余代码，不方便用户对各元素参数进行便捷的管理。

所以，本申请所要解决的技术问题在于：如何降低页面维护难度和用户参数管理的便利性。

发明内容

本发明的目的在于提供一种基于页面配置文件的页面自动生成和参数管理方法，该方法的优势在于：根据页面配置文件同时进行页面绘制和生成用户配置文件，页面配置文件中的元素名称和用户配置文件中的元素名称具有对应关系，利于后续的页面的维护。同时，本发明还公开了基于该方法的***和装置。

本发明的具体的技术方案为：一种基于页面配置文件的页面自动生成和参数管理方法，包括依次进行的如下步骤：

步骤1：解析页面配置文件生成解析数据；所述的解析数据中描述了每个页面中所包含的元素的名称、描述信息、配置参数；

步骤2：根据解析数据，对页面进行绘制；

步骤3：若用户修改了页面上的元素的配置参数，则根据解析数据中该元素的名称和修改后的配置参数生成该元素对应的用户配置文件并存储；

步骤4：根据解析数据和用户配置文件重新绘制页面，用户配置文件中元素的配置参数与重新绘制的页面上的该元素的配置参数相同。

在上述的基于页面配置文件的页面自动生成和参数管理方法中，所述的页面配置文件中各元素的层级结构和用户配置文件的元素的层级结构相同。

在上述的基于页面配置文件的页面自动生成和参数管理方法中，所述的页面配置文件还包括语言包；所述的语言包为多个，每个语言包对应一国语言文字；每个语言包中元素的名称和该元素的语言文字通过键值对的形式表示；其中，元素的名称为键值对的键名，元素的语言文字为键值对的值；

还包括：在步骤2中，根据用户选择的语言包，查找键名所对应的值，将各元素的描述信息修改为各元素对应的值并在页面进行显示该值。

同时，本发明还公开了一种基于页面配置文件的页面自动生成和参数管理***，包括如下模块：

页面配置文件解析模块：用于解析页面配置文件生成解析数据；所述的解析数据中描述了每个页面中所包含的元素的名称、描述信息、配置参数；

用户配置文件生成模块：用于在用户修改了页面上的元素的配置参数后，根据解析数据中该元素的名称和修改后的配置参数生成该元素对应的用户配置文件并存储；

所述的用户配置文件中包括该元素的名称、修改后的配置参数；

页面绘制模块：用于根据解析数据、用户配置文件，对页面进行绘制。

在上述的基于页面配置文件的页面自动生成和参数管理***中，还包括：

语言包模块：用于存储和解析多个语言包，每个语言包对应一国语言文字；

所述语言包中含有各元素的名称和对应的语言文字，所述元素的名称和语言文字通过键值对的形式存储于语言包中；其中，元素的名称为键值对的键名，对应的语言文字为键值对的值；

所述语言包模块还用于根据用户的选择，将对应的解析后的语言包发送给页面绘制模块，所述页面绘制模块根据解析后的语言包，将各元素的名称以对应的语言文字进行显示。

在上述的基于页面配置文件的页面自动生成和参数管理***中，所述的页面配置文件中各元素的层级结构、解析数据中各元素的层级结构和用户配置文件的对应元素的层级结构相同。

此外，本发明还公开了一种基于页面配置文件的页面自动生成和参数管理的装置，包括服务器、显示终端，所述的服务器包括如上所述的***，所述的显示终端和服务器通信连接，所述的显示终端用于将页面绘制模块所绘制的页面进行显示。

在上述的基于页面配置文件的页面自动生成和参数管理的装置中，所述的服务器为本地服务器或远程服务器。

与现有技术相比，本发明的有益效果在于：

本发明的方法根据页面配置文件同时进行页面绘制和生成用户配置文件，页面配置文件中的元素名称和用户配置文件中的元素名称具有对应关系，利于后续的页面的维护。

附图说明

图1为本发明实施例1的流程方框图；

图2为本发明实施例3的结构方框图；

图3为本发明实施例4的结构方框图；

图4为本发明实施例1的显示页面的截图。

具体实施方式

下面结合具体实施方式，对本发明的技术方案作进一步的详细说明，但不构成对本发明的任何限制。

实施例1

如图1和图4所示，一种基于页面配置文件的页面自动生成和参数管理方法，包括依次进行的如下步骤：

步骤1：解析页面配置文件生成解析数据；所述的解析数据中描述了每个页面中所包含的元素的名称、描述信息、配置参数；

解析页面配置文件可从远程服务器、本地服务器中获取，或者预先存储设备端中。

页面配置文件包括但不限于显示页面中各元素的名称、描述信息、配置参数；

对应的，通过解析得到的解析数据中同样含有显示页面中各元素的名称、描述信息、配置参数；

具体来说，解析数据是一份精简的仅含完整的页面框架的配置文件；

解析数据可以通过以下解析数据中的部分代码予以表示：

上述代码总共分为5行；

其中第一行和第二行为元素usb的相关描述，具体来说，元素usb的名称为“usb”，描述信息为“USB”，该描述信息为页面可见的内容；

第三行为元素usb_enable的相关描述，具体来说，元素usb_enable名称为“usb_enable”，描述信息为“Enable USB”，默认配置参数为“true”；

第四行为元素usb_auto_update的相关描述，具体来说，元素usb_auto_update名称为“usb_auto_update”，描述信息为“Enable Automatic Upgrade”，默认配置参数为“false”。

第五行为结束语。

在上述的解析数据中，元素usb是元素usb_enable、元素usb_auto_update的上一层级，元素usb_enable、元素usb_auto_update属于同一层级。

无论在页面配置文件还是在解析数据中，并不是所有的元素均具有配置参数。比如元素usb是属于页面框架部分，其并无相关配置参数可供修改；元素usb_enable和元素usb_auto_update属于页面元素，其具有配置参数；元素usb相当于元素usb_enable和元素usb_auto_update的容器。

各元素都会在显示界面予以显示，但是只有页面元素如元素usb_enable和元素usb_auto_update具有配置参数。

步骤2：根据解析后的页面配置文件，对页面进行绘制，页面的显示内容包括各元素的名称、描述信息、配置参数；

在***中预先定义和设置了各种控件样式，通过解析页面配置文件，调用各元素对应的控件样式，组合成不同的页面，完成页面的自动绘制过程。

当用户需要访问某个页面时，该页面包含多个元素，此时，根据解析文件中记载的该页面中的各元素的参数，生成.js文件，.js文件自动根据各元素的控件样式，渲染出对应的页面显示给用户；

.js文件是JavaScript语言文件的扩展名，JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。JavaScript已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。它是世界上最流行的脚本语言，在电脑、手机、平板上浏览的网页，以及基于HTML5的手机App，交互逻辑都是由JavaScript驱动的。

优选地，当用户选择对应的语言包后，.js文件所包含的各元素的描述信息就被替换为对应的语言文字，如将.js文件中元素usb_auto_update的元素的描述信息由“EnableAutomaticUpgrade”修改为“启用USB自动升级”，那么最终显示页面中的该元素就会显示为“启用USB自动升级”。

在本实施例中，图4示出了采用上述的解析数据所生成的显示页面。

步骤3：若用户修改了页面上的元素的配置参数，则根据解析数据中该元素的名称和修改后的配置参数生成该元素对应的用户配置文件并存储；所述的用户配置文件中包括该元素的名称、修改后的配置参数；用户配置文件中的元素的名称与解析数据中的对应元素的名称相同；

用户修改页面上的元素的配置参数，一般通过直接点击页面上的各元素进行配置参数的修改，比如点击图4中的“Enable USB”的按钮由ON调整为OFF。

用户配置文件如下：

<usb>

<enable>true</enable>

<auto_update>true</auto_update>

</usb>

根据上述用户配置文件，可知，元素usb下拉菜单中的元素usb_enable的配置参数为“true”，元素usb下拉菜单中的元素auto_update的配置参数为“true”。

元素enable、auto_update修改后的配置参数变更为“true”和“true”。

通过上述的用户配置文件可以看出，元素usb属于元素usb_enable、元素auto_update上一层级，元素usb_enable、元素auto_update属于相同层级。

并且可以看出，用户配置文件的层级关系与解析数据的层级关系是相同的，其优势在于，利于操作人员进行索引查找。

步骤4：根据解析数据和用户配置文件重新绘制页面，用户配置文件中元素的配置参数与重新绘制的页面上的该元素的配置参数相同。

具体来说，解析数据描述了整个页面的显示框架，也包含了默认参数，这个是一个页面显示的基础，即使用户未做修改(也就是即使没有用户配置文件)，页面也是正常显示的。

在页面加载过程中，首先会加载默认配置，如果有用户配置参数的情况下，会加载用户参数配置并覆盖默认配置。

所以解析数据和用户配置文件决定了生成的新页面会显示哪些元素。元素的值是在新页面生成好后，将当前新页面的所有元素名称，发送到服务器后台，由服务器获取信息后回传，然后更新在页面。

页面配置文件和用户配置文件可以确定最终应当显示的各元素的配置参数，通过页面配置文件对页面进行绘制，通过用户配置文件对绘制的页面中各个元素的配置参数进行相应的修改，最终绘制得到修改配置参数后的页面。

通过本方法，使用户在修改页面的元素的配置参数后，能够生成独立的用户配置文件，但是该用户配置文件具有和页面配置文件、解析数据相同的层级关系，同时，用户配置文件中的元素名称和解析数据中的元素名称相对应，可以不仅利于用户对各元素进行索引查找，也利于用户对于元素的用户设定的配置参数进行维护管理。

在传统技术中，如果页面的元素名称与用户配置参数的名称，无对应自动推导关系，需要建立一个页面元素名称和用户配置参数名称的对应关系表，这样才能准确根据页面元素名称，获取到用户参数的配置值。

如果页面元素是由解析后的页面配置文件自动生成的，用户配置参数和解析数据又是具有相同的层级关系，那么页面元素的名称和用户配置参数的名称是具有对应关系，可以直接进行推导，无需再建立一个页面元素名称和用户配置参数名称的对应关系表。

实施例2

本实施例是在实施例1的基础上进一步改进。

本实施例所要解决的技术问题在于：在显示页面进行多语言支持方面，大部分厂商是通过维护多套完整页面代码来实现，针对不同语言，同一个子页面需要提供多个语言版本，代码高度重复，维护相当困难。

针对此问题，本实施例的方法为，在实施例1的基础上，本方法还涉及多个语言包，每个语言包对应一国语言文字；每个语言包中元素的名称和该元素的语言文字通过键值对的形式表示；其中，元素的名称为键值对的键名，元素的语言文字为键值对的值；

在步骤2中，根据用户选择的语言包，查找键名所对应的值，并将该元素的描述信息用该语言文字在页面上表示。

比如，在语言包中，键值对“USB＝通用串行总线”其中，USB为键名，通用串行总线为该键名所对应的值，则如果用户选择该语言包，则该元素在界面上的显示会修改为通用串行总线。

上述操作在对页面进行绘制的过程中完成。

实施例3

参考图3，一种基于页面配置文件的页面自动生成和参数管理***，包括如下模块：

页面配置文件解析模块11：用于解析页面配置文件生成解析数据；所述的解析数据中描述了每个页面中所包含的元素的名称、描述信息、配置参数；

用户配置文件生成模块12：用于在用户修改了页面上的元素的配置参数后，根据解析数据中该元素的名称和修改后的配置参数生成该元素对应的用户配置文件并存储；

所述的用户配置文件中包括该元素的名称、修改后的配置参数；

页面绘制模块13：用于根据解析数据、用户配置文件，对页面进行绘制。

在实际运行过程中，根据预先设置好的页面配置文件，页面配置文件解析模块11解析页面配置文件得到解析数据，解析数据中含各页面上的元素所对应的名称、描述信息、配置参数；然后页面绘制模块13根据解析数据配合在***中预先设置的各种控件样式，调用各元素对应的控件样式，组合成不同的页面，完成页面的自动绘制过程；

如果在运行过程中，操作人员想要修改元素的配置参数，则只需要去修改页面上的各元素对应的参数即可，此时，用户配置文件生成模块12根据用户的操作接收到相应的用户修改页面上的元素的配置参数的动作和指令，其根据解析数据中该元素的名称和修改后的配置参数生成该元素对应的用户配置文件并存储；

最后，页面绘制模块13重新结合解析数据和用户配置文件生成新的页面。

实施例4

参考图4，一种基于页面配置文件的页面自动生成和参数管理的装置，包括服务器1、显示终端2，所述的服务器1包括如实施例3所述的***，该***用于实施实施例1和2所述的方法，所述的显示终端2和服务器1通信连接，所述的显示终端2用于将页面绘制模块13所绘制的页面进行显示，所述的服务器1为本地服务器1或远程服务器1。

更为具体来说，本实施例细化为路由器，路由器内设置服务器1，用户在显示终端2通过浏览器访问路由器的配置管理页面，即实施例3中页面绘制模块13所绘制的页面，该页面字显示终端2的浏览器进行渲染显示。

当用户需要修改任意页面上的元素的配置参数时，可以直接在浏览器上的配置管理页面进行修改，用户的修改动作会发送给服务器1，服务器1会控制用户配置文件生成模块12生成用户配置文件，页面绘制模块13会根据解析后的页面配置文件和用户配置文件，对页面进行重新绘制，并通过显示终端2进行显示。

以上所述的仅为本发明的较佳实施例，凡在本发明的精神和原则范围内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims (8)

1.一种基于页面配置文件的页面自动生成和参数管理方法，其特征在于，包括依次进行的如下步骤：

步骤1：解析页面配置文件生成解析数据；所述的解析数据中描述了每个页面中所包含的元素的名称、描述信息、配置参数；

步骤2：根据解析数据，对页面进行绘制；

步骤3：若用户修改了页面上的元素的配置参数，则根据解析数据中该元素的名称和修改后的配置参数生成该元素对应的用户配置文件并存储；

步骤4：根据解析数据和用户配置文件重新绘制页面，用户配置文件中元素的配置参数与重新绘制的页面上的该元素的配置参数相同。

2.根据权利要求1所述的基于页面配置文件的页面自动生成和参数管理方法，其特征在于，所述的页面配置文件中各元素的层级结构、解析数据中各元素的层级结构和用户配置文件的对应元素的层级结构相同。

3.根据权利要求1所述的基于页面配置文件的页面自动生成和参数管理方法，其特征在于，所述方法还涉及多个语言包；每个语言包对应一国语言文字；每个语言包中元素的名称和该元素的语言文字通过键值对的形式表示；其中，元素的名称为键值对的键名，元素的语言文字为键值对的值；

还包括：在步骤2中，根据用户选择的语言包，查找键名所对应的值，将各元素的描述信息修改为各元素对应的值并在页面进行显示该值。

4.一种基于页面配置文件的页面自动生成和参数管理***，其特征在于，包括如下模块：

页面配置文件解析模块：用于解析页面配置文件生成解析数据；所述的解析数据中描述了每个页面中所包含的元素的名称、描述信息、配置参数；

用户配置文件生成模块：用于在用户修改了页面上的元素的配置参数后，根据解析数据中该元素的名称和修改后的配置参数生成该元素对应的用户配置文件并存储；

所述的用户配置文件中包括该元素的名称、修改后的配置参数；

页面绘制模块：用于根据解析数据、用户配置文件，对页面进行绘制。

5.根据权利要求4所述的基于页面配置文件的页面自动生成和参数管理***，其特征在于：

语言包模块：用于存储和解析多个语言包，每个语言包对应一国语言文字；

所述语言包中含有各元素的名称和对应的语言文字，所述元素的名称和语言文字通过键值对的形式存储于语言包中；其中，元素的名称为键值对的键名，对应的语言文字为键值对的值；

所述语言包模块还用于根据用户的选择，将对应的解析后的语言包发送给页面绘制模块，所述页面绘制模块根据解析后的语言包，将各元素的名称以对应的语言文字进行显示。

6.根据权利要求4或5所述的基于页面配置文件的页面自动生成和参数管理***，其特征在于，所述的页面配置文件中各元素的层级结构、解析数据中各元素的层级结构和用户配置文件的对应元素的层级结构相同。

7.一种基于页面配置文件的页面自动生成和参数管理的装置，包括服务器、显示终端，其特征在于，所述的服务器包括如权利要求4-6任一所述的***，所述的显示终端和服务器通信连接，所述的显示终端用于将页面绘制模块所绘制的页面进行显示。

8.根据权利要求7所述的基于页面配置文件的页面自动生成和参数管理的装置，其特征在于，所述的服务器为本地服务器或远程服务器。