[發(fā)明專利]頁(yè)面顯示方法、裝置、電子設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)

在審

• 申請(qǐng)?zhí)枺?/td>: 202210219313.0
• 申請(qǐng)日: 2022-03-08
• 公開（公告）號(hào): CN114637937A
• 公開（公告）日: 2022-06-17
• 發(fā)明（設(shè)計(jì)）人: 陳娜;李建偉;孫永良;陳維強(qiáng)
• 申請(qǐng)（專利權(quán)）人: 青島海信網(wǎng)絡(luò)科技股份有限公司
• 主分類號(hào): G06F16/957
• 分類號(hào): G06F16/957;G06F16/958
• 代理公司: 北京同達(dá)信恒知識(shí)產(chǎn)權(quán)代理有限公司 11291
• 代理人: 張愷寧

本發(fā)明實(shí)施例提供一種頁(yè)面顯示方法、裝置、電子設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其中所述方法包括：獲取待顯示的超文本標(biāo)記語(yǔ)言HTML文件，其中所述HTML文件中包括基礎(chǔ)頁(yè)面和嵌套于所述基礎(chǔ)頁(yè)面中的至少一個(gè)待渲染模塊；渲染所述基礎(chǔ)頁(yè)面后，對(duì)任一個(gè)待渲染模塊，確定滿足所述待渲染模塊的渲染條件時(shí)，根據(jù)所述待渲染模塊的第一屬性調(diào)用對(duì)應(yīng)的已注冊(cè)的組件，根據(jù)所述待渲染模塊的第二屬性將所述組件實(shí)例化，并對(duì)實(shí)例化后的組件進(jìn)行渲染；其中，所述組件是在所述組件實(shí)例化之前通過(guò)所述組件的名稱或文件路徑進(jìn)行注冊(cè)的。從而實(shí)現(xiàn)組件靈活擴(kuò)展和使用，提升前端頁(yè)面的開發(fā)和維護(hù)效率。

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

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤指一種頁(yè)面顯示方法、裝置、電子設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)。

背景技術(shù)

在日常的頁(yè)面開發(fā)過(guò)程中，為了減少代碼冗余量，提高開發(fā)效率，都會(huì)考慮到使用組件化思想：對(duì)于相同或者相似頁(yè)面元素，往往都是將該頁(yè)面元素組件化，對(duì)于不同的前框框架而言引入和使用方式皆有不同，傳統(tǒng)方式使用過(guò)程中，都需要在各頁(yè)面中單獨(dú)引入并注冊(cè)才可以使用，在組件粒度較小的情況下，需注冊(cè)多次，并且不能夠靈活的修改和更新組件，尤其是碰到頁(yè)面信息比較大的頁(yè)面，加載時(shí)會(huì)非常占用時(shí)間，頁(yè)面呈現(xiàn)效果不佳，用戶體驗(yàn)差；頁(yè)面中包含多個(gè)不同組件時(shí)，傳統(tǒng)的靜態(tài)定義和注冊(cè)方式，雖然代碼上看上去比較整齊，但是不能夠靈活配置，在業(yè)務(wù)需求變更，需要增減或者更改組件時(shí)需要到也頁(yè)面將多余和無(wú)用的組件刪除，再將新的需求組件引入和注冊(cè)，如此維護(hù)比較耗時(shí)且容易搞混。

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

本發(fā)明實(shí)施例提供一種頁(yè)面顯示方法、裝置、電子設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，用以提高前端頁(yè)面的開發(fā)效率與降低維護(hù)難度。

本發(fā)明實(shí)施例提供了一種頁(yè)面顯示方法，包括：

獲取待顯示的超文本標(biāo)記語(yǔ)言HTML文件，其中所述HTML文件中包括基礎(chǔ)頁(yè)面和嵌套于所述基礎(chǔ)頁(yè)面中的至少一個(gè)待渲染模塊；

渲染所述基礎(chǔ)頁(yè)面后，對(duì)任一個(gè)待渲染模塊，確定滿足所述待渲染模塊的渲染條件時(shí)，根據(jù)所述待渲染模塊的第一屬性調(diào)用對(duì)應(yīng)的已注冊(cè)的組件，根據(jù)所述待渲染模塊的第二屬性將所述組件實(shí)例化，并對(duì)實(shí)例化后的組件進(jìn)行渲染；

其中，所述組件是在所述組件實(shí)例化之前通過(guò)所述組件的名稱或文件路徑進(jìn)行注冊(cè)的。

可選地，通過(guò)如下方式對(duì)所述組件進(jìn)行注冊(cè)：

若成功獲得到所述組件的名稱，則通過(guò)所述組件的名稱對(duì)所述組件進(jìn)行注冊(cè)；

若未成功獲取到所述組件的名稱，則通過(guò)所述組件的文件路徑對(duì)所述組件進(jìn)行注冊(cè)。

可選地，所述組件是根據(jù)HTML文件中設(shè)置的中間文件的名稱和文件路徑，調(diào)用對(duì)應(yīng)的中間文件后，根據(jù)所述中間文件中的注冊(cè)指令指示的組件的名稱或文件路徑注冊(cè)的。

可選地，所述已注冊(cè)的組件是在外部配置文件中定義的組件。

可選地，所述待渲染模塊的渲染條件包括所述待渲染模塊對(duì)應(yīng)的預(yù)設(shè)事件被觸發(fā)。

可選地，根據(jù)所述待渲染模塊的設(shè)置屬性將所述組件實(shí)例化，包括：

通過(guò)prop函數(shù)將所述待渲染模塊的設(shè)置屬性的數(shù)據(jù)傳遞給所述組件，以實(shí)現(xiàn)所述組件的實(shí)例化。

可選地，所述組件通過(guò)工廠函數(shù)定義。

基于同一發(fā)明構(gòu)思，本發(fā)明實(shí)施例還提供了一種頁(yè)面顯示裝置，包括：

加載模塊，用于獲取待顯示的超文本標(biāo)記語(yǔ)言HTML文件，其中所述HTML文件中包括基礎(chǔ)頁(yè)面和嵌套于所述基礎(chǔ)頁(yè)面中的至少一個(gè)待渲染模塊；

渲染模塊，用于渲染所述基礎(chǔ)頁(yè)面后，對(duì)任一個(gè)待渲染模塊，確定滿足所述待渲染模塊的渲染條件時(shí)，根據(jù)所述待渲染模塊的第一屬性調(diào)用對(duì)應(yīng)的已注冊(cè)的組件，根據(jù)所述待渲染模塊的第二屬性將所述組件實(shí)例化，并對(duì)實(shí)例化后的組件進(jìn)行渲染；