網(wǎng)頁(yè)頁(yè)面的刷新方法和裝置制造方法
【專利摘要】本發(fā)明提供了一種網(wǎng)頁(yè)頁(yè)面的刷新方法和裝置。所述方法包括：加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面；通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)；根據(jù)菜單配置信息得到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和模板文件；根據(jù)模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新被選定的菜單項(xiàng)。所述裝置包括：界面加載模塊，用于加載菜單配置信息，并渲染得到菜單界面；選定獲取模塊，用于通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)；處理模塊，用于根據(jù)菜單配置信息得到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和模板文件；刷新模塊，用于根據(jù)模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新被選定的菜單項(xiàng)。采用本發(fā)明靈活性高，能動(dòng)態(tài)調(diào)整菜單項(xiàng)和對(duì)應(yīng)內(nèi)容。
【專利說(shuō)明】網(wǎng)頁(yè)頁(yè)面的刷新方法和裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)應(yīng)用技術(shù)，特別是涉及一種網(wǎng)頁(yè)頁(yè)面的刷新方法和裝置。
【背景技術(shù)】
[0002]隨著網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)的發(fā)展和用戶對(duì)網(wǎng)頁(yè)應(yīng)用程序的需求，使得網(wǎng)頁(yè)應(yīng)用程序，SPWbApp越來(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)容載入。
[0003]傳統(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)容的變更。
[0004]然而，這兩種載入方式在需要進(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)容】

