应用于家庭网关的多语言WEB用户界面显示控制方法

摘要

本发明涉及一种应用于家庭网关的多语言WEB用户界面显示控制方法，属于网络设备应用方法技术领域。在该方法中，服务器端在收到客户端的页面请求后发送仅包括html标签的页面代码，而后再根据用户选择发送不同语言版本的静态数据，再发送配置数据，而后在客户端完成用户界面。从而利用该方法能够实现不同语言版本界面的快速切换，同时提高了家庭网关设备的使用效率，且本发明的应用于家庭网关的多语言WEB用户界面显示控制方法，其使用方式简便，使用成本也相对低廉。

说明书

技术领域

本发明涉及网络设备应用方法技术领域，特别涉及家庭网关应用方法技术领域，具体是 指一种应用于家庭网关的多语言WEB用户界面显示控制方法。

背景技术

WEB用户界面（UI）是用户对家庭网关设备进行配置的主要方式之一。因此一个支 持多语言的、高效的WEB UI设计对家庭网关产品的可用性及用户体验有着至关重要的作 用。传统的家庭网关UI设计将html元素与CGI（Common Gateway Interface，通用网关接口） 方法杂糅在一起，用户向网关请求界面时，获取全部配置数据并填充在html文件中输出到浏 览器端，以完成页面交互过程，这样的传统页面交互过程如图1所示。由于数据与标签混合 在一起，对于不同语言版本的界面需要同时更改服务器端与客户端才能实现，不能满足即时 切换语言目的。另外这样的页面交互处理方式也较为单一，对于配置复杂的页面会长时间等 待，不利于用户使用。

发明内容

本发明的目的是克服了上述现有技术中的缺点，提供一种服务器端返回的页面代码仅包 括html元素，而将区分不同语言的静态数据及配置数据另外返回给客户端，从而根据用户需 要实现不同语言版本界面的快速切换，同时提高了家庭网关设备的使用效率，且使用方式简 便，成本低廉的应用于家庭网关的多语言WEB用户界面显示控制方法。

为了实现上述的目的，本发明的应用于家庭网关的多语言WEB用户界面显示控制方法 中，家庭网关连接用户个人电脑，个人电脑为客户端，家庭网关为服务器端，且服务器端存 储有多种不同语言的显示数据。本发明的方法包括以下步骤：

（1）根据用户操作，客户端向所述的服务器端请求WEB用户界面；

（2）所述的服务器端向所述的客户端发送包括html标签的页面代码；

（3）所述的客户端根据选择的语言向所述的服务器端请求相应的显示数据；

（4）所述的服务器端向所述的客户端返回相应语言的显示数据；

（5）所述的客户端将所获得的显示数据插入到所述的html标签中；

（6）所述的客户端向所述的家庭网请求配置数据；

（7）所述的服务器端向所述的客户端返回配置数据；

（8）所述的客户端向所述的配置数据插入到所述的html标签中；

（9）所述的客户端根据所述的包括html标签的页面代码显示WEB用户界面。

该应用于家庭网关的多语言WEB用户界面显示控制方法中，所述的包括html标签的页 面代码，具体为：仅包括html元素的页面信息，所述的html元素使用id或name属性标记。

该应用于家庭网关的多语言WEB用户界面显示控制方法中，所述的显示数据为根据不 同语言区分保存于所述的服务器端的xml格式文件。

该应用于家庭网关的多语言WEB用户界面显示控制方法中，所述的服务器端向所述的 客户端返回配置数据，包括以下步骤：

（71）所述的服务器端的通用网关接口获得配置数据；

（72）所述的服务器端的通用网关接口将所述的配置数据生成json格式数据；

（73）所述的服务器端的通用网关接口向所述的客户端返回所述的json格式数据。

采用了该发明的应用于家庭网关的多语言WEB用户界面显示控制方法，其服务器端在 收到客户端的页面请求后发送仅包括html标签的页面代码，而后再根据用户选择发送不同语 言版本的静态数据，再发送配置数据，而后在客户端完成用户界面。从而利用该方法能够实 现不同语言版本界面的快速切换，同时提高了家庭网关设备的使用效率，且本发明的应用于 家庭网关的多语言WEB用户界面显示控制方法，其使用方式简便，使用成本也相对低廉。

