[發明專利]前端代碼的開發方法、裝置、設備和計算機存儲介質

在審

• 申請號: 201810561681.7
• 申請日: 2018-05-31
• 公開（公告）號: CN109725901A
• 公開（公告）日: 2019-05-07
• 發明（設計）人: 劉麗霞
• 申請（專利權）人: 中國平安人壽保險股份有限公司
• 主分類號: G06F8/36
• 分類號: G06F8/36
• 代理公司: 深圳市世紀恒程知識產權代理事務所 44287
• 代理人: 胡海國

1.一種前端代碼的開發方法，其特征在于，所述前端代碼的開發方法包括以下步驟：

接收基于預設前端框架觸發的開發請求，獲取所述開發請求中包含的待顯示信息；

接收組件添加請求，獲取所述組件添加請求中包含的組件類型，從預設組件集合中選取與所述組件類型匹配的開發基礎組件；

建立所述待顯示信息與所述開發基礎組件之間的映射關系，以將所述待顯示信息對應顯示在所述開發基礎組件中；

將所述待顯示信息與所述映射關系添加至所述預設前端框架中，得到前端代碼。

2.如權利要求1所述的前端代碼的開發方法，其特征在于，所述接收基于預設前端框架觸發的開發請求，獲取所述開發請求中包含的待顯示信息的步驟之前，包括：

統計預設前端頁面中各類型控件的出現頻率，將所述出現頻率高于預設值的控件作為常用控件；

設置所述常用控件對應的Json協議和配置文件，并將所述Json協議、所述配置文件和所述常用控件封裝成對應的基礎組件；

將各所述基礎組件匯總得到所述預設組件集合。

3.如權利要求1所述的前端代碼的開發方法，其特征在于，所述接收組件添加請求，獲取所述組件添加請求中包含的組件類型，從預設組件集合中選取與所述組件類型匹配的開發基礎組件的步驟，包括：

接收組件添加請求，獲取所述組件添加請求中包含的組件類型，將所述組件類型與所述預設組件集合中各組件標簽的類型信息進行比對；

將所述組件標簽中類型信息與所述組件類型匹配的基礎組件作為開發基礎組件。

4.如權利要求1所述的前端代碼的開發方法，其特征在于，所述建立所述待顯示信息與所述開發基礎組件之間的映射關系，以將所述待顯示信息對應顯示在所述開發基礎組件中的步驟，包括：

建立所述待顯示信息與所述開發基礎組件之間的映射關系，并顯示所述開發基礎組件對應的組件編輯窗口，以供用戶在所述組件編輯窗口中設置所述開發基礎組件對應的顯示規則；

獲取所述編輯窗口中輸入的顯示規則，根據所述顯示規則調整所述開發基礎組件對應的目標配置文件，以根據所述目標配置文件和所述映射關系，將所述待顯示信息對應顯示在所述開發基礎組件中。

5.如權利要求4所述的前端代碼的開發方法，其特征在于，所述將所述待顯示信息與所述映射關系添加至所述預設前端框架中，得到前端代碼的步驟之后，包括：

接收頁面開啟請求，獲取所述頁面開啟請求中包含的頁面標識，并獲取所述頁面標識對應的前端代碼；

獲取所述前端代碼中包含的目標前端框架，并獲取所述目標前端框架中的映射關系，根據所述映射關系確定渲染基礎組件；

將所述待顯示信息對應顯示在所述渲染基礎組件中，以渲染生成包含組件的前端頁面。

6.如權利要求1所述的前端代碼的開發方法，其特征在于，所述將所述待顯示信息與所述映射關系添加至所述預設前端框架中，得到前端代碼的步驟之后，包括：

接收組件更新請求，獲取所述組件更新請求中包含的組件標簽和更新信息；

獲取預設組件集合中所述組件標簽對應的第一基礎組件，并根據所述更新信息調整所述第一基礎組件，得到第二基礎組件；

將所述第二基礎組件作為所述組件更新請求中的基礎組件。

7.如權利要求1所述的前端代碼的開發方法，其特征在于，所述將所述待顯示信息與所述映射關系添加至所述預設前端框架中，得到前端代碼的步驟之后，包括：

將所述前端代碼保存至云端，以使用戶從云端獲取所述前端代碼渲染生成前端頁面。