[發明專利]一種網頁開發方法及裝置、存儲介質及電子設備

在審

• 申請號: 201910718051.0
• 申請日: 2019-08-05
• 公開（公告）號: CN110442336A
• 公開（公告）日: 2019-11-12
• 發明（設計）人: 楊磊;吳金澤;顧元浩
• 申請（專利權）人: 上海鈞正網絡科技有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34
• 代理公司: 廣州華進聯合專利商標代理有限公司 44224
• 代理人: 戴志攀

本申請涉及前端開發技術領域，提供一種網頁開發方法及裝置、存儲介質及電子設備。其中，網頁開發方法應用于后臺服務器，包括：向前端設備提供用于對頁面進行可視化搭建的編輯器，編輯器中配置有用于搭建頁面的至少一種組件；接收前端設備通過編輯器發送的配置項，配置項是編輯器根據由組件搭建的頁面生成的；保存配置項。在上述方法中，由后臺服務器提供具有可視化搭建功能的編輯器供前端設備訪問，該編輯器中配置有預定義的組件，從而用戶可以在編輯器中直接利用這些組件快速完成頁面的搭建，提高前端頁面的開發效率。編輯器的用戶既可以是開發人員，也可以是非開發人員，從而可以降低各職能的人員之間的溝通成本。

技術領域

本申請涉及前端開發技術領域，具體而言，涉及一種網頁開發方法及裝置、存儲介質及電子設備。

背景技術

目前，在前端頁面的開發過程中，網頁的布局以及網頁實現的邏輯都需要開發人員以代碼的方式進行編寫，從而開發人員需要進行大量的重復勞動，開發效率低下。

發明內容

本申請實施例的目的在于提供一種網頁開發方法及裝置、存儲介質及電子設備，由后臺服務器向前端設備提供可視化編輯器進行頁面的搭建，同時在編輯器中配置好預定義的組件供用戶選擇，從而可以快速完成頁面搭建，從而可以改善前端頁面開發效率低下的問題。

為實現上述目的，本申請提供如下技術方案：

第一方面，本申請實施例提供一種網頁開發方法，應用于后臺服務器，所述方法包括：向前端設備提供用于對頁面進行可視化搭建的編輯器，所述編輯器中配置有用于搭建頁面的至少一種組件；接收所述前端設備通過所述編輯器發送的配置項，所述配置項是所述編輯器根據由所述組件搭建的頁面生成的；保存所述配置項。

在上述方法中，由后臺服務器提供具有可視化搭建功能的編輯器供前端設備訪問，該編輯器中配置有預定義的至少一種組件，從而用戶可以在編輯器中直接利用這些組件通過可視化的操作快速完成頁面的搭建，不必再編寫大量重復性的代碼，從而可以改善前端頁面開發效率低下的問題。

另一方面，編輯器的用戶既可以是開發人員，也可以是非開發人員，也即開發過程對非技術人員也是友好的。例如，項目的產品經理也可以直接在編輯器中完成頁面的布局，再由開發人員進一步完善頁面的功能，從而可以降低開發項目組中各職能的人員之間的溝通成本，進一步提高開發效率。

在第一方面的一種實現方式中，所述編輯器中還配置有用于搭建頁面的至少一個頁面模板，所述頁面模板中能夠容納所述組件。

頁面模板可以是指進行了某些布局和/或具有某些功能的頁面，從而用戶可以在選擇的頁面模板的基礎上進一步搭建頁面，以提高開發效率。

在第一方面的一種實現方式中，所述頁面模板中配置有用于容納所述組件的至少一個插槽。

在第一方面的一種實現方式中，所述插槽被配置在所述頁面模板中預設的位置。

在第一方面的一種實現方式中，所述插槽包括多種類型，每種類型的插槽被配置為僅能容納特定類型的組件。

在以上三種實現方式中，插槽是指頁面模板中一種能夠容納組件的容器，從而便于對組件進行布局。插槽在頁面中的位置可以是固定的，也可以是可移動的，若某個插槽在頁面中的位置是預設好的，意味著該插槽所容納的組件只能顯示在頁面中固定的區域內，相當于對組件的布局進行了某種限定，以便符合實際的開發需求。插槽可以有不同的類型，每種類型的插槽可以僅支持容納特定類型的組件，相當于限定了每種類型的組件所能布局的位置，以便符合實際的開發需求。

在第一方面的一種實現方式中，所述組件包括至少一個屬性，所述編輯器還配置有用于設置所述屬性的屬性設置界面。

在第一方面的一種實現方式中，所述至少一個屬性包括所述組件的顯示屬性和/或所述組件的行為屬性。