[發明專利]頁面開發方法、裝置、計算機設備及存儲介質

在審

• 申請號: 201811488803.0
• 申請日: 2018-12-06
• 公開（公告）號: CN109739497A
• 公開（公告）日: 2019-05-10
• 發明（設計）人: 吳晴浩;林若虛;馮其貴;趙雷;林鑒偉;孫煒;姜佰勝;熊浩敏;陳磊
• 申請（專利權）人: 深圳市中農網有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 深圳中細軟知識產權代理有限公司 44528
• 代理人: 仉玉新

本申請涉及一種頁面開發方法，該方法包括：通過頁面布局面板接收添加到頁面布局面板的界面組件；接收對界面組件的屬性配置信息；獲取添加到頁面布局面板的各個界面組件的組件源碼，將組件源碼進行打包得到靜態組件數據包；根據頁面布局面板中各個界面組件的位置信息和各個界面組件的屬性配置信息生成屬性組件數據包；將靜態組件數據包和屬性組件數據包發布到終端，以使終端根據靜態組件數據包和屬性組件數據包進行解析渲染，完成頁面的開發。上述方法不需要在代碼層面上進行任何改動，就可以實現頁面的快速開發，不僅降低了開發門檻，而且提高了開發效率。此外，還提出了一種頁面開發裝置、計算機設備及存儲介質。

技術領域

本發明涉及計算機技術領域，尤其是涉及一種頁面開發方法、裝置、計算機設備及存儲介質。

背景技術

隨著用戶的需求越來越多，web APP(基于網頁的應用)的業務模塊需要頻繁地進行調整，傳統的如果對業務模塊進行調整，則必然需要開發新的頁面。而傳統的頁面的開發需要在代碼層面上進行修改，對開發人員的專業知識要求比較高，所以傳統的頁面開發方法不僅開發的門檻高，而且開發效率低。

發明內容

基于此，有必要針對上述問題，提供了一種開發門檻低且開發效率高的頁面開發方法、裝置、計算機設備及存儲介質。

一種頁面開發方法，所述方法包括：

通過頁面布局面板接收添加到所述頁面布局面板的界面組件；

接收對所述界面組件的屬性配置信息；

獲取添加到所述頁面布局面板的各個界面組件的組件源碼，將所述組件源碼進行打包得到靜態組件數據包；

根據所述頁面布局面板中各個界面組件的位置信息和各個界面組件的屬性配置信息生成屬性組件數據包；

將所述靜態組件數據包和所述屬性組件數據包發布到終端，以使所述終端根據所述所述靜態組件數據包和所述屬性組件數據包進行解析渲染，完成頁面的開發。

在其中一個實施例中，所述接收對界面組件的屬性配置信息，包括：通過與所述界面組件對應的可視化表單接收對所述界面組件的屬性配置；響應于對所述屬性配置的保存操作確定所述界面組件的屬性配置信息。

在其中一個實施例中，所述根據所述頁面布局面板中各個界面組件的位置信息和各個界面組件的屬性配置信息生成屬性組件數據包，包括：當所述界面組件的屬性配置信息需要調用第三方數據時，則通過第三方接口獲取相應的動態數據，將所述動態數據添加到所述屬性組件數據包。

一種頁面開發裝置，所述裝置包括：

第一接收模塊，用于通過頁面布局面板接收添加到所述頁面布局面板的界面組件；

第二接收模塊，用于接收對所述界面組件的屬性配置信息；

源碼打包模塊，用于獲取添加到所述頁面布局面板的各個界面組件的組件源碼，將所述組件源碼進行打包得到靜態組件數據包；

生成模塊，用于根據所述頁面布局面板中各個界面組件的位置信息和各個界面組件的屬性配置信息生成屬性組件數據包；

發布模塊，用于將所述靜態組件數據包和所述屬性組件數據包發布到終端，以使所述終端根據所述所述靜態組件數據包和所述屬性組件數據包進行解析渲染，完成開發頁面的展示。

一種計算機設備，包括存儲器和處理器，所述存儲器存儲有計算機程序，所述計算機程序被所述處理器執行時，使得所述處理器執行如下步驟：

通過可視化頁面布局面板接收添加到所述頁面布局面板的界面組件；

接收對所述界面組件的屬性配置信息；