[發(fā)明專利]可視化頁(yè)面配置方法、系統(tǒng)、計(jì)算機(jī)設(shè)備和存儲(chǔ)介質(zhì)

在審

• 申請(qǐng)?zhí)枺?/td>: 202010906228.2
• 申請(qǐng)日: 2020-09-01
• 公開（公告）號(hào): CN111984902A
• 公開（公告）日: 2020-11-24
• 發(fā)明（設(shè)計(jì)）人: 周濤
• 申請(qǐng)（專利權(quán)）人: 平安養(yǎng)老保險(xiǎn)股份有限公司
• 主分類號(hào): G06F16/958
• 分類號(hào): G06F16/958
• 代理公司: 北京英特普羅知識(shí)產(chǎn)權(quán)代理有限公司 11015
• 代理人: 王勇

1.一種可視化頁(yè)面配置方法，其特征在于，所述方法包括：

通過(guò)可視化配置頁(yè)面接收用戶指令，所述用戶指令包括頁(yè)面創(chuàng)建指令、組件配置指令、樣式配置指令和配置完成指令；

根據(jù)所述頁(yè)面創(chuàng)建指令創(chuàng)建目標(biāo)預(yù)覽頁(yè)面；

根據(jù)所述組件配置指令將預(yù)先配置的至少一個(gè)頁(yè)面組件添加到所述目標(biāo)預(yù)覽頁(yè)面中；

根據(jù)所述樣式配置指令對(duì)所述目標(biāo)預(yù)覽頁(yè)面進(jìn)行頁(yè)面樣式修改；

根據(jù)所述配置完成指令確定所述目標(biāo)預(yù)覽頁(yè)面對(duì)應(yīng)的跳轉(zhuǎn)方式，并根據(jù)所述目標(biāo)預(yù)覽頁(yè)面和所述目標(biāo)預(yù)覽頁(yè)面對(duì)應(yīng)的跳轉(zhuǎn)方式生成目標(biāo)鏈接；及

將所述目標(biāo)鏈接分享到對(duì)應(yīng)的客戶端。

2.如權(quán)利要求1所述的可視化頁(yè)面配置方法，其特征在于，所述頁(yè)面創(chuàng)建指令攜帶有當(dāng)前目標(biāo)應(yīng)用場(chǎng)景信息；

所述根據(jù)所述組件配置指令創(chuàng)建目標(biāo)預(yù)覽頁(yè)面，包括：

根據(jù)所述頁(yè)面創(chuàng)建指令從預(yù)先配置的多個(gè)預(yù)覽頁(yè)面中，確定與所述當(dāng)前目標(biāo)應(yīng)用場(chǎng)景信息對(duì)應(yīng)的目標(biāo)預(yù)覽頁(yè)面。

3.如權(quán)利要求2所述的可視化頁(yè)面配置方法，其特征在于，還包括預(yù)先配置所述多個(gè)預(yù)覽頁(yè)面的步驟：

預(yù)先獲取多個(gè)應(yīng)用場(chǎng)景；

確定每個(gè)應(yīng)用場(chǎng)景對(duì)應(yīng)的瀏覽頁(yè)面，及確定所述瀏覽頁(yè)面對(duì)應(yīng)的初始頁(yè)面樣式；及

根據(jù)所述瀏覽頁(yè)面和所述瀏覽頁(yè)面對(duì)應(yīng)的初始頁(yè)面樣式，為每個(gè)應(yīng)用場(chǎng)景配置一個(gè)對(duì)應(yīng)的預(yù)覽頁(yè)面，以得到所述多個(gè)預(yù)覽頁(yè)面。

4.如權(quán)利要求1所述的可視化頁(yè)面配置方法，其特征在于，所述根據(jù)所述組件配置指令將預(yù)先配置的至少一個(gè)頁(yè)面組件添加到所述目標(biāo)預(yù)覽頁(yè)面中，包括：

根據(jù)所述組件配置指令通過(guò)拖拽的方式將所述頁(yè)面組件添加到所述目標(biāo)預(yù)覽頁(yè)面中，以使頁(yè)面組件配置效果可以在預(yù)覽頁(yè)面中實(shí)現(xiàn)實(shí)時(shí)觀看，即所見所得。

5.如權(quán)利要求1所述的可視化頁(yè)面配置方法，其特征在于，還包括為所述目標(biāo)預(yù)覽頁(yè)面配置組件關(guān)系樹的步驟：