[0005]基于此，有必要提供一種靈活性高，能動(dòng)態(tài)調(diào)整菜單項(xiàng)和對(duì)應(yīng)內(nèi)容的網(wǎng)頁(yè)頁(yè)面的刷新方法。
[0006]此外，還有必要提供一種靈活性高，能動(dòng)態(tài)調(diào)整菜單項(xiàng)和對(duì)應(yīng)內(nèi)容的網(wǎng)頁(yè)頁(yè)面的刷新裝置。
[0007]一種網(wǎng)頁(yè)頁(yè)面的刷新方法，包括如下步驟:
[0008]加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面；
[0009]通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)；
[0010]根據(jù)所述菜單配置信息得到所述被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和相應(yīng)的模板文件；及
[0011]根據(jù)所述模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新所述被選定的菜單項(xiàng)。
[0012]一種網(wǎng)頁(yè)頁(yè)面的刷新裝置，包括:
[0013]界面加載模塊，用于加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面；
[0014]選定獲取模塊，用于通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)；
[0015]處理模塊，用于根據(jù)所述菜單配置信息得到所述被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和相應(yīng)的模板文件；及
[0016]刷新模塊，用于根據(jù)所述模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新所述被選定的菜單項(xiàng)。
[0017]上述網(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)的菜單類型和相應(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ō)明】
[0018]圖1為一個(gè)實(shí)施例中網(wǎng)頁(yè)頁(yè)面的刷新方法的流程圖；
[0019]圖2為一個(gè)實(shí)施例中菜單頁(yè)面的簡(jiǎn)易圖；
[0020]圖3為一個(gè)實(shí)施例中加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面的方法流程圖；
[0021]圖4為一個(gè)實(shí)施例中根據(jù)菜單配置信息得到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和相應(yīng)的模板文件的方法流程圖；
[0022]圖5為一個(gè)實(shí)施例中網(wǎng)頁(yè)頁(yè)面的刷新裝置的結(jié)構(gòu)示意圖；
[0023]圖6為一個(gè)實(shí)施例中界面加載模塊的結(jié)構(gòu)示意圖；
[0024]圖7為一個(gè)實(shí)施例中處理模塊的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0025]如圖1所示，在一個(gè)實(shí)施例中，一種網(wǎng)頁(yè)頁(yè)面的刷新方法，包括如下步驟:
[0026]步驟S110，加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面。
[0027]本實(shí)施例中，菜單配置信息用于指示向用戶展示的菜單界面的布局以及內(nèi)容。觸發(fā)開(kāi)啟菜單時(shí)，將進(jìn)行菜單配置信息的加載，以從后臺(tái)的服務(wù)器獲取到菜單配置信息，并按照菜單配置信息對(duì)屏幕的顯示界面進(jìn)行渲染得到展示于用戶的菜單界面。
[0028]步驟S130，通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)。
[0029]本實(shí)施例中，菜單界面中包括了若干個(gè)菜單項(xiàng)，其中，每個(gè)菜單項(xiàng)均有對(duì)應(yīng)的內(nèi)容，在用戶于菜單界面中輸入選定操作后，于該菜單界面上展示被選定的菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容。例如，選定操作可以是用戶對(duì)菜單項(xiàng)所輸入的點(diǎn)擊操作，也可以是其它的一些操作，在此不進(jìn)行限定。
[0030]步驟S150，根據(jù)菜單配置信息得到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和相應(yīng)的模板文件。
[0031]本實(shí)施例中，菜單配置信息中記錄了每一菜單項(xiàng)均有對(duì)應(yīng)的菜單類型和該菜單項(xiàng)對(duì)應(yīng)的模板文件，在選定了菜單項(xiàng)之后，將從菜單配置信息中得到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和相應(yīng)的模板文件。
[0032]菜單項(xiàng)所對(duì)應(yīng)的菜單類型可以是頁(yè)面、浮動(dòng)框或者其它類型，若菜單項(xiàng)所對(duì)應(yīng)的菜單類型為頁(yè)面，則相應(yīng)的模板文件是與該菜單項(xiàng)唯一對(duì)應(yīng)的模板文件，該模板文件中包括了菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容；若菜單項(xiàng)所對(duì)應(yīng)的菜單類型不是頁(yè)面，而是浮動(dòng)框或者其它類型，則也會(huì)進(jìn)行模板文件的提取，但提取的模板文件為簡(jiǎn)化的模板文件，例如，內(nèi)容空白的模板文件，并根據(jù)菜單配置信息得到菜單項(xiàng)所對(duì)應(yīng)的菜單參數(shù)，進(jìn)而根據(jù)菜單參數(shù)加載這一簡(jiǎn)化的模板文件中的內(nèi)容。
[0033]步驟S170，根據(jù)模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新被選定的菜單項(xiàng)。
[0034]本實(shí)施例中，將模板文件刷新到被選定的菜單項(xiàng)在菜單界面中對(duì)應(yīng)的顯示區(qū)域，以展示被選定的菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容。
[0035]如圖2所示，在一個(gè)簡(jiǎn)易的菜單頁(yè)面中，包括頁(yè)面頭部210、菜單項(xiàng)選取區(qū)域230和主體區(qū)域250，其中，菜單項(xiàng)選取區(qū)域230中包括了菜單項(xiàng)1、菜單項(xiàng)2等若干個(gè)菜單項(xiàng)，主體區(qū)域250為菜單項(xiàng)選取區(qū)域230中各菜單項(xiàng)的顯示區(qū)域，將用于顯示各個(gè)菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容，例如，若用戶點(diǎn)擊了菜單項(xiàng)1，則獲取菜單項(xiàng)I所對(duì)應(yīng)的菜單類型和模板文件，并將該模板文件更新至主體區(qū)域250中，以顯示菜單項(xiàng)I所對(duì)應(yīng)的內(nèi)容。
[0036]如圖3所示，在一個(gè)實(shí)施例中，上述圖1中的步驟SllO包括:
[0037]步驟S111，拉取菜單配置信息。
[0038]本實(shí)施例中，在觸發(fā)了菜單界面的開(kāi)啟操作時(shí)，將從后臺(tái)的服務(wù)器中拉取菜單配
置信息。
[0039]步驟S113，遍歷菜單配置信息得到菜單類型和菜單參數(shù)，根據(jù)菜單類型和菜單參數(shù)對(duì)顯示界面進(jìn)行渲染得到菜單界面以及菜單界面中包含的菜單項(xiàng)。
[0040]本實(shí)施例中，顯示界面為屏幕中用于顯示菜單界面的區(qū)域。菜單配置信息中包括了若干個(gè)菜單項(xiàng)以及每一菜單項(xiàng)所對(duì)應(yīng)的菜單類型和該菜單項(xiàng)對(duì)應(yīng)的菜單參數(shù)，對(duì)菜單配置信息進(jìn)行遍歷以得到每一菜單項(xiàng)所對(duì)應(yīng)的菜單類型和該菜單項(xiàng)對(duì)應(yīng)的菜單參數(shù)，進(jìn)而依據(jù)菜單類型和對(duì)應(yīng)的菜單參數(shù)對(duì)顯示界面進(jìn)行渲染，實(shí)現(xiàn)菜單界面在顯示界面的展示。
[0041]如圖4所示，在一個(gè)實(shí)施例中，上述圖1中的步驟S150包括:
[0042]步驟S151，判斷被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型是否為頁(yè)面，若是，則進(jìn)入步驟S153，若否，則進(jìn)入步驟S157。
[0043]本實(shí)施例中，對(duì)被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型進(jìn)行判斷，若判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型為頁(yè)面時(shí)，則進(jìn)入步驟S153，若判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型不是頁(yè)面，則提取簡(jiǎn)化的模板文件，例如，內(nèi)容為空白的模板文件。
[0044]通過(guò)上述判斷所選用不同的模板文件，可以使網(wǎng)頁(yè)頁(yè)面中菜單界面的刷新能兼容菜單類型各不相同的菜單項(xiàng)，大大地提高了靈活性。
[0045]步驟S153，從菜單配置信息中提取菜單項(xiàng)對(duì)應(yīng)的模板文件。
[0046]本實(shí)施例中，在判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型為頁(yè)面之后，從菜單配置信息中提取得到菜單項(xiàng)所對(duì)應(yīng)的模板文件，該模板文件中包括了菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容。
[0047]步驟S155，實(shí)例化得到的模板文件，并利用該模板文件刷新被選定的菜單項(xiàng)在菜單界面中對(duì)應(yīng)的顯示區(qū)域。
[0048]本實(shí)施例中，在判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型為頁(yè)面時(shí)，將實(shí)例化提取到的模板文件，并在菜單界面中將用于顯示被選定的菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容的顯示區(qū)域進(jìn)行刷新，以顯示模板文件中的內(nèi)容。
[0049]進(jìn)一步的，從菜單配置信息中提取得到的模板文件將是代碼形式的，因此，需要將提取的代碼形式的模板文件進(jìn)行實(shí)例化，以將抽像的代碼變換為具體的模板文件，以及模板文件中的內(nèi)容。
[0050]步驟S157，獲取浮動(dòng)框所屬的模板文件，并將被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單參數(shù)設(shè)置為浮動(dòng)框?qū)傩浴?br> [0051]本實(shí)施例中，若判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型不為頁(yè)面，則說(shuō)明被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型為浮動(dòng)框或者其它類型，此時(shí)，將獲取浮動(dòng)框所屬的模板文件，即所述簡(jiǎn)化的模板文件。
[0052]在構(gòu)建模板文件時(shí)，由于無(wú)法獲知菜單類型為浮動(dòng)框或者除了浮動(dòng)框和頁(yè)面之外的其它菜單類型的菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容，因此，所述簡(jiǎn)化的模板文件是預(yù)先構(gòu)建的空白浮動(dòng)框，以使得所構(gòu)建的該簡(jiǎn)化的模板文件能夠適用于各種菜單項(xiàng)的刷新，具有較高的通用性。
[0053]設(shè)置為浮動(dòng)框?qū)傩缘牟藛螀?shù)為菜單項(xiàng)對(duì)應(yīng)內(nèi)容所在的鏈接地址，將這一菜單參數(shù)設(shè)置為浮動(dòng)框?qū)傩灾械囊面溄拥刂?，即src屬性，以方便刷新菜單項(xiàng)的對(duì)應(yīng)內(nèi)容。
[0054]步驟S159，實(shí)例化浮動(dòng)框所屬的模板文件，向被選定的菜單項(xiàng)在菜單界面中對(duì)應(yīng)的顯示區(qū)域載入浮動(dòng)框所屬的模板文件，并在浮動(dòng)框中通過(guò)浮動(dòng)框?qū)傩灾杏涗浀囊面溄拥刂份d入被選定菜單項(xiàng)對(duì)應(yīng)的網(wǎng)頁(yè)。
[0055]本實(shí)施例中，在判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型不為頁(yè)面的場(chǎng)景下，將對(duì)提取得到的浮動(dòng)框所屬的模板文件進(jìn)行實(shí)例化，并載入菜單界面用于顯示被選定的菜單項(xiàng)對(duì)應(yīng)內(nèi)容的顯示區(qū)域，由于浮動(dòng)框所屬的模板文件是空白的浮動(dòng)框，因此，需要按照浮動(dòng)框?qū)傩灾杏涗浀囊面溄拥刂?，即src屬性載入網(wǎng)頁(yè)，該網(wǎng)頁(yè)中的內(nèi)容即為被選定的菜單項(xiàng)對(duì)應(yīng)的內(nèi)容。
[0056]在模板文件的作用下，使得菜單類型為浮動(dòng)框的菜單項(xiàng)在菜單界面中對(duì)應(yīng)內(nèi)容顯示區(qū)域的加載速度得到提高，避免了內(nèi)存消耗過(guò)大的現(xiàn)象發(fā)生，此外，也由于菜單項(xiàng)的內(nèi)容是根據(jù)引用鏈接地址載入的，因此在需要對(duì)菜單項(xiàng)的內(nèi)容進(jìn)行變更時(shí)，只需要改變記錄的引用鏈接地址即可，實(shí)現(xiàn)起來(lái)非常簡(jiǎn)易。
[0057]上述網(wǎng)頁(yè)頁(yè)面的刷新方法將使得單頁(yè)面網(wǎng)頁(yè)應(yīng)用程序，即WbApp的系統(tǒng)菜單每一菜單項(xiàng)對(duì)應(yīng)內(nèi)容的刷新更易于實(shí)現(xiàn)，在菜單配置信息和模板文件的作用下打破了菜單項(xiàng)和內(nèi)容之間緊耦合的情況，可動(dòng)態(tài)地調(diào)整菜單項(xiàng)和內(nèi)容的對(duì)應(yīng)關(guān)系，即輕易實(shí)現(xiàn)菜單項(xiàng)所對(duì)應(yīng)內(nèi)容的變更，也使得多種內(nèi)容載入方式能夠并存。
[0058]如圖5所示，在一個(gè)實(shí)施例中，一種網(wǎng)頁(yè)頁(yè)面的刷新裝置，包括界面加載模塊110、選定獲取模塊130、處理模塊150和刷新模塊170。
[0059]界面加載模塊110，用于加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面。
[0060]本實(shí)施例中，菜單配置信息用于指示向用戶展示的菜單界面的布局以及內(nèi)容。觸發(fā)開(kāi)啟菜單時(shí)，界面加載模塊110將進(jìn)行菜單配置信息的加載，以從后臺(tái)的服務(wù)器獲取到菜單配置信息，并按照菜單配置信息對(duì)屏幕的顯示界面進(jìn)行渲染得到展示于用戶的菜單界面。
[0061]選定獲取模塊130，用于通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)。
[0062]本實(shí)施例中，菜單界面中包括了若干個(gè)菜單項(xiàng)，其中，每個(gè)菜單項(xiàng)均有對(duì)應(yīng)的內(nèi)容，在用戶于菜單界面中輸入選定操作后，于該菜單界面上展示被選定的菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容。例如，選定操作可以是用戶對(duì)菜單項(xiàng)所輸入的點(diǎn)擊操作，也可以是其它的一些操作，在此不進(jìn)行限定。
[0063]處理模塊150，用于根據(jù)菜單配置信息得到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和相應(yīng)的模板文件。
[0064]本實(shí)施例中，菜單配置信息中記錄了每一菜單項(xiàng)均有對(duì)應(yīng)的菜單類型和該菜單項(xiàng)對(duì)應(yīng)的模板文件，在選定了菜單項(xiàng)之后，處理模塊150將從菜單配置信息中得到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和相應(yīng)的模板文件。
[0065]菜單項(xiàng)所對(duì)應(yīng)的菜單類型可以是頁(yè)面、浮動(dòng)框或者其它類型，若菜單項(xiàng)所對(duì)應(yīng)的菜單類型為頁(yè)面，則相應(yīng)的模板文件是與該菜單項(xiàng)唯一對(duì)應(yīng)的模板文件，該模板文件中包括了菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容；若菜單項(xiàng)所對(duì)應(yīng)的菜單類型不是頁(yè)面，而是浮動(dòng)框或者其它類型，則處理模塊150也會(huì)進(jìn)行模板文件的提取，但提取的模板文件為簡(jiǎn)化的模板文件，例如，內(nèi)容空白的模板文件，并根據(jù)菜單配置信息得到菜單項(xiàng)所對(duì)應(yīng)的菜單參數(shù)，進(jìn)而根據(jù)菜單參數(shù)加載這一簡(jiǎn)化的模板文件中的內(nèi)容。
[0066]刷新模塊170，用于根據(jù)模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新被選定的菜單項(xiàng)。
[0067]本實(shí)施例中，刷新模塊170將模板文件刷新到被選定的菜單項(xiàng)在菜單界面中對(duì)應(yīng)的顯示區(qū)域，以展示被選定的菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容。
[0068]如圖6所示，在一個(gè)實(shí)施例中，上述界面加載模塊110包括拉取單元111和渲染單元 113。
[0069]拉取單元111，用于拉取菜單配置信息。
[0070]本實(shí)施例中，在觸發(fā)了菜單界面的開(kāi)啟操作時(shí)，拉取單元111將從后臺(tái)的服務(wù)器中拉取菜單配置信息。
[0071]渲染單元113，用于遍歷菜單配置信息得到菜單類型和菜單參數(shù)，根據(jù)菜單類型和菜單參數(shù)對(duì)顯示界面進(jìn)行渲染得到菜單界面以及菜單界面中包含的菜單項(xiàng)。
[0072]本實(shí)施例中，顯示界面為屏幕中用于顯示菜單界面的區(qū)域。菜單配置信息中包括了若干個(gè)菜單項(xiàng)以及每一菜單項(xiàng)所對(duì)應(yīng)的菜單類型和該菜單項(xiàng)對(duì)應(yīng)的菜單參數(shù)，渲染單元113對(duì)菜單配置信息進(jìn)行遍歷以得到每一菜單項(xiàng)所對(duì)應(yīng)的菜單類型和菜單參數(shù)，進(jìn)而依據(jù)菜單類型和對(duì)應(yīng)的菜單參數(shù)對(duì)顯示界面進(jìn)行渲染，實(shí)現(xiàn)菜單界面在顯示界面的展示。
[0073]如圖7所示，在一個(gè)實(shí)施例中，上述處理模塊150包括類型判斷單元151、模板文件提取單元153和浮動(dòng)框獲取單元155。
[0074]類型判斷單元151，用于判斷被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型是否為頁(yè)面，若是，則通知模板文件提取單元153，若否，則通知浮動(dòng)框獲取單元155。
[0075]本實(shí)施例中，類型判斷單元151對(duì)被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型進(jìn)行判斷，若判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型為頁(yè)面時(shí)，則通知模板文件提取單元153，若判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型不是頁(yè)面，則提取簡(jiǎn)化的模板文件，例如，內(nèi)容為空白的模板文件。
[0076]通過(guò)上述判斷所選用不同的模板文件，可以使網(wǎng)頁(yè)頁(yè)面中菜單界面的刷新能兼容菜單類型各不相同的菜單項(xiàng)，大大地提高了靈活性。[0077]模板文件提取單元153，用于從菜單配置信息中提取菜單項(xiàng)對(duì)應(yīng)的模板文件。
[0078]本實(shí)施例中，在判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型為頁(yè)面之后，模板文件提取單元153從菜單配置信息中提取得到菜單項(xiàng)所對(duì)應(yīng)的模板文件，該模板文件中包括了菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容。
[0079]在一個(gè)實(shí)施例中，刷新模塊170還用于實(shí)例化提取得到的模板文件，并利用該模板文件刷新被選定的菜單項(xiàng)在菜單界面中對(duì)應(yīng)的顯示區(qū)域。
[0080]本實(shí)施例中，在判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型為頁(yè)面時(shí)，刷新模塊170將實(shí)例化提取到的模板文件，并在菜單界面中將用于顯示被選定的菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容的顯示區(qū)域進(jìn)行刷新，以顯示模板文件中的內(nèi)容。
[0081]進(jìn)一步的，刷新模塊170從菜單配置信息中提取得到的模板文件將是代碼形式的，因此，需要將提取的代碼形式的模板文件進(jìn)行實(shí)例化，以將抽像的代碼變換為具體的模板文件，以及模板文件中的內(nèi)容。
[0082]浮動(dòng)框獲取單元155，用于獲取浮動(dòng)框所屬的模板文件，并將被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單參數(shù)設(shè)置為浮動(dòng)框?qū)傩浴?br> [0083]本實(shí)施例中，若判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型不為頁(yè)面，則說(shuō)明被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型為浮動(dòng)框或者其它類型，此時(shí)，浮動(dòng)框獲取單元155將獲取浮動(dòng)框所屬的模板文件，即所述簡(jiǎn)化的模板文件。
[0084]在構(gòu)建模板文件時(shí)，由于無(wú)法獲知菜單類型為浮動(dòng)框或者除了浮動(dòng)框和頁(yè)面之外的其它菜單類型的菜單項(xiàng)所對(duì)應(yīng)的內(nèi)容，因此，所述簡(jiǎn)化的模板文件是預(yù)先構(gòu)建的空白浮動(dòng)框，以使得所構(gòu)建的該簡(jiǎn)化的模板文件能夠適用于各種菜單項(xiàng)的刷新，具有較高的通用性。
[0085]設(shè)置為浮動(dòng)框?qū)傩缘牟藛螀?shù)為菜單項(xiàng)對(duì)應(yīng)內(nèi)容所在的鏈接地址，將這一菜單參數(shù)設(shè)置為浮動(dòng)框?qū)傩灾械囊面溄拥刂?，即src屬性，以方便刷新新菜單項(xiàng)的對(duì)應(yīng)內(nèi)容。
[0086]在另一個(gè)實(shí)施例中，刷新模塊170還用于實(shí)例化浮動(dòng)框所屬的模板文件，向被選定的菜單項(xiàng)在菜單界面中對(duì)應(yīng)的顯示區(qū)域載入浮動(dòng)框所屬的模板文件，并在浮動(dòng)框中通過(guò)浮動(dòng)框?qū)傩灾杏涗浀囊面溄拥刂份d入被選定菜單項(xiàng)對(duì)應(yīng)的網(wǎng)頁(yè)。
[0087]本實(shí)施例中，在判斷到被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型不為頁(yè)面的場(chǎng)景下，刷新模塊170將對(duì)提取得到的浮動(dòng)框所屬的模板文件進(jìn)行實(shí)例化，并載入菜單界面用于顯示被選定的菜單項(xiàng)對(duì)應(yīng)內(nèi)容的顯示區(qū)域，由于浮動(dòng)框所屬的模板文件是空白的浮動(dòng)框，因此，需要按照浮動(dòng)框?qū)傩灾杏涗浀囊面溄拥刂?，即src屬性載入網(wǎng)頁(yè)，該網(wǎng)頁(yè)中的內(nèi)容即為被選定的菜單項(xiàng)對(duì)應(yīng)的內(nèi)容。
[0088]在模板文件的作用下，使得菜單類型為浮動(dòng)框的菜單項(xiàng)在菜單界面中對(duì)應(yīng)內(nèi)容顯示區(qū)域的加載速度得到提高，避免了內(nèi)存消耗過(guò)大的現(xiàn)象發(fā)生，此外，也由于菜單項(xiàng)的內(nèi)容是根據(jù)引用鏈接地址載入的，因此在需要對(duì)菜單項(xiàng)的內(nèi)容進(jìn)行變更時(shí)，只需要改變記錄的引用鏈接地址即可，實(shí)現(xiàn)起來(lái)非常簡(jiǎn)易。
[0089]上述網(wǎng)頁(yè)頁(yè)面的刷新裝置將使得單頁(yè)面網(wǎng)頁(yè)應(yīng)用程序，即WbApp的系統(tǒng)菜單每一菜單項(xiàng)對(duì)應(yīng)內(nèi)容的刷新更易于實(shí)現(xiàn)，在菜單配置信息和模板文件的作用下打破了菜單項(xiàng)和內(nèi)容之間緊耦合的情況，可動(dòng)態(tài)地調(diào)整菜單項(xiàng)和內(nèi)容的對(duì)應(yīng)關(guān)系，即輕易實(shí)現(xiàn)菜單項(xiàng)所對(duì)應(yīng)內(nèi)容的變更，也使得多種內(nèi)容載入方式能夠并存。[0090]上述網(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)的菜單類型和相應(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)整。
[0091]本領(lǐng)域普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法中的全部或部分流程，是可以通過(guò)計(jì)算機(jī)程序來(lái)指令相關(guān)的硬件來(lái)完成，所述的程序可存儲(chǔ)于一計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中，該程序在執(zhí)行時(shí)，可包括如上述各方法的實(shí)施例的流程。其中，所述的存儲(chǔ)介質(zhì)可為磁碟、光盤、只讀存儲(chǔ)記憶體(Read-Only Memory, ROM)或隨機(jī)存儲(chǔ)記憶體(Random AccessMemory, RAM)等。
[0092]以上所述實(shí)施例僅表達(dá)了本發(fā)明的幾種實(shí)施方式，其描述較為具體和詳細(xì)，但并不能因此而理解為對(duì)本發(fā)明專利范圍的限制。應(yīng)當(dāng)指出的是，對(duì)于本領(lǐng)域的普通技術(shù)人員來(lái)說(shuō)，在不脫離本發(fā)明構(gòu)思的前提下，還可以做出若干變形和改進(jìn)，這些都屬于本發(fā)明的保護(hù)范圍。因此，本發(fā)明專利的保護(hù)范圍應(yīng)以所附權(quán)利要求為準(zhǔn)。
【權(quán)利要求】
1.一種網(wǎng)頁(yè)頁(yè)面的刷新方法，其特征在于，包括如下步驟: 加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面； 通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)； 根據(jù)所述菜單配置信息得到所述被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和相應(yīng)的模板文件；及 根據(jù)所述模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新所述被選定的菜單項(xiàng)。
2.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)頁(yè)面的刷新方法，其特征在于，所述加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面的步驟包括: 拉取菜單配置信息 '及 遍歷所述菜單配置信息得到菜單類型和菜單參數(shù)，根據(jù)所述菜單類型和菜單參數(shù)對(duì)顯示界面進(jìn)行渲染得到菜單界面以及菜單界面中包含的菜單項(xiàng)。
3.根據(jù)權(quán)利要求2所述的網(wǎng)頁(yè)頁(yè)面的刷新方法，其特征在于，所述根據(jù)所述菜單配置信息得到所述被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和相應(yīng)的模板文件的步驟包括: 判斷所述被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型是否為頁(yè)面； 若是，則從所述菜單配置信息中提取所述菜單項(xiàng)對(duì)應(yīng)的模板文件； 若否，則獲取浮動(dòng)框所屬的模板文件，并將所述被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單參數(shù)設(shè)置為浮動(dòng)框?qū)傩浴?br> 4.根據(jù)權(quán)利要求3所述的網(wǎng)頁(yè)頁(yè)面的刷新方法，其特征在于，所述根據(jù)所述模板文件菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新所述被選定的菜單項(xiàng)在的步驟包括: 實(shí)例化提取得到的模板文件，并利用該模板文件刷新所述被選定的菜單項(xiàng)在菜單界面中對(duì)應(yīng)的顯示區(qū)域。
5.根據(jù)權(quán)利要求3所述的網(wǎng)頁(yè)頁(yè)面的刷新方法，其特征在于，所述根據(jù)所述模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新所述被選定的菜單項(xiàng)的步驟還包括: 實(shí)例化所述浮動(dòng)框所屬的模板文件，向所述被選定的菜單項(xiàng)在菜單界面中對(duì)應(yīng)的顯示區(qū)域載入所述浮動(dòng)框所屬的模板文件，并在所述浮動(dòng)框中通過(guò)浮動(dòng)框?qū)傩灾杏涗浀囊面溄拥刂份d入所述被選定菜單項(xiàng)對(duì)應(yīng)的網(wǎng)頁(yè)。
6.一種網(wǎng)頁(yè)頁(yè)面的刷新裝置，其特征在于，包括: 界面加載模塊，用于加載菜單配置信息，并根據(jù)菜單配置信息渲染得到菜單界面； 選定獲取模塊，用于通過(guò)菜單界面的選定操作得到被選定的菜單項(xiàng)； 處理模塊，用于根據(jù)所述菜單配置信息得到所述被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型和相應(yīng)的模板文件；及 刷新模塊，用于根據(jù)所述模板文件在菜單界面中對(duì)應(yīng)的顯示區(qū)域刷新所述被選定的菜單項(xiàng)。
7.根據(jù)權(quán)利要求6所述的網(wǎng)頁(yè)頁(yè)面的刷新裝置，其特征在于，所述界面加載模塊包括: 拉取單元，用于拉取菜單配置信息 '及 渲染單元，用于遍歷所述菜單配置信息得到菜單類型和菜單參數(shù)，根據(jù)所述菜單類型和菜單參數(shù)對(duì)顯示界面進(jìn)行渲染得到菜單界面以及菜單界面中包含的菜單項(xiàng)。
8.根據(jù)權(quán)利要求7所述的網(wǎng)頁(yè)頁(yè)面的刷新裝置，其特征在于，所述處理模塊包括: 類型判斷單元，用于判斷所述被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單類型是否為頁(yè)面，若是，則通知模板文件提取單元，若否，則通知浮動(dòng)框獲取單元； 所述模板文件提取單元用于從所述菜單配置信息中提取所述菜單項(xiàng)對(duì)應(yīng)的模板文件；及 所述浮動(dòng)框獲取單元用于獲取浮動(dòng)框所屬的模板文件，并將所述被選定的菜單項(xiàng)所對(duì)應(yīng)的菜單參數(shù)設(shè)置為浮動(dòng)框?qū)傩浴?br> 9.根據(jù)權(quán)利要求8所述的網(wǎng)頁(yè)頁(yè)面的刷新裝置，其特征在于，所述刷新模塊還用于實(shí)例化提取得到的模板文件，并利用該模板文件刷新所述被選定的菜單項(xiàng)在菜單界面中對(duì)應(yīng)的顯示區(qū)域。
10.根據(jù)權(quán)利要求8所述的網(wǎng)頁(yè)頁(yè)面的刷新裝置，其特征在于，所述刷新模塊還用于實(shí)例化所述浮動(dòng)框所屬的模板文件，向所述被選定的菜單項(xiàng)在菜單界面中對(duì)應(yīng)的顯示區(qū)域載入所述浮動(dòng)框所屬的模板文件，并在所述浮動(dòng)框中通過(guò)浮動(dòng)框?qū)傩灾杏涗浀囊面溄拥刂份d入所述被選 定菜單項(xiàng)對(duì)應(yīng)的網(wǎng)頁(yè)。
【文檔編號(hào)】G06F3/0482GK103970427SQ201310043650
【公開(kāi)日】2014年8月6日 申請(qǐng)日期:2013年2月4日 優(yōu)先權(quán)日:2013年2月4日
【發(fā)明者】邵帥 申請(qǐng)人:騰訊科技（深圳）有限公司