[發(fā)明專(zhuān)利]一種用于家庭網(wǎng)關(guān)設(shè)備功能擴(kuò)展的Web UI框架及方法

在審

• 申請(qǐng)?zhí)枺?/td>: 201410516720.3
• 申請(qǐng)日: 2014-09-30
• 公開(kāi)（公告）號(hào): CN104331303A
• 公開(kāi)（公告）日: 2015-02-04
• 發(fā)明（設(shè)計(jì)）人: 靳美麗
• 申請(qǐng)（專(zhuān)利權(quán)）人: 上海斐訊數(shù)據(jù)通信技術(shù)有限公司
• 主分類(lèi)號(hào): G06F9/445
• 分類(lèi)號(hào): G06F9/445;G06F17/30;H04L29/08
• 代理公司: 上海信好專(zhuān)利代理事務(wù)所(普通合伙) 31249
• 代理人: 包姝晴;徐雯瓊

1.一種用于家庭網(wǎng)關(guān)設(shè)備功能擴(kuò)展的Web?UI框架，其特征在于，包含：

主頁(yè)面（1），其用于顯示家庭網(wǎng)關(guān)設(shè)備的操作頁(yè)面，該主頁(yè)面（1）包含導(dǎo)航菜單（11），以及若干擴(kuò)展功能配置頁(yè)面（12）；

若干安裝包（2），其分別與所述的主頁(yè)面（1）相連接，且與所述的擴(kuò)展功能配置頁(yè)面（12）一一對(duì)應(yīng)，用于動(dòng)態(tài)創(chuàng)建對(duì)應(yīng)的擴(kuò)展功能配置頁(yè)面（12）；

庫(kù)文件（3），其分別與所述的導(dǎo)航菜單（11）以及擴(kuò)展功能配置頁(yè)面（12）相連接，用于動(dòng)態(tài)創(chuàng)建并修飾導(dǎo)航菜單（11）以及擴(kuò)展功能配置頁(yè)面（12）上的各個(gè)頁(yè)面元素。

2.如權(quán)利要求1所述的用于家庭網(wǎng)關(guān)設(shè)備功能擴(kuò)展的Web?UI框架，其特征在于，所述的安裝包（2）包含：

控制接入模塊（21），其與所述的導(dǎo)航菜單（11）相連接，將擴(kuò)展功能配置頁(yè)面（12）的載入接口添加至主頁(yè)面（1）的導(dǎo)航菜單（11）中；

模型模塊（22），其與所述的擴(kuò)展功能配置頁(yè)面（12）相連接，包含擴(kuò)展功能配置頁(yè)面（12）中的全部配置項(xiàng)元素，用于動(dòng)態(tài)創(chuàng)建該擴(kuò)展功能配置頁(yè)面（12）；

配置數(shù)據(jù)文件模塊（23），其與所述的擴(kuò)展功能配置頁(yè)面（12）相連接，用于存儲(chǔ)擴(kuò)展功能配置頁(yè)面（12）上的全部數(shù)據(jù)值，將所述的數(shù)據(jù)值加載至擴(kuò)展功能配置頁(yè)面（12）上并與家庭網(wǎng)關(guān)設(shè)備進(jìn)行交互，使擴(kuò)展的功能生效。

3.如權(quán)利要求2所述的用于家庭網(wǎng)關(guān)設(shè)備功能擴(kuò)展的Web?UI框架，其特征在于，所述的控制接入模塊（21）用于決定擴(kuò)展功能配置頁(yè)面（12）的載入接口在主頁(yè)面（1）的導(dǎo)航菜單（11）中的層級(jí)位置。

4.如權(quán)利要求2所述的用于家庭網(wǎng)關(guān)設(shè)備功能擴(kuò)展的Web?UI框架，其特征在于，所述的配置數(shù)據(jù)文件模塊（23）中存儲(chǔ)的擴(kuò)展功能配置頁(yè)面（12）上的全部數(shù)據(jù)值包含家庭網(wǎng)關(guān)設(shè)備的默認(rèn)數(shù)據(jù)值和用戶(hù)設(shè)置的數(shù)據(jù)值。

