[發(fā)明專(zhuān)利]網(wǎng)頁(yè)頁(yè)面的刷新方法和裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201310043650.X
• 申請(qǐng)日: 2013-02-04
• 公開(kāi)（公告）號(hào): CN103970427B
• 公開(kāi)（公告）日: 2018-07-24
• 發(fā)明（設(shè)計(jì)）人: 邵帥
• 申請(qǐng)（專(zhuān)利權(quán)）人: 騰訊科技（深圳）有限公司
• 主分類(lèi)號(hào): G06F3/0482
• 分類(lèi)號(hào): G06F3/0482;G06F9/451
• 代理公司: 廣州華進(jìn)聯(lián)合專(zhuān)利商標(biāo)代理有限公司 44224
• 代理人: 何平;鄧云鵬

本發(fā)明提供了一種網(wǎng)頁(yè)頁(yè)面的刷新方法和裝置。所述方法包括：加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面；通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)；根據(jù)菜單配置信息得到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類(lèi)型和模板文件；根據(jù)模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新被選定的菜單項(xiàng)。所述裝置包括：界面加載模塊，用于加載菜單配置信息，并渲染得到菜單界面；選定獲取模塊，用于通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)；處理模塊，用于根據(jù)菜單配置信息得到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類(lèi)型和模板文件；刷新模塊，用于根據(jù)模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新被選定的菜單項(xiàng)。采用本發(fā)明靈活性高，能動(dòng)態(tài)調(diào)整菜單項(xiàng)和對(duì)應(yīng)內(nèi)容。

技術(shù)領(lǐng)域

本發(fā)明涉及互聯(lián)網(wǎng)應(yīng)用技術(shù)，特別是涉及一種網(wǎng)頁(yè)頁(yè)面的刷新方法和裝置。

背景技術(shù)

隨著網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)的發(fā)展和用戶對(duì)網(wǎng)頁(yè)應(yīng)用程序的需求，使得網(wǎng)頁(yè)應(yīng)用程序，即WbApp越來(lái)越流行。網(wǎng)頁(yè)應(yīng)用程序所在的菜單界面大都較為復(fù)雜，包含了非常多的菜單項(xiàng)，在用戶點(diǎn)擊了菜單界面中任一菜單項(xiàng)之后，由于每一菜單項(xiàng)都對(duì)應(yīng)了特定需要展示的內(nèi)容，因此，需要將點(diǎn)擊的菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容載入。

傳統(tǒng)的菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容的載入方法通常采用刷新頁(yè)面局部或者浮動(dòng)框（iframe）載入網(wǎng)頁(yè)這兩種方式實(shí)現(xiàn)。對(duì)于刷新頁(yè)面局部這一方式而言，將會(huì)刪除菜單界面中用于展示菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容的區(qū)域中原有的內(nèi)容，然后根據(jù)點(diǎn)擊的菜單項(xiàng)填充新的內(nèi)容；對(duì)于浮動(dòng)框載入網(wǎng)頁(yè)的方式而言，將在用于展示菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容的區(qū)域中載入浮動(dòng)框，并根據(jù)相應(yīng)的屬性載入網(wǎng)頁(yè)，以實(shí)現(xiàn)該區(qū)域內(nèi)容的變更。

然而，這兩種載入方式在需要進(jìn)行菜單項(xiàng)或者菜單項(xiàng)對(duì)應(yīng)內(nèi)容的修改方面較為困難，需要修改相應(yīng)的程序源代碼方可添加、刪除或修改菜單項(xiàng)對(duì)應(yīng)的內(nèi)容，因此，通過(guò)上述兩種傳統(tǒng)的載入方式均無(wú)法實(shí)現(xiàn)菜單項(xiàng)和對(duì)應(yīng)內(nèi)容的動(dòng)態(tài)調(diào)整，存在著靈活性較低的缺陷。

發(fā)明內(nèi)容

基于此，有必要提供一種靈活性高，能動(dòng)態(tài)調(diào)整菜單項(xiàng)和對(duì)應(yīng)內(nèi)容的網(wǎng)頁(yè)頁(yè)面的刷新方法。

此外，還有必要提供一種靈活性高，能動(dòng)態(tài)調(diào)整菜單項(xiàng)和對(duì)應(yīng)內(nèi)容的網(wǎng)頁(yè)頁(yè)面的刷新裝置。

一種網(wǎng)頁(yè)頁(yè)面的刷新方法，包括如下步驟：

加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面；

通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)；

根據(jù)所述菜單配置信息得到所述被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類(lèi)型和相應(yīng)的模板文件；及

根據(jù)所述模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新所述被選定的菜單項(xiàng)。

一種網(wǎng)頁(yè)頁(yè)面的刷新裝置，包括：

界面加載模塊，用于加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面；

選定獲取模塊，用于通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)；

處理模塊，用于根據(jù)所述菜單配置信息得到所述被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類(lèi)型和相應(yīng)的模板文件；及

刷新模塊，用于根據(jù)所述模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新所述被選定的菜單項(xiàng)。

上述網(wǎng)頁(yè)頁(yè)面的刷新方法和裝置，為了在網(wǎng)頁(yè)頁(yè)面中顯示菜單界面，將進(jìn)行菜單配置信息的加載，根據(jù)菜單配置信息進(jìn)行渲染以得到顯示于網(wǎng)頁(yè)頁(yè)面的菜單界面，在對(duì)菜單界面中的任一菜單項(xiàng)觸發(fā)了選定操作之后，將從菜單配置信息中得到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類(lèi)型和相應(yīng)的模板文件，從而將模板文件刷新至被選定的菜單項(xiàng)在菜單界面中對(duì)應(yīng)的顯示區(qū)域，實(shí)現(xiàn)了被選定的菜單項(xiàng)所對(duì)應(yīng)內(nèi)容的載入，在模板文件的作用下使得菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容在需要變換時(shí)只需要改變所對(duì)應(yīng)的模板文件即可，在需要添加或者刪除任一菜單項(xiàng)時(shí)只需要添加或刪除相應(yīng)模板文件即可，大大地提高了靈活性，實(shí)現(xiàn)了菜單項(xiàng)和對(duì)應(yīng)內(nèi)容的動(dòng)態(tài)調(diào)整。

附圖說(shuō)明