专利名称：应用于家庭网关的多语言web用户界面显示控制方法
技术领域：
本发明涉及网络设备应用方法技术领域，特别涉及家庭网关应用方法技术领域，具体是指一种应用于家庭网关的多语言WEB用户界面显示控制方法。
背景技术：
WEB用户界面(UI)是用户对家庭网关设备进行配置的主要方式之一。因此一个支持多语言的、高效的WEB Π设计对家庭网关产品的可用性及用户体验有着至关重要的作用。传统的家庭网关UI设计将html元素与CGI(Common Gateway Interface,通用网关接口)方法杂糅在一起，用户向网关请求界面时，获取全部配置数据并填充在html文件中输出到浏览器端，以完成页面交互过程，这样的传统页面交互过程如图1所示。由于数据与标签混合在一起，对于不同语言版本的界面需要同时更改服务器端与客户端才能实现，不能满足即时切换语言目的。另外这样的页面交互处理方式也较为单一，对于配置复杂的页面会长时间等待，不利于用户使用。
发明内容
本发明的目的是克服了上述现有技术中的缺点，提供一种服务器端返回的页面代码仅包括html元素，而将区分不同语言的静态数据及配置数据另外返回给客户端，从而根据用户需要实现不同语言版本界面的快速切换，同时提高了家庭网关设备的使用效率，且使用方式简便，成本低廉的应用于家庭网关的多语言WEB用户界面显示控制方法。为了实现上述的目的，本发明的应用于家庭网关的多语言WEB用户界面显示控制方法中，家庭网关连接用户个人电脑，个人电脑为客户端，家庭网关为服务器端，且服务器端存储有多种不同语言的显示数据。本发明的方法包括以下步骤
(I)根据用户操作，客户端向所述的服务器端请求WEB用户界面；(2)所述的服务器端向所述的客户端发送包括html标签的页面代码；(3)所述的客户端根据选择的语言向所述的服务器端请求相应的显示数据；(4)所述的服务器端向所述的客户端返回相应语言的显示数据；(5)所述的客户端将所获得的显示数据插入到所述的html标签中；(6)所述的客户端向所述的家庭网请求配置数据；(7)所述的服务器端向所述的客户端返回配置数据；(8)所述的客户端向所述的配置数据插入到所述的html标签中；(9)所述的客户端根据所述的包括html标签的页面代码显示WEB用户界面。该应用于家庭网关的多语言WEB用户界面显示控制方法中，所述的包括html标签的页面代码，具体为仅包括html元素的页面信息,所述的html元素使用id或name属性
T 己 O该应用于家庭网关的多语言WEB用户界面显示控制方法中，所述的显示数据为根据不同语言区分保存于所述的服务器端的xml格式文件。
该应用于家庭网关的多语言WEB用户界面显示控制方法中，所述的服务器端向所述的客户端返回配置数据，包括以下步骤(71)所述的服务器端的通用网关接口获得配置数据；(72)所述的服务器端的通用网关接口将所述的配置数据生成json格式数据；(73)所述的服务器端的通用网关接口向所述的客户端返回所述的json格式数据。采用了该发明的应用于家庭网关的多语言WEB用户界面显示控制方法，其服务器端在收到客户端的页面请求后发送仅包括html标签的页面代码，而后再根据用户选择发送不同语言版本的静态数据，再发送配置数据，而后在客户端完成用户界面。从而利用该方法能够实现不同语言版本界面的快速切换，同时提高了家庭网关设备的使用效率，且本发明的应用于家庭网关的多语言WEB用户界面显示控制方法，其使用方式简便，使用成本也相对低廉。
图1为现有技术中的家庭网关WEB用户界面交互过程。图2为本发明的应用于家庭网关的多语言WEB用户界面显示控制方法的步骤流程图。图3为采用本发明的方法的家庭网关WEB用户界面交互过程。
具体实施例方式为了能够更清楚地理解本发明的技术内容，特举以下实施例详细说明。请参阅图2所示，为本发明的应用于家庭网关的多语言WEB用户界面显示控制方法的步骤流程图。在一种实施方式中，家庭网关连接用户个人电脑，所述的个人电脑为客户端，所述的家庭网关为服务器端，服务器端存储有多种不同语言的显示数据。如图2所示，本发明的应用于家庭网关的多语言WEB用户界面显示控制方法包括以下步骤(I)根据用户操作，客户端向所述的服务器端请求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 ObjectNotation，一种轻量级的数据交换格式)返回。客户端在步骤⑤将配置数据更新到相应的html标签中。至此整个页面配置显示过程完成。由上面交互过程可以清楚了解到，将显示数据分离后统一保存为xml文件，步骤②获取不同的xml文件可以实现整个站点多语言切换，不同语言版本只需要保存相应的xml文件，不需要复制标签，同时节约了存储空间。将配置数据格式化则提高了配置效率，页面下载完成后，配置的过程只交换数据，不需要再更新静态内容，而且可以根据需要只更新页面的部分数据，从而提高配置家庭网关的效率。采用了该发明 的应用于家庭网关的多语言WEB用户界面显示控制方法，其服务器端在收到客户端的页面请求后发送仅包括html标签的页面代码，而后再根据用户选择发送不同语言版本的静态数据，再发送配置数据，而后在客户端完成用户界面。从而利用该方法能够实现不同语言版本界面的快速切换，同时提高了家庭网关设备的使用效率，且本发明的应用于家庭网关的多语言WEB用户界面显示控制方法，其使用方式简便，使用成本也相对低廉。在此说明书中，本发明已参照其特定的实施例作了描述。但是，很显然仍可以作出各种修改和变换而不背离本发明的精神和范围。因此，说明书和附图应被认为是说明性的而非限制性的。
权利要求
1.一种应用于家庭网关的多语言WEB用户界面显示控制方法，所述的家庭网关连接用户个人电脑，所述的个人电脑为客户端，所述的家庭网关为服务器端，其特征在于，所述的服务器端存储有多种不同语言的显示数据，所述的方法包括以下步骤 (1)根据用户操作，客户端向所述的服务器端请求WEB用户界面； (2)所述的服务器端向所述的客户端发送包括html标签的页面代码； (3)所述的客户端根据选择的语言向所述的服务器端请求相应的显示数据； (4)所述的服务器端向所述的客户端返回相应语言的显示数据； (5)所述的客户端将所获得的显示数据插入到所述的html标签中； (6)所述的客户端向所述的家庭网请求配置数据； (7)所述的服务器端向所述的客户端返回配置数据； (8)所述的客户端向所述的配置数据插入到所述的html标签中； (9)所述的客户端根据所述的包括html标签的页面代码显示WEB用户界面。
2.根据权利要求1所述的应用于家庭网关的多语言WEB用户界面显示控制方法，其特征在于，所述的包括html标签的页面代码，具体为 仅包括html元素的页面信息,所述的html元素使用id或name属性标记。
3.根据权利要求1所述的应用于家庭网关的多语言WEB用户界面显示控制方法，其特征在于，所述的显示数据为根据不同语言区分保存于所述的服务器端的xml格式文件。
4.根据权利要求1所述的应用于家庭网关的多语言WEB用户界面显示控制方法，其特征在于，所述的服务器端向所述的客户端返回配置数据，包括以下步骤 (71)所述的服务器端的通用网关接口获得配置数据； (72)所述的服务器端的通用网关接口将所述的配置数据生成json格式数据； (73)所述的服务器端的通用网关接口向所述的客户端返回所述的json格式数据。
全文摘要
本发明涉及一种应用于家庭网关的多语言WEB用户界面显示控制方法，属于网络设备应用方法技术领域。在该方法中，服务器端在收到客户端的页面请求后发送仅包括html标签的页面代码，而后再根据用户选择发送不同语言版本的静态数据，再发送配置数据，而后在客户端完成用户界面。从而利用该方法能够实现不同语言版本界面的快速切换，同时提高了家庭网关设备的使用效率，且本发明的应用于家庭网关的多语言WEB用户界面显示控制方法，其使用方式简便，使用成本也相对低廉。
文档编号G06F17/30GK103067265SQ20121055668
公开日2013年4月24日 申请日期2012年12月19日 优先权日2012年12月19日
发明者李庆洋, 张定理 申请人:上海市共进通信技术有限公司