專利名稱：應(yīng)用于家庭網(wǎng)關(guān)的多語言web用戶界面顯示控制方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)絡(luò)設(shè)備應(yīng)用方法技術(shù)領(lǐng)域，特別涉及家庭網(wǎng)關(guān)應(yīng)用方法技術(shù)領(lǐng)域，具體是指一種應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法。
背景技術(shù)：
WEB用戶界面(UI)是用戶對家庭網(wǎng)關(guān)設(shè)備進(jìn)行配置的主要方式之一。因此一個支持多語言的、高效的WEB Π設(shè)計(jì)對家庭網(wǎng)關(guān)產(chǎn)品的可用性及用戶體驗(yàn)有著至關(guān)重要的作用。傳統(tǒng)的家庭網(wǎng)關(guān)UI設(shè)計(jì)將html元素與CGI(Common Gateway Interface,通用網(wǎng)關(guān)接口)方法雜糅在一起，用戶向網(wǎng)關(guān)請求界面時，獲取全部配置數(shù)據(jù)并填充在html文件中輸出到瀏覽器端，以完成頁面交互過程，這樣的傳統(tǒng)頁面交互過程如圖1所示。由于數(shù)據(jù)與標(biāo)簽混合在一起，對于不同語言版本的界面需要同時更改服務(wù)器端與客戶端才能實(shí)現(xiàn)，不能滿足即時切換語言目的。另外這樣的頁面交互處理方式也較為單一，對于配置復(fù)雜的頁面會長時間等待，不利于用戶使用。

發(fā)明內(nèi)容
本發(fā)明的目的是克服了上述現(xiàn)有技術(shù)中的缺點(diǎn)，提供一種服務(wù)器端返回的頁面代碼僅包括html元素，而將區(qū)分不同語言的靜態(tài)數(shù)據(jù)及配置數(shù)據(jù)另外返回給客戶端，從而根據(jù)用戶需要實(shí)現(xiàn)不同語言版本界面的快速切換，同時提高了家庭網(wǎng)關(guān)設(shè)備的使用效率，且使用方式簡便，成本低廉的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法。為了實(shí)現(xiàn)上述的目的，本發(fā)明的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法中，家庭網(wǎng)關(guān)連接用戶個人電腦，個人電腦為客戶端，家庭網(wǎng)關(guān)為服務(wù)器端，且服務(wù)器端存儲有多種不同語言的顯示數(shù)據(jù)。本發(fā)明的方法包括以下步驟

(I)根據(jù)用戶操作，客戶端向所述的服務(wù)器端請求WEB用戶界面；(2)所述的服務(wù)器端向所述的客戶端發(fā)送包括html標(biāo)簽的頁面代碼；(3)所述的客戶端根據(jù)選擇的語言向所述的服務(wù)器端請求相應(yīng)的顯示數(shù)據(jù)；(4)所述的服務(wù)器端向所述的客戶端返回相應(yīng)語言的顯示數(shù)據(jù)；(5)所述的客戶端將所獲得的顯示數(shù)據(jù)插入到所述的html標(biāo)簽中；(6)所述的客戶端向所述的家庭網(wǎng)請求配置數(shù)據(jù)；(7)所述的服務(wù)器端向所述的客戶端返回配置數(shù)據(jù)；(8)所述的客戶端向所述的配置數(shù)據(jù)插入到所述的html標(biāo)簽中；(9)所述的客戶端根據(jù)所述的包括html標(biāo)簽的頁面代碼顯示W(wǎng)EB用戶界面。該應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法中，所述的包括html標(biāo)簽的頁面代碼，具體為僅包括html元素的頁面信息,所述的html元素使用id或name屬性
T 己 O該應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法中，所述的顯示數(shù)據(jù)為根據(jù)不同語言區(qū)分保存于所述的服務(wù)器端的xml格式文件。
該應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法中，所述的服務(wù)器端向所述的客戶端返回配置數(shù)據(jù)，包括以下步驟(71)所述的服務(wù)器端的通用網(wǎng)關(guān)接口獲得配置數(shù)據(jù)；(72)所述的服務(wù)器端的通用網(wǎng)關(guān)接口將所述的配置數(shù)據(jù)生成json格式數(shù)據(jù)；(73)所述的服務(wù)器端的通用網(wǎng)關(guān)接口向所述的客戶端返回所述的json格式數(shù)據(jù)。采用了該發(fā)明的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法，其服務(wù)器端在收到客戶端的頁面請求后發(fā)送僅包括html標(biāo)簽的頁面代碼，而后再根據(jù)用戶選擇發(fā)送不同語言版本的靜態(tài)數(shù)據(jù)，再發(fā)送配置數(shù)據(jù)，而后在客戶端完成用戶界面。從而利用該方法能夠?qū)崿F(xiàn)不同語言版本界面的快速切換，同時提高了家庭網(wǎng)關(guān)設(shè)備的使用效率，且本發(fā)明的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法，其使用方式簡便，使用成本也相對低廉。


