[發明專利]在前端頁面中增加控件的方法及裝置

在審

• 申請號: 201910521606.2
• 申請日: 2019-06-17
• 公開（公告）號: CN110221835A
• 公開（公告）日: 2019-09-10
• 發明（設計）人: 梁建軍;馮自立
• 申請（專利權）人: 北京搜房科技發展有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 李偉

本發明提供了一種在前端頁面中增加控件的方法及裝置，該方法包括：接收控件增加請求，獲取控件增加請求中包含的控件功能需求信息、控件外觀信息和屬性配置信息，基于控件功能需求信息，從預先構建的基礎控件集合中獲取目標控件，確定目標控件的各個屬性配置項，并依據屬性配置信息對每個屬性配置項進行配置，將配置完成的各個屬性配置項與目標控件進行關聯，依據控件外觀信息，將目標控件配置于前端頁面，獲得第一前端頁面。應用本發明提供的方法，從預先構建的基礎控件集合中獲取目標控件，對目標控件進行配置，將配置完成的目標控件配置于前端頁面，以實現在前端頁面中增加控件，而不需要進行控件代碼開發，從而提高在頁面中增加控件的效率。

技術領域

本發明涉及計算機技術領域，尤其涉及一種在前端頁面中增加控件的方法及裝置。

背景技術

前端即網站的前臺部分，運行在PC端、移動端等瀏覽器上展現給用戶瀏覽的頁面，每個前端頁面中可以包含多個控件，每個控件用于實現與其對應的功能。

隨著生活需求的不斷提高，當前端頁面中的控件不滿足當前用戶需求時，需要對前端頁面中的控件進行更新，對前端頁面中的控件進行更新，包括在前端頁面中增加控件，發明人對現有的在前端頁面中增加控件的方法進行研究發現，現有的在前端頁面中增加控件的方法，開發人員直接編寫控件代碼，以及為該控件配置相應的屬性信息，即每次在前端頁面中增加控件，都需要進行代碼開發，從而降低開發效率。

發明內容

本發明所要解決的技術問題是提供一種在前端頁面中增加控件的方法，當接收到控件增加請求時，從預先構建的基礎控件集合中獲取目標控件，對目標控件進行配置，并將配置完成的目標控件配置于前端頁面，而不需要進行控件代碼開發，從而提高在前端頁面中增加控件的效率。

本發明還提供了一種在前端頁面中增加控件的裝置，用于保證上述方法在實際中的實現及應用。

一種在前端頁面中增加控件的方法，包括：

接收控件增加請求，獲取所述控件增加請求中包含的控件功能需求信息、控件外觀信息和屬性配置信息；

基于所述控件功能需求信息，獲取目標控件；其中，所述目標控件為預先構建的基礎控件集合中與所述控件功能需求信息對應的控件；

確定所述目標控件的各個屬性配置項，并依據所述屬性配置信息對每個所述屬性配置項進行配置；

將配置完成的各個屬性配置項與所述目標控件進行關聯；

依據所述控件外觀信息，將所述目標控件配置于所述前端頁面，獲得第一前端頁面。

上述的方法，可選的，所述基于所述控件功能需求信息，獲取目標控件，包括：

基于所述控件功能需求信息，確定待獲取控件的控件類型；

依據所述控件類型，在預先構建的基礎控件集合中，查找與所述控件類型對應的控件，并將查找到的控件確定為目標控件。

上述的方法，可選的，所述控件外觀信息包含控件名稱、展示位置信息和展示樣式信息，所述依據所述控件外觀信息，將所述目標控件配置于所述前端頁面，包括：

基于所述控件名稱、所述展示位置信息和所述展示樣式信息，分別確定所述目標控件的展示名稱、展示位置和展示樣式；

在所述前端頁面的所述展示位置上，以所述展示樣式和所述展示名稱配置所述目標控件。

上述的方法，可選的，所述基礎控件集合的構建過程，包括：

獲取各個基礎控件代碼文檔，并依據各個所述基礎控件代碼文檔，生成與每個所述基礎控件代碼文檔對應的基礎控件，以及生成與每個所述基礎控件對應的數據獲取邏輯、多個屬性配置項和多個展示樣式；

確定每個所述基礎控件的控件類型；