[發(fā)明專利]實(shí)現(xiàn)業(yè)務(wù)編排的前端組件快速處理方法、系統(tǒng)及計(jì)算機(jī)存儲(chǔ)介質(zhì)

在審

• 申請?zhí)枺?/td>: 202110647868.0
• 申請日: 2021-06-10
• 公開（公告）號(hào): CN113504898A
• 公開（公告）日: 2021-10-15
• 發(fā)明（設(shè)計(jì)）人: 陳波;楊成穎;李成;孫遷
• 申請（專利權(quán)）人: 深圳市云網(wǎng)萬店科技有限公司
• 主分類號(hào): G06F8/30
• 分類號(hào): G06F8/30;G06F8/38;G06F16/958
• 代理公司: 北京市萬慧達(dá)律師事務(wù)所 11111
• 代理人: 黃玉東

1.一種實(shí)現(xiàn)業(yè)務(wù)編排的前端組件快速處理方法，其特征在于，所述方法包括：在前端框架內(nèi)部注入數(shù)據(jù)模型引擎，所述數(shù)據(jù)模型引擎與前端框架進(jìn)行了侵入式的代碼綁定，并通過原生JavaScript語法直接訪問前端框架內(nèi)部，獲取頁面的組件實(shí)例并對組件進(jìn)行操作。

2.根據(jù)權(quán)利要求1所述的前端組件快速處理方法，其特征在于，對所述組件的操作包括如下中的一種或幾種：

修改組件實(shí)例數(shù)據(jù)或內(nèi)容；

監(jiān)聽各組件內(nèi)部事件以管理組件之間的數(shù)據(jù)通信；

從服務(wù)端獲取遠(yuǎn)程數(shù)據(jù)，對頁面進(jìn)行組件渲染；

對頁面中各組件進(jìn)行排列渲染；

動(dòng)態(tài)替換腳本代碼實(shí)現(xiàn)在線調(diào)試。

3.根據(jù)權(quán)利要求2所述的前端組件快速處理方法，其特征在于，獲取頁面的組件實(shí)例包括：將頁面的各渲染組件按照編號(hào)、類型、名稱進(jìn)行統(tǒng)計(jì)歸類，一個(gè)頁面形成一個(gè)options配置數(shù)組，通過所述配置數(shù)組中的編號(hào)、類型或名稱，以選擇對應(yīng)的組件及組件實(shí)例。

4.根據(jù)權(quán)利要求2所述的前端組件快速處理方法，其特征在于，管理組件之間的數(shù)據(jù)通信包括：監(jiān)聽各組件內(nèi)部數(shù)據(jù)是否發(fā)生變化，在某組件內(nèi)部發(fā)出消息事件時(shí)，傳遞給所述數(shù)據(jù)模型引擎，所述數(shù)據(jù)模型引擎接收某組件內(nèi)部發(fā)出事件并觸發(fā)其它關(guān)聯(lián)組件實(shí)例的數(shù)據(jù)更新，其它關(guān)聯(lián)組件對更新的組件實(shí)例添加事件接受方法，完成消息事件的更新。

5.根據(jù)權(quán)利要求2或3所述的前端組件快速處理方法，其特征在于，所述組件的排列包括：組件的創(chuàng)建、刪除、前后排序。

6.根據(jù)權(quán)利要求2或3所述的前端組件快速處理方法，其特征在于，從服務(wù)端獲取遠(yuǎn)程數(shù)據(jù)，對頁面進(jìn)行組件渲染的過程包括：通過數(shù)據(jù)模型引擎?zhèn)鬟f請求參數(shù)，選取對應(yīng)的組件實(shí)例，將接口數(shù)據(jù)直接賦值給組件實(shí)例內(nèi)的字段，實(shí)現(xiàn)頁面組件的渲染。

7.根據(jù)權(quán)利要求1所述的前端組件快速處理方法，其特征在于，所述的前端頁面框架包括react、vue、angular。

8.一種實(shí)現(xiàn)業(yè)務(wù)編排的前端組件快速處理系統(tǒng)，其特征在于，所述系統(tǒng)包括：數(shù)據(jù)模型引擎，所述數(shù)據(jù)模型引擎提前注入在前端框架內(nèi)部并與前端框架內(nèi)部的代碼進(jìn)行了侵入式的綁定，通過原生JavaScript語法直接訪問前端框架內(nèi)部，獲取頁面的組件實(shí)例并對組件進(jìn)行操作。

9.如權(quán)利要求8所述的前端組件快速處理系統(tǒng)，其特征在于，所述數(shù)據(jù)模型引擎包括：組件選擇器、事件管理器、數(shù)據(jù)請求庫和組件排列器，其中，所述組件選擇器用于根據(jù)組件的數(shù)據(jù)格式快速獲取組件實(shí)例，所述事件管理器用于監(jiān)聽管理頁面中各組件間的數(shù)據(jù)通信，所述數(shù)據(jù)請求庫用于和服務(wù)的進(jìn)行數(shù)據(jù)交互；所述組件排列器用于在頁面中排列渲染的組件。

10.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序，其特征在于，所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)權(quán)利要求1至7中任一項(xiàng)所述方法的操作步驟。