[發(fā)明專利]一種低代碼頁面創(chuàng)建方法、裝置、設(shè)備及介質(zhì)

在審

• 申請?zhí)枺?/td>: 202210576247.2
• 申請日: 2022-05-25
• 公開（公告）號: CN114860240A
• 公開（公告）日: 2022-08-05
• 發(fā)明（設(shè)計）人: 胡晶;程從業(yè)
• 申請（專利權(quán)）人: 杭州安恒信息技術(shù)股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/34;G06F3/0486;G06F16/957
• 代理公司: 北京集佳知識產(chǎn)權(quán)代理有限公司 11227
• 代理人: 呂鑫

1.一種低代碼頁面創(chuàng)建方法，其特征在于，包括：

通過低代碼平臺中的微前端基座加載第一子應用；所述微前端基座為基于所述低代碼平臺中除頁面設(shè)計器外的剩余組件構(gòu)建的基座，所述第一子應用為通過所述微前端基座對所述頁面設(shè)計器中的組件倉庫和配置模塊進行注冊后得到的子應用；

在所述低代碼平臺的應用編輯界面上通過所述微前端基座加載第二子應用，并在隔離環(huán)境中運行所述第二子應用的代碼；所述第二子應用為對所述頁面設(shè)計器中的渲染模塊進行注冊后得到的子應用；

當監(jiān)測到需要創(chuàng)建目標框架的web應用時，通過所述第一子應用告知所述第二子應用加載與所述目標框架相關(guān)的前置依賴，然后獲取通過用戶拖拽方式從所述組建倉庫拖拽到所述頁面設(shè)計器的畫布中的目標組件，并將所述目標組件的元信息發(fā)送至所述第二子應用中的所述渲染模塊；

利用所述渲染模塊對所述元信息解析后得到的所述目標組件的代碼下載地址和所述目標組件的屬性JSON文件對所述目標組件進行渲染和屬性配置，以得到相應的web應用頁面。

2.根據(jù)權(quán)利要求1所述的低代碼頁面創(chuàng)建方法，其特征在于，所述在隔離環(huán)境中運行所述第二子應用的代碼，包括：

為所述第二子應用創(chuàng)建JavaScript沙箱，注冊與所述頁面設(shè)計器之間的通信監(jiān)聽，裝載層疊樣式表，并利用所述層疊樣式表渲染所述第二子應用的界面；

在所述JavaScript沙箱中運行所述第二子應用的代碼。

3.根據(jù)權(quán)利要求2所述的低代碼頁面創(chuàng)建方法，其特征在于，所述利用所述渲染模塊對所述元信息解析后得到的所述目標組件的代碼下載地址和所述目標組件的屬性JSON文件對所述目標組件進行渲染和屬性配置，以得到相應的web應用頁面之后，還包括：

保存所述web應用頁面，退出所述頁面設(shè)計器；

通過所述微前端基座監(jiān)測到待卸載的所述第二子應用，執(zhí)行刪除所述目標組件，還原所述JavaScript沙箱至初始狀態(tài)，卸載所述渲染模塊中的DOM節(jié)點，并刪除所述層疊樣式表的操作。

4.根據(jù)權(quán)利要求1所述的低代碼頁面創(chuàng)建方法，其特征在于，所述獲取通過用戶拖拽方式從所述組建倉庫拖拽到所述頁面設(shè)計器的畫布中的目標組件，并將所述目標組件的元信息發(fā)送至所述第二子應用中的所述渲染模塊，包括：

獲取通過用戶拖拽方式從所述組建倉庫拖拽到所述頁面設(shè)計器的畫布中的目標組件和對應的位置，并將所述目標組件的元信息和所述位置發(fā)送至所述渲染模塊。

5.根據(jù)權(quán)利要求4所述的低代碼頁面創(chuàng)建方法，其特征在于，所述利用所述渲染模塊對所述元信息解析后得到的所述目標組件的代碼下載地址和所述目標組件的屬性JSON文件對所述目標組件進行渲染和屬性配置，以得到相應的web應用頁面，包括：

通過所述渲染模塊解析所述元信息，得到所述目標組件的代碼下載地址和所述目標組件的屬性JSON文件；

根據(jù)所述代碼下載地址從遠端服務器中獲取所述目標組件的代碼，并利用所述目標組件的代碼對位于所述位置處的所述目標組件進行渲染；

將所述屬性JSON文件發(fā)送至所述配置模塊，以便所述配置模塊利用所述屬性JSON文件對所述目標組件進行屬性配置，得到相應的web應用頁面。

6.根據(jù)權(quán)利要求1所述的低代碼頁面創(chuàng)建方法，其特征在于，還包括：

通過所述微前端基座建立的通信總線實現(xiàn)所述低代碼平臺和所述渲染模塊以及所述第一子應用和所述第二子應用之間的通信。

7.根據(jù)權(quán)利要求1至6任一項所述的低代碼頁面創(chuàng)建方法，其特征在于，所述當監(jiān)測到需要創(chuàng)建目標框架的web應用時，通過所述第一子應用告知所述第二子應用加載與所述目標框架相關(guān)的前置依賴，包括：

當監(jiān)測到需要創(chuàng)建VUE框架的web應用時，通過所述第一子應用告知所述第二子應用加載與所述VUE框架相關(guān)的前置依賴。