[發明專利]前端組件化開發方法、裝置、計算機設備及存儲介質

在審

• 申請號: 202010125131.8
• 申請日: 2020-02-27
• 公開（公告）號: CN111427552A
• 公開（公告）日: 2020-07-17
• 發明（設計）人: 謝春陽;周晶
• 申請（專利權）人: 深圳壹賬通智能科技有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30
• 代理公司: 深圳市精英專利事務所 44242
• 代理人: 鄧星文

1.一種前端組件化開發方法，其特征在于，所述方法包括：

若接收到前端頁面的新建請求，解析所述新建請求以生成相應的初始頁面；

從本地資源數據庫調用預先設置的用于進行前端開發的JS包，所述JS包括多個可供調用的前端組件，不同的前端組件用于實現不同的功能；

獲取當前的前端框架的類型，以確定所述JS包中與所述類型相關聯的API接口；

若接收到通過初始頁面發送的前端組件調用請求，通過所述API接口獲取與所述前端組件調用請求相匹配的組件調用函數；

若接收到與所述組件調用函數相匹配的參數設置請求，根據所述參數設置請求中的參數運行所述組件調用函數，以從所述JS包中調用具有相應參數的前端組件，并將所調用的前端組件與所述初始頁面結合從而實現相應的前端頁面的開發顯示。

2.如權利要求1所述的方法，其特征在于，所述若接收到通過初始頁面發送的前端組件調用請求，通過所述API接口獲取與所述前端組件調用請求相匹配的組件調用函數的步驟，包括：

若接收到前端組件調用請求，解析所述前端組件調用請求以確定所需調用的組件調用函數；

連接所述API接口，以獲取所述組件調用函數。

3.如權利要求1所述的方法，其特征在于，所述方法還包括：

若接收到前端頁面的頁面編輯請求，根據所述頁面編輯請求確定所述前端頁面中的待編輯的前端組件；

調整所述待編輯的前端組件對應的組件調用函數中的相關參數，以實現相應的頁面更改。

4.如權利要求3所述的方法，其特征在于，所述頁面編輯請求包括頁面新增請求、頁面刪減請求、頁面更改請求以及頁面查詢請求中的一種或多種。

5.如權利要求1所述的方法，其特征在于，所述從本地資源數據庫調用預先設置的用于進行前端開發的JS包，所述JS包括多個可供調用的前端組件，不同的前端組件用于實現不同的功能的步驟之前，還包括：

判斷本地資源數據庫中是否包括預先設置的用于進行前端開發的JS包；

若本地資源數據庫中包括預先設置的用于進行前端開發的JS包，執行所述從本地資源數據庫調用預先設置的用于進行前端開發的JS包，所述JS包括多個可供調用的前端組件，不同的前端組件用于實現不同的功能的步驟。

6.如權利要求5所述的方法，其特征在于，所述方法還包括：

若本地資源數據庫中未包括預先設置的用于進行前端開發的JS包，根據預設地址下載所述JS包。

7.一種前端組件化開發裝置，其特征在于，所述裝置包括：

頁面生成單元，用于若接收到前端頁面的新建請求，解析所述新建請求以生成相應的初始頁面；

JS包調用單元，用于從本地資源數據庫調用預先設置的用于進行前端開發的JS包，所述JS包括多個可供調用的前端組件，不同的前端組件用于實現不同的功能；

接口確定單元，用于獲取當前的前端框架的類型，以確定所述JS包中與所述類型相關聯的API接口；

函數獲取單元，用于若接收到通過初始頁面發送的前端組件調用請求，通過所述API接口獲取與所述前端組件調用請求相匹配的組件調用函數；

處理單元，用于若接收到與所述組件調用函數相匹配的參數設置請求，根據所述參數設置請求中的參數運行所述組件調用函數，以從所述JS包中調用具有相應參數的前端組件，并將所調用的前端組件與所述初始頁面結合從而實現相應的前端頁面的開發顯示。

8.如權利要求7所述的裝置，其特征在于，所述函數獲取單元，包括：

請求解析單元，用于若接收到前端組件調用請求，解析所述前端組件調用請求以確定所需調用的組件調用函數；

接口連接單元，用于連接所述API接口，以獲取所述組件調用函數。

9.一種計算機設備，其特征在于，所述計算機設備包括存儲器及處理器，所述存儲器上存儲有計算機程序，所述處理器執行所述計算機程序時實現如權利要求1-6中任一項所述的方法。

10.一種計算機可讀存儲介質，其特征在于，所述存儲介質存儲有計算機程序，所述計算機程序被處理器執行時使所述處理器執行如權利要求1-6中任一項所述的方法。