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

在審

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

本發(fā)明涉及一種基于Vue.js框架的頁面功能組態(tài)方法，具體包括以下步驟：步驟S1：獲取顯示頁面對應(yīng)的頁面功能所需的功能組件，根據(jù)所述功能組件設(shè)置功能組件實(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：將編輯完成后的所述顯示頁面進(jìn)行渲染并顯示在對應(yīng)系統(tǒng)中。與現(xiàn)有技術(shù)相比，本發(fā)明具有頁面功能快速排版、提高開發(fā)人員工作效率等優(yōu)點(diǎn)。

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其是涉及一種基于Vue.js框架的頁面功能組態(tài)方法和裝置。

背景技術(shù)

隨著信息系統(tǒng)廣泛應(yīng)用，使用場景開始復(fù)雜化，對應(yīng)著產(chǎn)生需要個(gè)性化需求。在不同的個(gè)性化需求中，操作人員需要根據(jù)用戶角色的不同或用戶使用習(xí)慣的不同，編寫擁有個(gè)性化功能的功能頁面。由于個(gè)性化需求之間不能互通，新的需求則需要設(shè)計(jì)新的功能頁面，但基礎(chǔ)功能卻是相似的。操作人員需要在保留基礎(chǔ)功能的同時(shí)，開發(fā)符合個(gè)性化需求的功能。這樣重復(fù)、繁瑣的操作，在降低操作人員的工作效率的同時(shí)增加了操作人員的工作量，需要花費(fèi)大量時(shí)間在功能排版上。

發(fā)明內(nèi)容

本發(fā)明的目的就是為了克服上述現(xiàn)有技術(shù)存在的頁面功能布局繁瑣、復(fù)雜的缺陷而提供一種基于Vue.js框架的頁面功能組態(tài)方法和裝置。

本發(fā)明的目的可以通過以下技術(shù)方案來實(shí)現(xiàn)：

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

步驟S1：獲取顯示頁面對應(yīng)的頁面功能所需的功能組件，根據(jù)所述功能組件設(shè)置功能組件實(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：將編輯完成后的所述顯示頁面進(jìn)行渲染并顯示在對應(yīng)系統(tǒng)中。

所述組態(tài)方法包括框架轉(zhuǎn)換函數(shù)、配置標(biāo)簽顯示函數(shù)、配置參數(shù)保存函數(shù)和渲染函數(shù)。

所述組態(tài)化屬性包括矩形頁面參數(shù)、節(jié)點(diǎn)編號、方法參數(shù)和組件標(biāo)題。

所述矩形頁面參數(shù)包括矩形頁面的長度、寬度以及矩形頁面對應(yīng)的坐標(biāo)系。

優(yōu)選的，所述步驟S2中通過模塊打包器生成所述功能組件對應(yīng)的組態(tài)化組件。

所述模塊打包器的功能包括提取所述功能組件中支持組態(tài)化的組件信息。

所述組態(tài)化組件設(shè)有與對應(yīng)的功能組件相匹配的回調(diào)函數(shù)。

一種應(yīng)用所述基于Vue.js框架的頁面功能組態(tài)方法的裝置，所述裝置包括處理器和存儲器，所述方法以計(jì)算機(jī)程序的方式存儲在所述存儲器中，由所述處理器執(zhí)行，執(zhí)行時(shí)實(shí)現(xiàn)以下步驟：

步驟S1：獲取顯示頁面對應(yīng)的頁面功能所需的功能組件，根據(jù)所述功能組件設(shè)置功能組件實(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：將編輯完成后的所述顯示頁面進(jìn)行渲染并顯示在對應(yīng)系統(tǒng)中。

與現(xiàn)有技術(shù)相比，本發(fā)明具有以下有益效果：