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

在審

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

1.一種頁面開發方法，其特征在于，所述方法包括：

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

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

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

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

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

2.根據權利要求1所述的方法，其特征在于，所述接收對界面組件的屬性配置信息，包括：

通過與所述界面組件對應的可視化表單接收對所述界面組件的屬性配置；

響應于對所述屬性配置的保存操作確定所述界面組件的屬性配置信息。

3.根據權利要求1所述的方法，其特征在于，所述根據所述頁面布局面板中各個界面組件的位置信息和各個界面組件的屬性配置信息生成屬性組件數據包，包括：

當所述界面組件的屬性配置信息需要調用第三方數據時，則通過第三方接口獲取相應的動態數據，將所述動態數據添加到所述屬性組件數據包。

4.一種頁面開發方法，其特征在于，所述方法包括：

接收服務器發送的開發頁面對應的靜態組件數據包和屬性組件數據包，所述靜態組件數據包包括各個界面組件的組件源碼，所述屬性組件數據包包括各個界面組件的位置信息和各個界面組件的屬性配置信息；

調用動態渲染器對所述靜態組件數據包和所述屬性組件數據包進行解析渲染，得到開發頁面。

5.根據權利要求4所述的方法，其特征在于，所述調用動態渲染器對所述靜態組件數據包和所述屬性組件數據包進行解析渲染，得到開發頁面，包括：

調用動態渲染器對所述靜態頁面數據包和所述屬性頁面數據包進行解析，得到各個界面組件的組件源碼、各個界面組件的位置信息以及各個界面組件的屬性配置信息；

根據所述組件源碼、位置信息和所述屬性配置信息進行開發頁面渲染，將渲染得到的開發頁面進行展示。

6.根據權利要求5所述的方法，其特征在于，所述根據所述組件源碼、位置信息和所述屬性配置信息進行開發頁面渲染，將渲染得到的開發頁面進行展示，包括：

獲取各個界面組件的優先級，根據所述優先級獲取當前待渲染的目標界面組件；

將所述目標界面組件的位置信息和所述屬性配置信息傳遞給所述目標界面組件的目標界面組件源碼；

根據所述目標界面組件的位置信息、所述屬性配置信息和所述目標界面組件源碼對所述目標界面組件進行渲染，將渲染得到的開發頁面進行展示。

7.一種頁面開發裝置，其特征在于，所述裝置包括：

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

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

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

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

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

8.一種頁面開發裝置，其特征在于，所述裝置包括：

數據包接收模塊，用于接收服務器發送的開發頁面對應的靜態組件數據包和屬性組件數據包，所述靜態組件數據包包括各個界面組件的組件源碼，所述屬性組件數據包包括各個界面組件的位置信息和各個界面組件的屬性配置信息；

渲染模塊，用于調用動態渲染器對所述靜態組件數據包和所述屬性組件數據包進行解析渲染，得到開發頁面。