[發明專利]網頁生成方法、裝置及電子設備

在審

• 申請號: 202010719901.1
• 申請日: 2020-07-23
• 公開（公告）號: CN111949266A
• 公開（公告）日: 2020-11-17
• 發明（設計）人: 徐治欽;周桂麟;吳江權;馮嘉妍;謝國強
• 申請（專利權）人: 上海硬通網絡科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/36
• 代理公司: 廣州三環專利商標代理有限公司 44202
• 代理人: 陳志明

本申請公開了一種網頁生成方法、裝置及電子設備，所述方法包括：獲取內容組件的選取指令，根據所述選取指令在組件編輯區域內設置所述內容組件；獲取所述組件編輯區域內所述內容組件的各數據源，根據各所述數據源從服務器提取與各所述數據源對應的各組件數據；響應所述內容組件的組件數據編輯指令，根據所述組件數據編輯指令選定所述組件編輯區域內各所述內容組件的組件數據；響應數據源編輯結束指令，根據各所述組件編輯區域內各所述內容組件的所述組件數據以及排序信息生成網頁數據，以供瀏覽器加載所述網頁數據生成網頁。

技術領域

本申請涉及計算機技術領域，特別涉及一種網頁生成方法、裝置及電子設備。

背景技術

網頁是網站的基本要件，現有的前端開發中，網頁的生成主要是通過直接編寫頁面代碼來描述頁面的樣式和內容，并根據頁面代碼生成HTML文件后，利用瀏覽器加載HTML文件來實現網頁的生成。但是在應用過程中，發現如果產生基于用戶體驗的頁面樣式修改等需求，往往需要對頁面代碼進行大量修改，帶來了大量成本。此外，當大量頁面需要針對同一問題進行修改時，修改時間較長，難以做到及時更新網頁樣式，降低前端開發效率。

發明內容

本申請的目的在于至少解決現有技術中存在的技術問題之一，提供一種網頁生成方法、裝置、計算機可讀存儲介質以及電子設備，在前端開發過程中提高前端開發的效率。

本申請實施例提供一種網頁生成方法，包括：

獲取內容組件的選取指令，根據所述選取指令在組件編輯區域內設置所述內容組件；

獲取所述組件編輯區域內所述內容組件的各數據源，根據各所述數據源從服務器提取與各所述數據源對應的各組件數據；

響應所述內容組件的組件數據編輯指令，根據所述組件數據編輯指令選定所述組件編輯區域內各所述內容組件的組件數據；

響應數據源編輯結束指令，根據各所述組件編輯區域內各所述內容組件的所述組件數據以及排序信息生成網頁數據，以供瀏覽器加載所述網頁數據生成網頁。

進一步的，在本申請實施例中，所述數據源包括已配置接口和數據，所述已配置接口包括接口鏈接與接口參數，所述數據可以包括按鈕文案、文本、圖片鏈接中的一種或多種。

進一步的，所述選取指令包括所述內容組件的位置移動指令；

所述根據所述選取指令在組件編輯區域內設置所述內容組件，包括：

根據所述位置移動指令確定所述內容組件在所屬組件編輯區域內的組件位置；

檢測根據所述組件位置設置的內容組件是否與所述組件編輯區域內的其他內容組件至少部分重疊，并在檢測到所述組件位置中的內容組件與所述其他內容組件至少部分重疊時，根據重疊的各內容組件的層級順序進行覆蓋顯示。

進一步的，根據所述組件數據集以及所述組件編輯區域內各所述內容組件的排序信息生成網頁數據，包括：

根據所述組件編輯區域內各所述內容組件的排序信息生成內容組件的html結構后，將所述組件數據集寫入所述html結構中并保存；

根據已寫入所述組件數據集的所述html結構生成網頁數據。

進一步的，在本申請實施例中，還包括：獲取組件生成指令，根據所述組件生成指令中的組件標記，匹配對應的樣式源，以根據所述樣式源從所述服務器提取對應的樣式數據生成所述內容組件。

進一步的，在本申請實施例中，所述樣式源包括所述內容組件的尺寸數據、圖片/視頻設置數據、字體設置數據、段落設置數據、動態效果設置數據、版面內容位置設置數據等。

更進一步的，所述根據所述組件生成指令中的組件標記，匹配對應的樣式源，包括：