[發明專利]Web頁面的開發方法、裝置、計算機設備和可讀存儲介質

在審

• 申請號: 202010601375.9
• 申請日: 2020-06-29
• 公開（公告）號: CN111752535A
• 公開（公告）日: 2020-10-09
• 發明（設計）人: 許少龍
• 申請（專利權）人: 廣州華多網絡科技有限公司
• 主分類號: G06F8/10
• 分類號: G06F8/10;G06F8/38
• 代理公司: 廣州華進聯合專利商標代理有限公司 44224
• 代理人: 樊倩

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

獲取用戶基于頁面需求選擇的目標頁面組件以及所述目標頁面組件對應的工程腳本；其中，所述頁面需求包括第一功能需求和第二功能需求，所述目標頁面組件所實現的功能與所述第一功能需求對應；

獲取針對所述目標頁面組件輸入的前端配置，并基于所述輸入的前端配置生成組件配置數據；

根據所述工程腳本和所述組件配置數據，生成所述目標頁面組件對應的合并腳本；所述合并腳本用于響應所述用戶針對所述第二功能需求輸入的線下開發操作以生成所述Web頁面。

2.根據權利要求1所述的方法，其特征在于，所述獲取用戶基于頁面需求選擇的目標頁面組件，包括：

接收所述用戶基于頁面需求輸入的組件展示指令，并響應于所述組件展示指令，展示組件集合界面；所述組件集合界面包括多個頁面候選組件；

接收所述用戶在所述組件集合界面上輸入的頁面組件選擇指令，響應于所述頁面組件選擇指令，展示目標組件界面；其中，所述目標組件界面包括所述目標頁面組件。

3.根據權利要求2所述的方法，其特征在于，所述目標組件界面包括組件配置控件；所述獲取針對所述目標頁面組件輸入的前端配置，包括：

接收所述用戶對所述組件配置控件的第一觸發操作，并響應于所述第一觸發操作，展示前端配置界面，所述前端配置界面包括所述目標頁面組件的顯示參數配置項；

接收所述用戶在所述前端配置界面輸入的配置指令，所述配置指令中攜帶所述顯示參數配置項的配置數據；

響應于所述配置指令，獲取所述前端配置。

4.根據權利要求3所述的方法，其特征在于，所述配置數據包括所述目標頁面組件的展示內容、展示方式和展示效果中的至少一個。

5.根據權利要求2或3所述的方法，其特征在于，所述目標組件界面包括生成控件；所述基于所述輸入的前端配置生成組件配置數據，包括：

接收所述用戶對所述生成控件的第二觸發操作，響應于所述第二觸發操作，基于所述前端配置生成所述組件配置數據；其中，所述組件配置數據的格式為JSON格式。

6.根據權利要求2所述的方法，其特征在于，所述獲取所述目標頁面組件對應的工程腳本，包括：

獲取頁面組件源代碼；所述頁面組件源代碼包括所述目標頁面組件對應的代碼和未選擇的頁面組件對應的代碼；

根據所述目標頁面組件，從所述頁面組件源代碼中剔除未選擇的頁面組件對應的代碼，得到所述工程腳本。

7.根據權利要求6所述的方法，其特征在于，所述目標組件界面上包括合并控件；所述從所述頁面組件源代碼中剔除未選擇的頁面組件對應的代碼，得到所述工程腳本，包括：

接收針對所述合并控件的第三觸發操作，展示合并界面；所述合并界面包括剔除選項；

根據所述用戶對所述剔除選項的選擇指令，從所述頁面組件源代碼中剔除未選擇的頁面組件對應的代碼，得到所述工程腳本。

8.根據權利要求7所述的方法，其特征在于，所述合并界面上包括合并方式選項；所述根據所述工程腳本和所述組件配置數據，生成所述目標頁面組件對應的合并腳本，包括：

根據所述用戶針對所述合并方式選項所選擇的合并方式，將所述工程腳本和所述組件配置數據生成所述合并腳本。

9.根據權利要求1所述的方法，其特征在于，所述目標頁面組件存儲于項目組件庫中；所述方法還包括：

采集第三方組件庫中頁面參考組件的被調用次數；

若所述頁面參考組件的被調用次數大于預設閾值，接收所述用戶輸入的組件新增指令，并響應于所述組件新增指令，將所述頁面參考組件加入所述項目組件庫中。