獲取所述目標(biāo)預(yù)覽頁(yè)面中的每個(gè)頁(yè)面組件對(duì)應(yīng)的組件對(duì)象數(shù)據(jù)，以得到多個(gè)組件對(duì)象數(shù)據(jù)，其中，每個(gè)頁(yè)面組件對(duì)應(yīng)一個(gè)組件對(duì)象數(shù)據(jù)；

根據(jù)所述多個(gè)組件對(duì)象數(shù)據(jù)多個(gè)構(gòu)建組件DOM結(jié)構(gòu)；

對(duì)所述組件DOM結(jié)構(gòu)進(jìn)行可視化處理，以生成組件關(guān)系樹；及

將所述組件關(guān)系樹添加到所述目標(biāo)預(yù)覽頁(yè)面中。

6.如權(quán)利要求5所述的可視化頁(yè)面配置方法，其特征在于，所述組件對(duì)象數(shù)據(jù)包括組件層級(jí)關(guān)系結(jié)構(gòu)數(shù)據(jù)和組件屬性數(shù)據(jù)；

所述根據(jù)所述多個(gè)組件對(duì)象數(shù)據(jù)多個(gè)構(gòu)建組件DOM結(jié)構(gòu)，包括：

對(duì)每個(gè)組件層級(jí)關(guān)系結(jié)構(gòu)數(shù)據(jù)和每個(gè)組件屬性數(shù)據(jù)進(jìn)行解析操作，以得到各個(gè)頁(yè)面組件之間的父子層級(jí)結(jié)構(gòu)和每個(gè)頁(yè)面組件的屬性值；

根據(jù)各個(gè)頁(yè)面組件之間的父子層級(jí)結(jié)構(gòu)構(gòu)建初始DOM結(jié)構(gòu)；及

將所述每個(gè)頁(yè)面組件的屬性值添加到初始DOM結(jié)構(gòu)，以得到所述組件DOM結(jié)構(gòu)。

7.如權(quán)利要求1所述的可視化頁(yè)面配置方法，其特征在于，還包括：將所述目標(biāo)鏈接上傳到區(qū)塊鏈中。

8.一種可視化頁(yè)面配置系統(tǒng)，其特征在于，包括：

接收模塊，用于通過(guò)可視化配置頁(yè)面接收用戶指令，所述用戶指令包括頁(yè)面創(chuàng)建指令、組件配置指令、樣式配置指令和配置完成指令；

創(chuàng)建模塊，用于根據(jù)所述頁(yè)面創(chuàng)建指令創(chuàng)建目標(biāo)預(yù)覽頁(yè)面；

添加模塊，用于根據(jù)所述組件配置指令將預(yù)先配置的至少一個(gè)頁(yè)面組件添加到所述目標(biāo)預(yù)覽頁(yè)面中；

修改模塊，用于根據(jù)所述樣式配置指令修改所述目標(biāo)預(yù)覽頁(yè)面的頁(yè)面樣式；

生成模塊，用于根據(jù)所述配置完成指令確定所述目標(biāo)預(yù)覽頁(yè)面對(duì)應(yīng)的跳轉(zhuǎn)方式，并根據(jù)所述目標(biāo)預(yù)覽頁(yè)面和所述目標(biāo)預(yù)覽頁(yè)面對(duì)應(yīng)的跳轉(zhuǎn)方式生成目標(biāo)鏈接；及

分享模塊，用于將所述目標(biāo)鏈接分享到對(duì)應(yīng)的客戶端。

9.一種計(jì)算機(jī)設(shè)備，所述計(jì)算機(jī)設(shè)備包括存儲(chǔ)器、處理器及存儲(chǔ)在所述存儲(chǔ)器上并可在所述處理器上運(yùn)行的計(jì)算機(jī)程序，其特征在于，所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)如權(quán)利要求1至7中任一項(xiàng)所述的可視化頁(yè)面配置方法的步驟。

10.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其特征在于，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)內(nèi)存儲(chǔ)有計(jì)算機(jī)程序，所述計(jì)算機(jī)程序可被至少一個(gè)處理器所執(zhí)行，以使所述至少一個(gè)處理器執(zhí)行如權(quán)利要求1至7中任一項(xiàng)所述的可視化頁(yè)面配置方法的步驟。