CN103067265A - 应用于家庭网关的多语言web用户界面显示控制方法 - Google Patents
应用于家庭网关的多语言web用户界面显示控制方法 Download PDFInfo
- Publication number
- CN103067265A CN103067265A CN2012105566810A CN201210556681A CN103067265A CN 103067265 A CN103067265 A CN 103067265A CN 2012105566810 A CN2012105566810 A CN 2012105566810A CN 201210556681 A CN201210556681 A CN 201210556681A CN 103067265 A CN103067265 A CN 103067265A
- Authority
- CN
- China
- Prior art keywords
- server end
- client
- user interface
- home gateway
- web user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Abstract
本发明涉及一种应用于家庭网关的多语言WEB用户界面显示控制方法，属于网络设备应用方法技术领域。在该方法中，服务器端在收到客户端的页面请求后发送仅包括html标签的页面代码，而后再根据用户选择发送不同语言版本的静态数据，再发送配置数据，而后在客户端完成用户界面。从而利用该方法能够实现不同语言版本界面的快速切换，同时提高了家庭网关设备的使用效率，且本发明的应用于家庭网关的多语言WEB用户界面显示控制方法，其使用方式简便，使用成本也相对低廉。
Description
技术领域
本发明涉及网络设备应用方法技术领域，特别涉及家庭网关应用方法技术领域，具体是指一种应用于家庭网关的多语言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用户界面显示控制方法，其使用方式简便，使用成本也相对低廉。
在此说明书中，本发明已参照其特定的实施例作了描述。但是，很显然仍可以作出各种修改和变换而不背离本发明的精神和范围。因此，说明书和附图应被认为是说明性的而非限制性的。
Claims (4)
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格式数据。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210556681.0A CN103067265B (zh) | 2012-12-19 | 2012-12-19 | 应用于家庭网关的多语言web用户界面显示控制方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210556681.0A CN103067265B (zh) | 2012-12-19 | 2012-12-19 | 应用于家庭网关的多语言web用户界面显示控制方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103067265A true CN103067265A (zh) | 2013-04-24 |
| CN103067265B CN103067265B (zh) | 2016-04-06 |
Family
ID=48109733
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210556681.0A Active CN103067265B (zh) | 2012-12-19 | 2012-12-19 | 应用于家庭网关的多语言web用户界面显示控制方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103067265B (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103747094A (zh) * | 2014-01-21 | 2014-04-23 | 上海斐讯数据通信技术有限公司 | 动态页面数据分离方法 |
| CN105183500A (zh) * | 2015-08-05 | 2015-12-23 | 深圳联友科技有限公司 | 一种网页语言的配置方法及系统 |
| CN107622768A (zh) * | 2016-07-13 | 2018-01-23 | 谷歌公司 | 音频截剪器 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101895622A (zh) * | 2009-05-21 | 2010-11-24 | 陈武雄 | 一种移动设备浏览网页的方法及系统 |
| CN102184231A (zh) * | 2011-05-12 | 2011-09-14 | 广州市动景计算机科技有限公司 | 获取页面资源的方法及装置 |
| CN102360391A (zh) * | 2011-10-21 | 2012-02-22 | 福建星网锐捷网络有限公司 | 页面显示方法、装置和系统 |
| CN102654885A (zh) * | 2012-04-28 | 2012-09-05 | 北京华胜天成科技股份有限公司 | 移动终端网页适配系统和方法 |
| CN102693322A (zh) * | 2012-06-01 | 2012-09-26 | 杭州海康威视数字技术股份有限公司 | 支持多国语言的网页处理方法、网页加载方法及其系统 |
-
2012
- 2012-12-19 CN CN201210556681.0A patent/CN103067265B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101895622A (zh) * | 2009-05-21 | 2010-11-24 | 陈武雄 | 一种移动设备浏览网页的方法及系统 |
| CN102184231A (zh) * | 2011-05-12 | 2011-09-14 | 广州市动景计算机科技有限公司 | 获取页面资源的方法及装置 |
| CN102360391A (zh) * | 2011-10-21 | 2012-02-22 | 福建星网锐捷网络有限公司 | 页面显示方法、装置和系统 |
| CN102654885A (zh) * | 2012-04-28 | 2012-09-05 | 北京华胜天成科技股份有限公司 | 移动终端网页适配系统和方法 |
| CN102693322A (zh) * | 2012-06-01 | 2012-09-26 | 杭州海康威视数字技术股份有限公司 | 支持多国语言的网页处理方法、网页加载方法及其系统 |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103747094A (zh) * | 2014-01-21 | 2014-04-23 | 上海斐讯数据通信技术有限公司 | 动态页面数据分离方法 |
| CN105183500A (zh) * | 2015-08-05 | 2015-12-23 | 深圳联友科技有限公司 | 一种网页语言的配置方法及系统 |
| CN107622768A (zh) * | 2016-07-13 | 2018-01-23 | 谷歌公司 | 音频截剪器 |
| CN107622768B (zh) * | 2016-07-13 | 2021-09-28 | 谷歌有限责任公司 | 音频截剪器 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103067265B (zh) | 2016-04-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10956531B2 (en) | Dynamic generation of mobile web experience | |
| KR102185864B1 (ko) | 프레젠테이션을 위한 네이티브 콘텐츠의 서버측 렌더링 방법 및 시스템 | |
| CN109542427B (zh) | 一种系统定制方法、装置及电子设备和存储介质 | |
| US11341589B2 (en) | Method and system for providing a cooperative working environment that facilitates management of property | |
| US10296308B2 (en) | Automatically generating network applications from design mock-ups | |
| CN108259620B (zh) | 一种广告编辑和预览方法、智能终端、系统及存储装置 | |
| CN108268262A (zh) | 实现将html转换为微信小程序的方法、装置及系统 | |
| CN103534698B (zh) | 对在基于标记的文档中的数据进行所通知的分割 | |
| CN104636400A (zh) | 浏览器网页生成方法、浏览器及系统 | |
| CN112100550A (zh) | 一种页面构建方法和装置 | |
| CN104699488A (zh) | 动态获取app界面控件数据的方法、设备以及系统 | |
| CN102999578A (zh) | 页面元素处理方法和装置 | |
| CN101963992A (zh) | 提高网页显示速度的方法及浏览器 | |
| CN103823841A (zh) | 提高移动终端客户端浏览速度的方法及其装置 | |
| US20140280743A1 (en) | Transforming application cached template using personalized content | |
| CN103067265A (zh) | 应用于家庭网关的多语言web用户界面显示控制方法 | |
| CN204791004U (zh) | 医疗影像查询系统 | |
| CN103488735A (zh) | 终端浏览器页面刷新显示的方法及终端 | |
| CN103279518A (zh) | 一种浏览器 | |
| CN114756228A (zh) | 页面处理方法、装置、设备及存储介质 | |
| CN105989052A (zh) | 医疗影像系统及其数据处理方法和移动交换装置 | |
| US9992528B2 (en) | System and methods thereof for displaying video content | |
| WO2016056054A1 (ja) | Ｗｅｂページの表示のためのプログラム、端末装置、およびサーバ装置 | |
| CN103150334A (zh) | 一种请求图片文件的方法及系统 | |
| CN105138322B (zh) | 生成应用程序的方法及系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |