[發(fā)明專利]一種web頁面配置化的方法

在審

• 申請?zhí)枺?/td>: 202211615970.3
• 申請日: 2022-12-15
• 公開（公告）號: CN116225427A
• 公開（公告）日: 2023-06-06
• 發(fā)明（設(shè)計）人: 張毅
• 申請（專利權(quán)）人: 廈門最有料數(shù)字科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/958
• 代理公司: 福州順升知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 35242
• 代理人: 陳如燕

1.一種web頁面配置化的方法，其特征在于：包括如下步驟：

S1、定義多類型前端架構(gòu)；

S2、前端模塊配置；

S3、組件接受參數(shù)；

S4、組件事件的暴露；

S5、父組件接受監(jiān)聽；

S6、父組件傳遞數(shù)據(jù)更新頁面。

2.根據(jù)權(quán)利要求1所述的一種web頁面配置化的方法，其特征在于：步驟S1具體操作為：根據(jù)需要展示不同類型的頁面通過條件判斷v-if來處理表單組件、表格組件、彈窗組件的顯示。

3.根據(jù)權(quán)利要求1所述的一種web頁面配置化的方法，其特征在于：步驟S2具體操作為：配置模塊json對象，里面包含頁面類型type、title、direction、form表單對象、buttonGroup對象，form對象主要是用來配置表單組件input、select、checkbox，buttonGroup對象主要是來處理需要展示不同類型的button，其中細節(jié)的配置是基于原生的props。

4.根據(jù)權(quán)利要求1所述的一種web頁面配置化的方法，其特征在于：步驟S3中，子組件通過prop來接收父組件傳入的參數(shù)，其參數(shù)名稱要保持一致，子組件直接通過prop對象來配置各個表單組件的屬性。

5.根據(jù)權(quán)利要求1所述的一種web頁面配置化的方法，其特征在于：步驟S4中，子組件需要將表單的事件回調(diào)通過$emit暴露給父組件，并且傳值。

6.根據(jù)權(quán)利要求1所述的一種web頁面配置化的方法，其特征在于：步驟S5中，父組件通過“@”+“事件名稱(與$emit的第一次參數(shù)一致)”來綁定在組件上，其定義的方法需要接收$emit的第二次參數(shù)data，之后父組件在這個方法中處理對應(yīng)的邏輯。

7.根據(jù)權(quán)利要求1所述的一種web頁面配置化的方法，其特征在于：步驟S6中，父組件傳入配置json對象用來展示不同的頁面類型。