附图说明

图1为现有技术中的家庭网关WEB用户界面交互过程。

图2为本发明的应用于家庭网关的多语言WEB用户界面显示控制方法的步骤流程图。

图3为采用本发明的方法的家庭网关WEB用户界面交互过程。

具体实施方式

为了能够更清楚地理解本发明的技术内容，特举以下实施例详细说明。

请参阅图2所示，为本发明的应用于家庭网关的多语言WEB用户界面显示控制方法的 步骤流程图。

在一种实施方式中，家庭网关连接用户个人电脑，所述的个人电脑为客户端，所述的家 庭网关为服务器端，服务器端存储有多种不同语言的显示数据。如图2所示，本发明的应用 于家庭网关的多语言WEB用户界面显示控制方法包括以下步骤：

（1）根据用户操作，客户端向所述的服务器端请求WEB用户界面；

（2）所述的服务器端向所述的客户端发送包括html标签的页面代码；

（3）所述的客户端根据选择的语言向所述的服务器端请求相应的显示数据；

（4）所述的服务器端向所述的客户端返回相应语言的显示数据；

（5）所述的客户端将所获得的显示数据插入到所述的html标签中；

（6）所述的客户端向所述的家庭网请求配置数据；

（7）所述的服务器端向所述的客户端返回配置数据；

（8）所述的客户端向所述的配置数据插入到所述的html标签中；

（9）所述的客户端根据所述的包括html标签的页面代码显示WEB用户界面。

在一种优选的实施方式中，所述的包括html标签的页面代码，具体为：仅包括html元 素的页面信息，所述的html元素使用id或name属性标记。

在另一种优选的实施方式中，所述的显示数据为根据不同语言区分保存于所述的服务器 端的xml格式文件。

在更优选的实施方式中，所述的服务器端向所述的客户端返回配置数据，包括以下步骤：

（71）所述的服务器端的通用网关接口获得配置数据；

（72）所述的服务器端的通用网关接口将所述的配置数据生成json格式数据；

（73）所述的服务器端的通用网关接口向所述的客户端返回所述的json格式数据。

在实际应用中，本发明的应用于家庭网关的多语言WEB用户界面显示控制方法的页面 交互过程如图3所示。

首先，步骤①中，客户端请求页面，服务器端返回页面内容，完成onload（上传）事件 后到步骤②，此时客户端请求显示数据，不同语言请求不同文件，数据返回后使用js将数据 插入到相应的html标签中。这两步几乎不费时间，因为服务器未执行任何通用网关接口获取 配置数据，此时客户端已经看到没有配置数据的页面。然后到步骤③，请求配置数据，服务 器端执行步骤④，将获取到的配置数据以json数据格式（JavaScript Object Notation，一种轻 量级的数据交换格式）返回。客户端在步骤⑤将配置数据更新到相应的html标签中。至此整 个页面配置显示过程完成。

由上面交互过程可以清楚了解到，将显示数据分离后统一保存为xml文件，步骤②获取 不同的xml文件可以实现整个站点多语言切换，不同语言版本只需要保存相应的xml文件， 不需要复制标签，同时节约了存储空间。将配置数据格式化则提高了配置效率，页面下载完 成后，配置的过程只交换数据，不需要再更新静态内容，而且可以根据需要只更新页面的部 分数据，从而提高配置家庭网关的效率。

采用了该发明的应用于家庭网关的多语言WEB用户界面显示控制方法，其服务器端在 收到客户端的页面请求后发送仅包括html标签的页面代码，而后再根据用户选择发送不同语 言版本的静态数据，再发送配置数据，而后在客户端完成用户界面。从而利用该方法能够实 现不同语言版本界面的快速切换，同时提高了家庭网关设备的使用效率，且本发明的应用于 家庭网关的多语言WEB用户界面显示控制方法，其使用方式简便，使用成本也相对低廉。

在此说明书中，本发明已参照其特定的实施例作了描述。但是，很显然仍可以作出各种 修改和变换而不背离本发明的精神和范围。因此，说明书和附图应被认为是说明性的而非限 制性的。