圖1為現(xiàn)有技術(shù)中的家庭網(wǎng)關(guān)WEB用戶界面交互過程。圖2為本發(fā)明的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法的步驟流程圖。圖3為采用本發(fā)明的方法的家庭網(wǎng)關(guān)WEB用戶界面交互過程。
具體實(shí)施例方式為了能夠更清楚地理解本發(fā)明的技術(shù)內(nèi)容，特舉以下實(shí)施例詳細(xì)說明。請參閱圖2所示，為本發(fā)明的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法的步驟流程圖。在一種實(shí)施方式中，家庭網(wǎng)關(guān)連接用戶個人電腦，所述的個人電腦為客戶端，所述的家庭網(wǎng)關(guān)為服務(wù)器端，服務(wù)器端存儲有多種不同語言的顯示數(shù)據(jù)。如圖2所示，本發(fā)明的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法包括以下步驟(I)根據(jù)用戶操作，客戶端向所述的服務(wù)器端請求WEB用戶界面；(2)所述的服務(wù)器端向所述的客戶端發(fā)送包括html標(biāo)簽的頁面代碼；(3)所述的客戶端根據(jù)選擇的語言向所述的服務(wù)器端請求相應(yīng)的顯示數(shù)據(jù)；(4)所述的服務(wù)器端向所述的客戶端返回相應(yīng)語言的顯示數(shù)據(jù)；(5)所述的客戶端將所獲得的顯示數(shù)據(jù)插入到所述的html標(biāo)簽中；(6)所述的客戶端向所述的家庭網(wǎng)請求配置數(shù)據(jù)；(7)所述的服務(wù)器端向所述的客戶端返回配置數(shù)據(jù)；(8)所述的客戶端向所述的配置數(shù)據(jù)插入到所述的html標(biāo)簽中；(9)所述的客戶端根據(jù)所 述的包括html標(biāo)簽的頁面代碼顯示W(wǎng)EB用戶界面。在一種優(yōu)選的實(shí)施方式中，所述的包括html標(biāo)簽的頁面代碼，具體為僅包括html元素的頁面信息,所述的html元素使用id或name屬性標(biāo)記。在另一種優(yōu)選的實(shí)施方式中，所述的顯示數(shù)據(jù)為根據(jù)不同語言區(qū)分保存于所述的服務(wù)器端的xml格式文件。
在更優(yōu)選的實(shí)施方式中，所述的服務(wù)器端向所述的客戶端返回配置數(shù)據(jù)，包括以下步驟(71)所述的服務(wù)器端的通用網(wǎng)關(guān)接口獲得配置數(shù)據(jù)；(72)所述的服務(wù)器端的通用網(wǎng)關(guān)接口將所述的配置數(shù)據(jù)生成json格式數(shù)據(jù)；(73)所述的服務(wù)器端的通用網(wǎng)關(guān)接口向所述的客戶端返回所述的json格式數(shù)據(jù)。在實(shí)際應(yīng)用中，本發(fā)明的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法的頁面交互過程如圖3所示。首先，步驟①中，客戶端請求頁面，服務(wù)器端返回頁面內(nèi)容，完成onload (上傳)事件后到步驟②，此時客戶端請求顯示數(shù)據(jù)，不同語言請求不同文件，數(shù)據(jù)返回后使用js將數(shù)據(jù)插入到相應(yīng)的html標(biāo)簽中。這兩步幾乎不費(fèi)時間，因?yàn)榉?wù)器未執(zhí)行任何通用網(wǎng)關(guān)接口獲取配置數(shù)據(jù)，此時客戶端已經(jīng)看到?jīng)]有配置數(shù)據(jù)的頁面。然后到步驟③，請求配置數(shù)據(jù)，服務(wù)器端執(zhí)行步驟④，將獲取到的配置數(shù)據(jù)以json數(shù)據(jù)格式(JavaScript ObjectNotation，一種輕量級的數(shù)據(jù)交換格式)返回?？蛻舳嗽诓襟E⑤將配置數(shù)據(jù)更新到相應(yīng)的html標(biāo)簽中。至此整個頁面配置顯示過程完成。由上面交互過程可以清楚了解到，將顯示數(shù)據(jù)分離后統(tǒng)一保存為xml文件，步驟②獲取不同的xml文件可以實(shí)現(xiàn)整個站點(diǎn)多語言切換，不同語言版本只需要保存相應(yīng)的xml文件，不需要復(fù)制標(biāo)簽，同時節(jié)約了存儲空間。將配置數(shù)據(jù)格式化則提高了配置效率，頁面下載完成后，配置的過程只交換數(shù)據(jù)，不需要再更新靜態(tài)內(nèi)容，而且可以根據(jù)需要只更新頁面的部分?jǐn)?shù)據(jù)，從而提高配置家庭網(wǎng)關(guān)的效率。采用了該發(fā)明 的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法，其服務(wù)器端在收到客戶端的頁面請求后發(fā)送僅包括html標(biāo)簽的頁面代碼，而后再根據(jù)用戶選擇發(fā)送不同語言版本的靜態(tài)數(shù)據(jù)，再發(fā)送配置數(shù)據(jù)，而后在客戶端完成用戶界面。從而利用該方法能夠?qū)崿F(xiàn)不同語言版本界面的快速切換，同時提高了家庭網(wǎng)關(guān)設(shè)備的使用效率，且本發(fā)明的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法，其使用方式簡便，使用成本也相對低廉。在此說明書中，本發(fā)明已參照其特定的實(shí)施例作了描述。但是，很顯然仍可以作出各種修改和變換而不背離本發(fā)明的精神和范圍。因此，說明書和附圖應(yīng)被認(rèn)為是說明性的而非限制性的。
權(quán)利要求
1.一種應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法，所述的家庭網(wǎng)關(guān)連接用戶個人電腦，所述的個人電腦為客戶端，所述的家庭網(wǎng)關(guān)為服務(wù)器端，其特征在于，所述的服務(wù)器端存儲有多種不同語言的顯示數(shù)據(jù)，所述的方法包括以下步驟 (1)根據(jù)用戶操作，客戶端向所述的服務(wù)器端請求WEB用戶界面； (2)所述的服務(wù)器端向所述的客戶端發(fā)送包括html標(biāo)簽的頁面代碼； (3)所述的客戶端根據(jù)選擇的語言向所述的服務(wù)器端請求相應(yīng)的顯示數(shù)據(jù)； (4)所述的服務(wù)器端向所述的客戶端返回相應(yīng)語言的顯示數(shù)據(jù)； (5)所述的客戶端將所獲得的顯示數(shù)據(jù)插入到所述的html標(biāo)簽中； (6)所述的客戶端向所述的家庭網(wǎng)請求配置數(shù)據(jù)； (7)所述的服務(wù)器端向所述的客戶端返回配置數(shù)據(jù)； (8)所述的客戶端向所述的配置數(shù)據(jù)插入到所述的html標(biāo)簽中； (9)所述的客戶端根據(jù)所述的包括html標(biāo)簽的頁面代碼顯示W(wǎng)EB用戶界面。
2.根據(jù)權(quán)利要求1所述的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法，其特征在于，所述的包括html標(biāo)簽的頁面代碼，具體為 僅包括html元素的頁面信息,所述的html元素使用id或name屬性標(biāo)記。
3.根據(jù)權(quán)利要求1所述的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法，其特征在于，所述的顯示數(shù)據(jù)為根據(jù)不同語言區(qū)分保存于所述的服務(wù)器端的xml格式文件。
4.根據(jù)權(quán)利要求1所述的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法，其特征在于，所述的服務(wù)器端向所述的客戶端返回配置數(shù)據(jù)，包括以下步驟 (71)所述的服務(wù)器端的通用網(wǎng)關(guān)接口獲得配置數(shù)據(jù)； (72)所述的服務(wù)器端的通用網(wǎng)關(guān)接口將所述的配置數(shù)據(jù)生成json格式數(shù)據(jù)； (73)所述的服務(wù)器端的通用網(wǎng)關(guān)接口向所述的客戶端返回所述的json格式數(shù)據(jù)。
全文摘要
本發(fā)明涉及一種應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法，屬于網(wǎng)絡(luò)設(shè)備應(yīng)用方法技術(shù)領(lǐng)域。在該方法中，服務(wù)器端在收到客戶端的頁面請求后發(fā)送僅包括html標(biāo)簽的頁面代碼，而后再根據(jù)用戶選擇發(fā)送不同語言版本的靜態(tài)數(shù)據(jù)，再發(fā)送配置數(shù)據(jù)，而后在客戶端完成用戶界面。從而利用該方法能夠?qū)崿F(xiàn)不同語言版本界面的快速切換，同時提高了家庭網(wǎng)關(guān)設(shè)備的使用效率，且本發(fā)明的應(yīng)用于家庭網(wǎng)關(guān)的多語言WEB用戶界面顯示控制方法，其使用方式簡便，使用成本也相對低廉。
文檔編號G06F17/30GK103067265SQ20121055668
公開日2013年4月24日 申請日期2012年12月19日 優(yōu)先權(quán)日2012年12月19日
發(fā)明者李慶洋, 張定理 申請人:上海市共進(jìn)通信技術(shù)有限公司