一种用于网关设备的网页交换界面实现系统及其方法技术方案

本发明专利技术公开了一种用于网关设备的网页交换界面实现系统及其方法，该系统包含：视图切换模块、配置参数数据库、视图定义数据库、元素创建模块、后台取值赋值模块、可见属性设置模块、内容收集提交模块、输入参数校验模块及输入输出模块。视图切换模块通过配置参数数据库、视图定义数据库分别与元素创建模块、后台取值赋值模块、可见属性设置模块相连接；输入输出模块与内容收集提交模块相连接；元素创建模块、后台取值赋值模块、可见属性设置模块、内容收集提交模块、输入参数校验模块一一连接。

【技术实现步骤摘要】
【专利摘要】本专利技术公开了，该系统包含：视图切换模块、配置参数数据库、视图定义数据库、元素创建模块、后台取值赋值模块、可见属性设置模块、内容收集提交模块、输入参数校验模块及输入输出模块。视图切换模块通过配置参数数据库、视图定义数据库分别与元素创建模块、后台取值赋值模块、可见属性设置模块相连接；输入输出模块与内容收集提交模块相连接；元素创建模块、后台取值赋值模块、可见属性设置模块、内容收集提交模块、输入参数校验模块一一连接。【专利说明】
本专利技术涉及互联网连接领域，具体涉及。
技术介绍
家庭网关是位于现代家庭内部的一个网络设备，它的作用是使家庭用户连接到互联网，使位于家庭中的多种智能设备都能得到互联网的服务，或者使这些智能设备相互之间实现通信。简单的说，家庭网关是使家庭内部多种智能设备之间实现联网，以及从家庭内部到外部网络实现互联的一座桥梁。家庭网关通常使用基于网页的用户交互界面，使用户通过输入输出模块对家庭网关设备进行操作、管理和维护。目前网关设备的网页的用户交互界面采用的是基于功能设计的页面框架，页面框架与设备功能紧密绑定，即根据网关设备功能划分若干独立页面，在页面上对用户操作流程和内容布局、风格样式等进行定义。当页面框架发生变动时，网关接口也要进行改动。而且因为页面与功能绑定，当功能增加时，页面数量也要增加，对于存储资源有限的网关设备来讲，显然比较浪费资源。现有网页的用户交互界面没有考虑对移动终端，例如，手机、平板电脑等的移动终端特性的支持，移动设备在屏幕尺寸、操作模式方面与传统计算机平台存在很大差异。其中。传统计算机是基于鼠标的操作，而移动设备通常是基于触摸屏技术。现有网页的用户交互界面是通过页面框架与功能绑定，开发、调试和维护困难；需要开发人员同时掌握嵌入式软件开发和网络开发技术。同时需要搭建开发环境，单板调试效率低。并且多终端支持性差；无法做到同时很好支持传统计算机和移动终端。可移植性很差。
技术实现思路
本专利技术的目的在于提供，是基于内容与框架无关的思想，当用户通过网页输入输出模块访问网关设备管理页面时，根据设备类型，即针对不同设备的不同物理尺寸的屏幕及其操作方式，载入相应的视图定义数据库，根据不同的视图定义数据库定义生成相应的页面元素，基于网页开发技术实现，实现用户与设备间的交互。为了达到上述目的，本专利技术通过以下技术方案实现: 一种用于网关设备的网页交换界面实现系统，其特点是，该系统包含:视图切换模块、元素创建模块、后台取值赋值模块、可见属性设置模块、内容收集提交模块、输入参数校验模块及输入输出模块。上述的视图切换模块分别与上述的元素创建模块、后台取值赋值模块、可见属性设置模块相连接；上述的输入输出模块分别与上述的内容收集提交模块、输入参数校验模块相连接；上述的元素创建模块、后台取值赋值模块、可见属性设置模块、内容收集提交模块、输入参数校验模块一一连接。一种用于上述网关设备的网页交换界面实现系统的方法，其特点是，该方法包含如下步骤: 步骤1，通过上述的视图切换模块设置视图地址并获取该视图对应的元素列表； 步骤2，上述的元素创建模块根据已获取的元素列表及视图定义数据库创建该视图地址相应的多个视图元素； 步骤3，上述的后台取值赋值模块根据已创建的视图元素，通过配置参数数据库及视图定义数据库获取元素值，并将元素值赋值给对应的视图元素； 步骤4，上述的可见属性设置模块根据视图定义数据库、视图元素之间的逻辑关系判断并设置视图元素的可见属性； 步骤5，通过上述的输入输出模块访问该视图地址对应的页面，查找具有“可写入”属性的视图元素，并输入该页面中的具有该属性的视图元素的元素值； 步骤6，上述的内容收集提交模块判断视图元素的可见性；如果当前视图元素具有“用户可见”属性时，上述的内容收集提交模块提取通过上述的输入输出模块输入的视图元素值；如果当前视图元素不可见时，通过上述的内容收集提交模块查看其余视图元素； 步骤7，上述的输入参数校验模块根据上述的视图定义数据库对已输入的视图元素值进行校验；当校验通过时，调用上述的内容收集提交模块；当未通过时，通过上述的输入输出模块显示“输入信息错误”，结束流程； 步骤8，上述的内容收集提交模块进行元素值字符拼接，并将拼接后的元素值字符提交至输入输出模块。上述的步骤I包含如下步骤: 步骤1.1，上述的视图切换模块设置视图地址； 步骤1.2，根据设置后的视图地址，该视图切换模块载入对应的配置参数数据库； 步骤1.3，根据载入的配置参数数据库，该视图切换模块载入对应的视图定义数据库，并获取上述视图地址相应的元素列表。上述的步骤2包含如下步骤: 步骤2.1，上述的视图切换模块调用元素创建模块； 步骤2.2，上述的元素创建模块根据上述的元素列表、上述的视图定义数据库，获取该视图地址对应的多个元素的元素类型、元素属性； 步骤2.3，该元素创建模块根据获取的多个元素的元素类型、视图定义数据库中的元素属性，创建该视图地址对应的多个视图元素。上述的步骤3包含如下步骤: 步骤3.1，上述的视图切换模块调用后台取值赋值模块； 步骤3.2，上述的后台取值赋值模块根据上述的视图定义数据库，设置上述的视图元素的“源地址”属性； 步骤3.3，该后台取值赋值模块根据上述的视图元素的“源地址”属性，通过上述的配置参数数据库获取视图元素的元素值并将该元素值赋给对应视图元素。上述的步骤6包含如下步骤: 步骤6.1，上述的内容收集提交模块根据当前的视图地址获取对应的元素列表； 步骤6.2，该内容收集提交模块通过该元素列表获取所有的视图元素；并根据上述的可见属性设置模块设定的视图元素的“用户可见”属性，逐一判断该视图地址对应视图元素的可见性；当该元素具有可见性时，提取视图元素值；当该元素不具有可见性时，跳转至步骤 6.1 ; 步骤6.3，该内容收集提交模块提取通过上述的输入输出模块输入的视图元素值。上述的步骤7包含如下步骤: 步骤7.1，上述的内容收集提交模块调用上述的输入参数校验模块； 步骤7.2，该输入参数校验模块根据视图定义数据库获取视图元素的“范围”属性；步骤7.3，该输入参数校验模块根据获取的视图元素的“范围”属性对多个具有可见性的视图元素的输入元素值进行范围检查；当数值校验符合要求时，调用上述的内容收集提交模块；当未通过时，通过上述的输入输出模块显示“输入信息错误”; 步骤7.4，上述的输入参数校验模块通过上述的输入输出模块显示“输入信息错误”，结束流程。上述的步骤8包含如下步骤: 步骤8.1，上述的内容收集提交模块通过视图元素之间的逻辑关系，将视图元素的元素值字符进行拼接； 步骤8.2，上述的内容收集提交模块将拼接后的元素值字符提交至上述的输入输出模块，结束流程。本专利技术与现有技术相比具有以下优点:本专利技术是针对当前用户对网关设备用户界面的需求，提供了一种能够支持多种终端，具有友好易用的用户界面，根据不同的用户设备类型，包括计算机、手机、平板电脑等，载入相应的视图定义数据库，并根据用户设备类型生成相应的页面元素。同时具有占用空间小，可移植性强，开发调试效率高等特点。【专利附图】【附图说明】图1为本专利技术一种用于网关设备的网页交换界面实本文档来自技高网...

【技术保护点】
一种用于网关设备的网页交换界面实现系统，其特征在于，该系统包含：视图切换模块（10）、元素创建模块（20）、后台取值赋值模块（30）、可见属性设置模块（40）、内容收集提交模块（50）、输入参数校验模块（60）及输入输出模块（70）；所述的视图切换模块（10）分别与所述的元素创建模块（20）、后台取值赋值模块（30）、可见属性设置模块（40）相连接；所述的输入输出模块（70）分别与所述的内容收集提交模块（50）、输入参数校验模块（60）相连接；所述的元素创建模块（20）、后台取值赋值模块（30）、可见属性设置模块（40）、内容收集提交模块（50）、输入参数校验模块（60）一一连接。

【技术特征摘要】

【专利技术属性】
技术研发人员：郝众望，
申请(专利权)人：上海斐讯数据通信技术有限公司，
类型：发明
国别省市：上海;31