[發(fā)明專利]可視化網(wǎng)頁(yè)編輯方法、系統(tǒng)、設(shè)備及存儲(chǔ)介質(zhì)

在審

• 申請(qǐng)?zhí)枺?/td>: 201811103074.2
• 申請(qǐng)日: 2018-09-20
• 公開(kāi)（公告）號(hào): CN109299422A
• 公開(kāi)（公告）日: 2019-02-01
• 發(fā)明（設(shè)計(jì)）人: 王坤明;魏明圓;潘阿茹
• 申請(qǐng)（專利權(quán)）人: 江蘇滿運(yùn)軟件科技有限公司
• 主分類號(hào): G06F16/958
• 分類號(hào): G06F16/958;G06F8/34;G06F8/38
• 代理公司: 上海隆天律師事務(wù)所 31282
• 代理人: 臧云霄;鐘宗

1.一種可視化網(wǎng)頁(yè)編輯方法，其特征在于，包括以下步驟：

當(dāng)接收到網(wǎng)頁(yè)編輯的請(qǐng)求，創(chuàng)建空頁(yè)面和所述空頁(yè)面的數(shù)據(jù)結(jié)構(gòu)，所述空頁(yè)面包括預(yù)覽界面以及操作界面，所述操作界面設(shè)有多個(gè)可供拖移到所述預(yù)覽界面的候選組件；

當(dāng)自所述操作界面的候選組件向所述預(yù)覽界面添加組件，通過(guò)組件配置模塊構(gòu)建所述預(yù)覽界面的組件樹(shù)；

當(dāng)修改所述組件的位置、大小并配置組件參數(shù)，同步所述組件參數(shù)到組件；

當(dāng)添加腳本的請(qǐng)求，通過(guò)腳本模塊綁定腳本代碼和數(shù)據(jù)到組件；

當(dāng)接收到保存的請(qǐng)求，保存組件樹(shù)結(jié)構(gòu)到服務(wù)器；以及

當(dāng)獲取網(wǎng)頁(yè)鏈接進(jìn)行展示傳播，獲取組件樹(shù)數(shù)據(jù)，通過(guò)渲染器模塊渲染頁(yè)面。

2.如權(quán)利要求1所述的可視化網(wǎng)頁(yè)編輯方法，其特征在于，所述組件樹(shù)由多個(gè)組件按照倒置樹(shù)狀結(jié)構(gòu)來(lái)組織，形成組件樹(shù)。

3.如權(quán)利要求1所述的可視化網(wǎng)頁(yè)編輯方法，其特征在于，所述操作界面的所述候選組件可添加。

4.如權(quán)利要求1所述的可視化網(wǎng)頁(yè)編輯方法，其特征在于，所述組件都開(kāi)放有相應(yīng)參數(shù)，修改所述組件的位置、大小并配置組件參數(shù)，同步所述組件參數(shù)到組件。

5.如權(quán)利要求1所述的可視化網(wǎng)頁(yè)編輯方法，其特征在于，所述組件配置模塊配置組件參數(shù)并同步到組件樹(shù)數(shù)據(jù)中。

6.如權(quán)利要求1所述的可視化網(wǎng)頁(yè)編輯方法，其特征在于，所述腳本模塊包括功能擴(kuò)展腳本和自定義腳本。

7.如權(quán)利要求1所述的可視化網(wǎng)頁(yè)編輯方法，其特征在于，所述渲染器將組件樹(shù)數(shù)據(jù)生成為網(wǎng)頁(yè)，先通過(guò)頁(yè)面的id獲取組件樹(shù)數(shù)據(jù)，然后遞歸生成所有組件，并為組件傳入?yún)?shù)、混入腳本，最終生成網(wǎng)頁(yè)，并提供對(duì)應(yīng)于頁(yè)面id的網(wǎng)頁(yè)地址，供展示傳播。

8.如權(quán)利要求1所述的可視化網(wǎng)頁(yè)編輯方法，其特征在于，所述渲染器還工作于可視化編輯過(guò)程，實(shí)時(shí)呈現(xiàn)預(yù)覽效果。

9.一種可視化網(wǎng)頁(yè)編輯系統(tǒng)，用于實(shí)現(xiàn)權(quán)利要求1至8任一項(xiàng)所述的可視化網(wǎng)頁(yè)編輯方法，其特征在于，包括：

候選組件模塊，當(dāng)接收到網(wǎng)頁(yè)編輯的請(qǐng)求，創(chuàng)建空頁(yè)面和所述空頁(yè)面的數(shù)據(jù)結(jié)構(gòu)，所述空頁(yè)面包括預(yù)覽界面以及操作界面，所述操作界面設(shè)有多個(gè)可供拖移到所述預(yù)覽界面的候選組件；

組件樹(shù)模塊，當(dāng)自所述操作界面的候選組件向所述預(yù)覽界面添加組件，構(gòu)建所述預(yù)覽界面的組件樹(shù)；

組件配置模塊，當(dāng)修改所述組件的位置、大小并配置組件參數(shù)，同步所述組件參數(shù)到組件；

腳本模塊，當(dāng)添加腳本的請(qǐng)求，綁定腳本代碼和數(shù)據(jù)到組件；

保存模塊，當(dāng)接收到保存的請(qǐng)求，保存組件樹(shù)結(jié)構(gòu)到服務(wù)器；

渲染器模塊，當(dāng)獲取網(wǎng)頁(yè)鏈接進(jìn)行展示傳播，獲取組件樹(shù)數(shù)據(jù)，渲染頁(yè)面。

10.如權(quán)利要求9所述的可視化網(wǎng)頁(yè)編輯系統(tǒng)，其特征在于，所述組件樹(shù)由多個(gè)組件按照倒置樹(shù)狀結(jié)構(gòu)來(lái)組織，形成組件樹(shù)。

11.如權(quán)利要求9所述的可視化網(wǎng)頁(yè)編輯系統(tǒng)，其特征在于，所述操作界面的所述候選組件可添加。

12.如權(quán)利要求9所述的可視化網(wǎng)頁(yè)編輯系統(tǒng)，其特征在于，所述組件都開(kāi)放有相應(yīng)參數(shù)，修改所述組件的位置、大小并配置組件參數(shù)，同步所述組件參數(shù)到組件。

13.如權(quán)利要求9所述的可視化網(wǎng)頁(yè)編輯系統(tǒng)，其特征在于，所述組件配置模塊配置組件參數(shù)并同步到組件樹(shù)數(shù)據(jù)中。

14.一種可視化網(wǎng)頁(yè)編輯設(shè)備，其特征在于，包括：

處理器；

存儲(chǔ)器，其中存儲(chǔ)有所述處理器的可執(zhí)行指令；

其中，所述處理器配置為經(jīng)由執(zhí)行所述可執(zhí)行指令來(lái)執(zhí)行權(quán)利要求1至8中任意一項(xiàng)所述可視化網(wǎng)頁(yè)編輯方法的步驟。

15.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，用于存儲(chǔ)程序，其特征在于，所述程序被執(zhí)行時(shí)實(shí)現(xiàn)權(quán)利要求1至8中任意一項(xiàng)所述可視化網(wǎng)頁(yè)編輯方法的步驟。