[發(fā)明專利]一種基于Vue.js框架的頁面功能組態(tài)方法和裝置

在審

• 申請?zhí)枺?/td>: 201911415882.7
• 申請日: 2019-12-31
• 公開（公告）號: CN111209055A
• 公開（公告）日: 2020-05-29
• 發(fā)明（設(shè)計）人: 葛俊;蔣秋明
• 申請（專利權(quán)）人: 上海上實龍創(chuàng)智慧能源科技股份有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445
• 代理公司: 上海科盛知識產(chǎn)權(quán)代理有限公司 31225
• 代理人: 宣慧蘭

1.一種基于Vue.js框架的頁面功能組態(tài)方法，其特征在于，具體包括以下步驟：

步驟S1：獲取顯示頁面對應(yīng)的頁面功能所需的功能組件，根據(jù)所述功能組件設(shè)置功能組件實現(xiàn)組態(tài)化對應(yīng)的組態(tài)方法和組態(tài)化屬性；

步驟S2：根據(jù)所述組態(tài)方法和組態(tài)化屬性，生成所述功能組件對應(yīng)的組態(tài)化組件；

步驟S3：添加所述組態(tài)化組件到組態(tài)組件庫的配置表中；

步驟S4：調(diào)用所述組態(tài)組件庫中的組態(tài)化組件，編輯所述顯示頁面；

步驟S5：將編輯完成后的所述顯示頁面進行渲染并顯示在對應(yīng)系統(tǒng)中。

2.根據(jù)權(quán)利要求1所述的一種基于Vue.js框架的頁面功能組態(tài)方法，其特征在于，所述組態(tài)方法包括框架轉(zhuǎn)換函數(shù)、配置標簽顯示函數(shù)、配置參數(shù)保存函數(shù)和渲染函數(shù)。

3.根據(jù)權(quán)利要求1所述的一種基于Vue.js框架的頁面功能組態(tài)方法，其特征在于，所述組態(tài)化屬性包括矩形頁面參數(shù)、節(jié)點編號、方法參數(shù)和組件標題。

4.根據(jù)權(quán)利要求3所述的一種基于Vue.js框架的頁面功能組態(tài)方法，其特征在于，所述矩形頁面參數(shù)包括矩形頁面的長度、寬度以及矩形頁面對應(yīng)的坐標系。

5.根據(jù)權(quán)利要求1所述的一種基于Vue.js框架的頁面功能組態(tài)方法，其特征在于，所述步驟S2中通過模塊打包器生成所述功能組件對應(yīng)的組態(tài)化組件。

6.根據(jù)權(quán)利要求5所述的一種基于Vue.js框架的頁面功能組態(tài)方法，其特征在于，所述模塊打包器的功能包括提取所述功能組件中支持組態(tài)化的組件信息。

7.根據(jù)權(quán)利要求1所述的一種基于Vue.js框架的頁面功能組態(tài)方法，其特征在于，所述組態(tài)化組件設(shè)有與對應(yīng)的功能組件相匹配的回調(diào)函數(shù)。

8.一種應(yīng)用如權(quán)利要求1-7所述的基于Vue.js框架的頁面功能組態(tài)方法的裝置，其特征在于，所述裝置包括處理器和存儲器，所述方法以計算機程序的方式存儲在所述存儲器中，由所述處理器執(zhí)行，執(zhí)行時實現(xiàn)以下步驟：

步驟S1：獲取顯示頁面對應(yīng)的頁面功能所需的功能組件，根據(jù)所述功能組件設(shè)置功能組件實現(xiàn)組態(tài)化對應(yīng)的組態(tài)方法和組態(tài)化屬性；

步驟S2：根據(jù)所述組態(tài)方法和組態(tài)化屬性，生成所述功能組件對應(yīng)的組態(tài)化組件；

步驟S3：添加所述組態(tài)化組件到組態(tài)組件庫的配置表中；

步驟S4：調(diào)用所述組態(tài)組件庫中的組態(tài)化組件，編輯所述顯示頁面；

步驟S5：將編輯完成后的所述顯示頁面進行渲染并顯示在對應(yīng)系統(tǒng)中。