5.如權(quán)利要求1所述的用于家庭網(wǎng)關(guān)設(shè)備功能擴(kuò)展的Web?UI框架，其特征在于，所述的庫(kù)文件（3）包含：

JavaScript庫(kù)文件（31），其包含與所述的導(dǎo)航菜單（11）相連接的接口JavaScript庫(kù)文件以及與所述的擴(kuò)展功能配置頁(yè)面（12）相連接的配置頁(yè)面JavaScript庫(kù)文件；該接口JavaScript庫(kù)文件用于動(dòng)態(tài)創(chuàng)建導(dǎo)航菜單（11）上的載入接口的頁(yè)面元素，該配置頁(yè)面JavaScript庫(kù)文件用于動(dòng)態(tài)創(chuàng)建擴(kuò)展功能配置頁(yè)面（12）上的頁(yè)面元素；

CSS樣式庫(kù)文件（32），其包含與所述的導(dǎo)航菜單（11）相連接的接口CSS樣式庫(kù)文件以及與所述的擴(kuò)展功能配置頁(yè)面（12）相連接的配置頁(yè)面CSS樣式庫(kù)文件；該接口CSS樣式庫(kù)文件用于修飾導(dǎo)航菜單（11）上的載入接口的頁(yè)面元素的樣式，該配置頁(yè)面CSS樣式庫(kù)文件用于修飾擴(kuò)展功能配置頁(yè)面（12）上的頁(yè)面元素的樣式。

6.一種利用如權(quán)利要求1-5中任一項(xiàng)所述的Web?UI框架進(jìn)行家庭網(wǎng)關(guān)設(shè)備功能擴(kuò)展的方法，其特征在于，該方法包含如下步驟：

S1、當(dāng)用戶(hù)需要擴(kuò)展家庭網(wǎng)關(guān)設(shè)備的功能時(shí)，選擇并點(diǎn)擊與該功能相對(duì)應(yīng)的安裝包（2），將該安裝包（2）安裝至家庭網(wǎng)關(guān)設(shè)備中；

S2、安裝包（2）中的控制接入模塊（21）在主頁(yè)面（1）的導(dǎo)航菜單（11）中添加將要?jiǎng)?chuàng)建的擴(kuò)展功能配置頁(yè)面（12）的載入接口；

S3、安裝包（2）中的模型模塊（22）動(dòng)態(tài)創(chuàng)建該擴(kuò)展功能配置頁(yè)面（12）；

S4、安裝包（2）中的配置數(shù)據(jù)文件模塊（23）將其所存儲(chǔ)的擴(kuò)展功能配置頁(yè)面（12）上的全部數(shù)據(jù)值加載至該擴(kuò)展功能配置頁(yè)面（12）上，并與家庭網(wǎng)關(guān)設(shè)備進(jìn)行交互，使擴(kuò)展的功能生效。

7.如權(quán)利要求6所述的利用Web?UI框架進(jìn)行家庭網(wǎng)關(guān)設(shè)備功能擴(kuò)展的方法，其特征在于，所述的步驟S2具體包含：

S21、點(diǎn)擊主頁(yè)面（1）；

S22、控制接入模塊（21）在主頁(yè)面（1）的導(dǎo)航菜單（11）中動(dòng)態(tài)創(chuàng)建擴(kuò)展功能配置頁(yè)面（12）的載入接口，該控制接入模塊（21）決定所述的載入接口在導(dǎo)航菜單（11）中的層級(jí)位置；

S23、庫(kù)文件（3）中的JavaScript庫(kù)文件（31）中的接口JavaScript庫(kù)文件動(dòng)態(tài)創(chuàng)建導(dǎo)航菜單（11）上的載入接口的頁(yè)面元素；

S24、庫(kù)文件（3）中的CSS樣式庫(kù)文件（32）中的接口CSS樣式庫(kù)文件修飾導(dǎo)航菜單（11）上的載入接口的頁(yè)面元素的樣式。