[發(fā)明專利]一種前端配置方法、系統(tǒng)及電子設(shè)備

在審

• 申請(qǐng)?zhí)枺?/td>: 201911313881.1
• 申請(qǐng)日: 2019-12-19
• 公開（公告）號(hào): CN111124477A
• 公開（公告）日: 2020-05-08
• 發(fā)明（設(shè)計(jì)）人: 孟繁超;梁廣瑋;楊波
• 申請(qǐng)（專利權(quán)）人: 華云數(shù)據(jù)有限公司
• 主分類號(hào): G06F8/71
• 分類號(hào): G06F8/71;G06F8/36
• 代理公司: 蘇州友佳知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 32351
• 代理人: 儲(chǔ)振

1.一種前端配置方法，其特征在于，包括以下步驟：

S1、預(yù)先在組件庫中定義出包含屬性配置的組件配置；

S2、通過嵌套前端編輯器的前端編輯頁面接收前端配置業(yè)務(wù)請(qǐng)求，自組件庫獲取與組件配置匹配的組件；

S3、前端編輯頁面中使用高階組件調(diào)用后端服務(wù)資源庫中與所述組件匹配的頁面配置數(shù)據(jù)，渲染形成前端。

2.根據(jù)權(quán)利要求1所述的前端配置方法，其特征在于，所述步驟S1中的組件配置包括組件的屬性和方法。

3.根據(jù)權(quán)利要求1所述的前端配置方法，其特征在于，所述步驟S2中自組件庫獲取與組件配置匹配的組件之后，還包括：

對(duì)與組件配置匹配的組件予以可視化展示。

4.根據(jù)權(quán)利要求1所述的前端配置方法，其特征在于，所述前端編輯器選自ATOM編輯器、Brackets編輯器、Hbuilder編輯器、WebStorm編輯器或者VS Code編輯器。

5.根據(jù)權(quán)利要求1所述的前端配置方法，其特征在于，所述步驟S3具體為：在前端編輯頁面中使用高階組件調(diào)用后端服務(wù)資源庫中與組件所對(duì)應(yīng)的后端服務(wù)名稱、地址或者端口信息中至少一種描述對(duì)象，以在后端服務(wù)資源庫查找是否存在與組件匹配的頁面配置數(shù)據(jù)；

若存在，由高階組件調(diào)用并運(yùn)行后端服務(wù)名稱、地址以及端口信息所展現(xiàn)的頁面配置數(shù)據(jù)，渲染形成前端；

若不存在，由后端服務(wù)資源庫通知高階組件觸發(fā)配置信息錯(cuò)誤定義事件。

6.根據(jù)權(quán)利要求5所述的前端配置方法，其特征在于，當(dāng)前端編輯頁面接收至少兩個(gè)前端配置業(yè)務(wù)請(qǐng)求時(shí)，使用高階組件通過反向繼承方式復(fù)用多個(gè)前端配置業(yè)務(wù)請(qǐng)求中所包含的至少一個(gè)屬性和/或函數(shù)，調(diào)用后端服務(wù)資源庫中與所述組件相匹配的頁面配置數(shù)據(jù)。

7.根據(jù)權(quán)利要求6所述的前端配置方法，其特征在于，由后端服務(wù)資源庫通知高階組件觸發(fā)配置信息錯(cuò)誤定義事件包括：告警事件、通知提醒事件、對(duì)話框事件、文本提示框事件、標(biāo)簽彈出事件、全局提示事件。

8.根據(jù)權(quán)利要求5至7中任一項(xiàng)所述的前端配置方法，其特征在于，當(dāng)后端服務(wù)資源庫存在與組件匹配的頁面配置數(shù)據(jù)時(shí)，高階組件觸發(fā)根據(jù)組件的組件配置對(duì)與前端配置業(yè)務(wù)請(qǐng)求所對(duì)應(yīng)的頁面配置執(zhí)行二次編輯事件，所述二次編輯事件包括：排序事件、篩選事件或者刪除事件。

9.根據(jù)權(quán)利要求8所述的前端配置方法，其特征在于，根據(jù)組件的組件配置執(zhí)行配置信息錯(cuò)誤定義和/或頁面配置數(shù)據(jù)的二次編輯后還包括：

對(duì)未執(zhí)行的前端配置業(yè)務(wù)請(qǐng)求，通過高階組件以反向繼承方式復(fù)用已經(jīng)被執(zhí)行的前端配置業(yè)務(wù)請(qǐng)求中所包含的至少一個(gè)屬性和/或函數(shù)，然后調(diào)用后端服務(wù)資源庫中與所述組件匹配的頁面配置數(shù)據(jù)，渲染形成前端。

10.根據(jù)權(quán)利要求1所述的前端配置方法，其特征在于，所述組件庫中的組件配置對(duì)高階組件予以暴露。

11.一種前端配置系統(tǒng)，其特征在于，包括：

業(yè)務(wù)需求配置模塊，組件庫，渲染模塊，高階組件及后端服務(wù)資源庫；

業(yè)務(wù)需求配置模塊接收前端配置請(qǐng)求，組件庫保存被預(yù)先定義出的包含屬性配置的組件配置，通過嵌套前端編輯器的前端編輯頁面接收前端配置業(yè)務(wù)請(qǐng)求，自組件庫獲取與組件配置匹配的組件，前端編輯頁面中使用高階組件調(diào)用后端服務(wù)資源庫中與所述組件匹配的頁面配置數(shù)據(jù)，通過渲染模塊渲染形成前端。

12.根據(jù)權(quán)利要求11所述的前端配置系統(tǒng)，其特征在于，所述前端編輯頁面形成于業(yè)務(wù)需求配置模塊所形成的可視化界面中，所述組件庫中的組件配置對(duì)高階組件予以暴露。

13.一種電子設(shè)備，其特征在于，包括：

至少一個(gè)處理器，至少一個(gè)存儲(chǔ)器，總線和I/O設(shè)備；所述處理器和存儲(chǔ)器及I/O設(shè)備通過所述總線完成相互間的通信；所述存儲(chǔ)器存儲(chǔ)有可被所述處理器執(zhí)行的程序指令，所述處理器調(diào)用所述程序指令能夠執(zhí)行如權(quán)利要求1至10中任一所述的前端配置方法。