[發(fā)明專利]一種頁(yè)面生成方法、裝置、設(shè)備以及計(jì)算機(jī)存儲(chǔ)介質(zhì)

在審

• 申請(qǐng)?zhí)枺?/td>: 202110302144.2
• 申請(qǐng)日: 2021-03-22
• 公開(kāi)（公告）號(hào): CN113076099A
• 公開(kāi)（公告）日: 2021-07-06
• 發(fā)明（設(shè)計(jì)）人: 曾勝福
• 申請(qǐng)（專利權(quán)）人: 深圳市金蟻云數(shù)字科技有限公司
• 主分類號(hào): G06F8/36
• 分類號(hào): G06F8/36;G06F8/38;G06F9/445
• 代理公司: 北京市浩天知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11276
• 代理人: 王廣濤

本發(fā)明實(shí)施例涉及計(jì)算機(jī)處理技術(shù)領(lǐng)域，公開(kāi)了一種頁(yè)面生成方法、裝置、設(shè)備以及計(jì)算機(jī)存儲(chǔ)介質(zhì)，該方法包括：獲取頁(yè)面生成請(qǐng)求，頁(yè)面生成請(qǐng)求中包括待展示頁(yè)面內(nèi)容以及目標(biāo)樣式標(biāo)識(shí)；通過(guò)目標(biāo)子組件將目標(biāo)樣式標(biāo)識(shí)發(fā)送至父組件，以調(diào)用樣式設(shè)置方法；樣式設(shè)置方法用于根據(jù)目標(biāo)樣式標(biāo)識(shí)從多個(gè)備選頁(yè)面樣式中確定對(duì)應(yīng)的目標(biāo)頁(yè)面樣式；獲取父組件返回的備選頁(yè)面樣式作為目標(biāo)頁(yè)面樣式；根據(jù)目標(biāo)頁(yè)面樣式和待展示頁(yè)面內(nèi)容生成目標(biāo)頁(yè)面。通過(guò)上述方式，本發(fā)明實(shí)施例提高了頁(yè)面的生成效率。

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

本發(fā)明實(shí)施例涉及軟件技術(shù)領(lǐng)域，具體涉及一種頁(yè)面生成方法、裝置、設(shè)備以及計(jì)算機(jī)存儲(chǔ)介質(zhì)。

背景技術(shù)

在web前端進(jìn)行用戶界面展示時(shí)，為了提高用戶的頁(yè)面瀏覽和閱讀體驗(yàn)，同一頁(yè)面針對(duì)不同的瀏覽需求如打印或預(yù)覽詳情等，需要為用戶為該頁(yè)面內(nèi)容在各種場(chǎng)景下適配不同的頁(yè)面樣式，從而將該頁(yè)面在不同場(chǎng)景下進(jìn)行展示。

而現(xiàn)有技術(shù)中針對(duì)上述不同場(chǎng)景下的相同頁(yè)面內(nèi)容，要實(shí)現(xiàn)提供多種樣式進(jìn)行展示，一般需要針對(duì)不同的樣式分別對(duì)應(yīng)編寫(xiě)一套代碼，即頁(yè)面A在樣式1、樣式2以及樣式3下分別對(duì)應(yīng)于一套代碼，這樣做一方面增加了前端頁(yè)面的開(kāi)發(fā)工作量，另一方面在需要對(duì)頁(yè)面在某個(gè)場(chǎng)景下的樣式進(jìn)行修改時(shí)，需要對(duì)該樣式對(duì)應(yīng)的頁(yè)面代碼進(jìn)行重新編寫(xiě)。上述問(wèn)題都導(dǎo)致目前頁(yè)面生成的效率較低。

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

鑒于上述問(wèn)題，本發(fā)明實(shí)施例提供了一種頁(yè)面生成方法、裝置、設(shè)備以及計(jì)算機(jī)存儲(chǔ)介質(zhì)，用于解決現(xiàn)有技術(shù)中存在的頁(yè)面生成效率較低的問(wèn)題。

根據(jù)本發(fā)明實(shí)施例的一個(gè)方面，提供了一種頁(yè)面生成方法，所述方法應(yīng)用于一目標(biāo)子組件，所述目標(biāo)子組件嵌套在預(yù)設(shè)父組件中，所述父組件中包括多個(gè)備選頁(yè)面樣式和樣式設(shè)置方法，所述方法包括：

獲取頁(yè)面生成請(qǐng)求，所述頁(yè)面生成請(qǐng)求中包括待展示頁(yè)面內(nèi)容以及目標(biāo)樣式標(biāo)識(shí)；

通過(guò)所述目標(biāo)子組件將所述目標(biāo)樣式標(biāo)識(shí)發(fā)送至所述父組件，以調(diào)用所述樣式設(shè)置方法；所述樣式設(shè)置方法用于根據(jù)所述目標(biāo)樣式標(biāo)識(shí)從多個(gè)備選頁(yè)面樣式中確定對(duì)應(yīng)的目標(biāo)頁(yè)面樣式；

獲取所述父組件返回的備選頁(yè)面樣式作為目標(biāo)頁(yè)面樣式；

根據(jù)所述目標(biāo)頁(yè)面樣式和所述待展示頁(yè)面內(nèi)容生成目標(biāo)頁(yè)面。

在一種可選的方式中，所述父組件為Provider組件，所述目標(biāo)子組件為Consumer組件；所述方法還包括：

在React框架中創(chuàng)建所述Provider組件及所述Consumer組件；

將所述Consumer組件嵌套在所述Provider組件之下；

在所述Provider組件中存儲(chǔ)所述多個(gè)備選頁(yè)面樣式和各個(gè)所述備選頁(yè)面樣式對(duì)應(yīng)的備選樣式標(biāo)識(shí)；

創(chuàng)建所述樣式設(shè)置方法，將所述樣式設(shè)置方法存儲(chǔ)到所述Provider組件中。

在一種可選的方式中，所述Provider組件中包括第一對(duì)象，所述第一對(duì)象用于存儲(chǔ)所述Provider組件與所述Consumer之間的可共享數(shù)據(jù)，所述可共享數(shù)據(jù)為所述Provider組件對(duì)應(yīng)的組件狀態(tài)屬性；所述方法還包括：

將所述多個(gè)備選頁(yè)面樣式和各個(gè)所述備選頁(yè)面樣式對(duì)應(yīng)的備選樣式標(biāo)識(shí)存儲(chǔ)在所述組件狀態(tài)屬性中。

在一種可選的方式中，所述方法還包括：

將所述目標(biāo)樣式標(biāo)識(shí)與所述備選樣式標(biāo)識(shí)進(jìn)行匹配；

若存在匹配，獲取匹配到的備選樣式標(biāo)識(shí)對(duì)應(yīng)的備選頁(yè)面樣式。

在一種可選的方式中，所述樣式設(shè)置方法中還包括第一變量，所述第一變量用于存儲(chǔ)所述Consumer組件對(duì)應(yīng)的默認(rèn)樣式標(biāo)識(shí)，所述方法還包括：

確定所述目標(biāo)樣式標(biāo)識(shí)與所述第一變量是否匹配；