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

本发明专利技术涉及一种应用于家庭网关的多语言WEB用户界面显示控制方法，属于网络设备应用方法技术领域。在该方法中，服务器端在收到客户端的页面请求后发送仅包括html标签的页面代码，而后再根据用户选择发送不同语言版本的静态数据，再发送配置数据，而后在客户端完成用户界面。从而利用该方法能够实现不同语言版本界面的快速切换，同时提高了家庭网关设备的使用效率，且本发明专利技术的应用于家庭网关的多语言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用户界面显示控制方法，其使用方式简便，使用成本也相对低廉。在此说明书中，本专利技术已参照其特定的实施例作了描述。但是，很显然仍可以作出各种修改和变换而不背离本专利技术的精神和范围。因此，说本文档来自技高网...

【技术保护点】
一种应用于家庭网关的多语言WEB用户界面显示控制方法，所述的家庭网关连接用户个人电脑，所述的个人电脑为客户端，所述的家庭网关为服务器端，其特征在于，所述的服务器端存储有多种不同语言的显示数据，所述的方法包括以下步骤：（1）根据用户操作，客户端向所述的服务器端请求WEB用户界面；（2）所述的服务器端向所述的客户端发送包括html标签的页面代码；（3）所述的客户端根据选择的语言向所述的服务器端请求相应的显示数据；（4）所述的服务器端向所述的客户端返回相应语言的显示数据；（5）所述的客户端将所获得的显示数据插入到所述的html标签中；（6）所述的客户端向所述的家庭网请求配置数据；（7）所述的服务器端向所述的客户端返回配置数据；（8）所述的客户端向所述的配置数据插入到所述的html标签中；（9）所述的客户端根据所述的包括html标签的页面代码显示WEB用户界面。

【技术特征摘要】
1.一种应用于家庭网关的多语言WEB用户界面显示控制方法，所述的家庭网关连接用户个人电脑，所述的个人电脑为客户端，所述的家庭网关为服务器端，其特征在于，所述的服务器端存储有多种不同语言的显示数据，所述的方法包括以下步骤 (1)根据用户操作，客户端向所述的服务器端请求WEB用户界面； (2)所述的服务器端向所述的客户端发送包括html标签的页面代码； (3)所述的客户端根据选择的语言向所述的服务器端请求相应的显示数据； (4)所述的服务器端向所述的客户端返回相应语言的显示数据； (5)所述的客户端将所获得的显示数据插入到所述的html标签中； (6)所述的客户端向所述的家庭网请求配置数据； (7)所述的服务器端向所述的客户端返回配置数据； (8)所述的客户端向所述的配置数据插入到所述的html标签中； (9)所述的客户端根据所述的包...

【专利技术属性】
技术研发人员：李庆洋，张定理，
申请(专利权)人：上海市共进通信技术有限公司，
类型：发明
国别省市：