[發明專利]前端網頁開發方法、裝置、存儲介質和電子設備

在審

• 申請號: 202210324833.8
• 申請日: 2022-03-30
• 公開（公告）號: CN114706580A
• 公開（公告）日: 2022-07-05
• 發明（設計）人: 劉功賀;李東;周紅麗
• 申請（專利權）人: 湖南快樂陽光互動娛樂傳媒有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/41
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 藏斌

本發明公開了本發明提供的前端網頁開發方法、裝置、存儲介質和電子設備，可以通過獲得目標網頁的路由信息；根據所述路由信息發送相應的請求，以請求獲得預先配置的與所述路由信息相關聯的網頁配置參數；將所述網頁配置參數解析為符合amis工具的語法內容，以便于所述amis工具根據所述語法內容解析得到符合瀏覽器解析規則的網頁內容，其中，所述網頁內容與所述目標網頁對應。由此可以看出，本發明基于amis工具解析得到相應網頁內容，無需技術人員逐一進行開發相應的功能，效率較高。

技術領域

本發明涉及前端領域，特別涉及一種前端網頁開發方法、裝置、存儲介質和電子設備。

背景技術

現代的web系統開發技術豐富多彩，主流的vue、react、angular等前端框架都需要專業的前端開發人員來開發、維護，甚至很多并不是非常訂制化的系統也遵循這套開發規則；

在很多系統中需要集成大量的細節功能，包括：可以對數據進行篩選、有按鈕可以刷新數據、編輯單行數據、批量修改和刪除、查詢某列、按某列排序、隱藏某列、開啟整頁內容拖拽排序、表格分頁、數據匯總、支持導出excel等，這些功能都需要開發大量代碼，通常需要技術人員逐一進行開發，開發難度大，效率較低。

發明內容

鑒于上述問題，本發明提供一種克服上述問題或者至少部分地解決上述問題的前端網頁開發方法、裝置、存儲介質和電子設備。

第一方面，一種前端網頁開發方法，包括：

獲得目標網頁的路由信息；

根據所述路由信息發送相應的請求，以請求獲得預先配置的與所述路由信息相關聯的網頁配置參數；

將所述網頁配置參數解析為符合amis工具的語法內容，以便于所述amis工具根據所述語法內容解析得到符合瀏覽器解析規則的網頁內容，其中，所述網頁內容與所述目標網頁對應。

結合第一方面，在某些可選的實施方式中，所述獲得目標網頁的路由信息，包括：

加載所述目標網頁對應的組件，其中，所述組件對應多個不同的目標網頁；

通過所述組件集成的vue-router功能獲取所述目標網頁的路由信息。

結合第一方面，在某些可選的實施方式中，所述根據所述路由信息發送相應的請求，以請求獲得預先配置的與所述路由信息相關聯的網頁配置參數，包括：

根據所述路由信息中的url地址，通過xmlHttpRequest對象向數據庫發送所述http請求，以向所述數據庫請求獲得所述網頁配置參數，其中，所述網頁配置參數至少包括相應的amis配置參數和頁面菜單信息。

結合上一個實施方式，在某些可選的實施方式中，所述將所述網頁配置參數解析為符合amis工具的語法內容，以便于所述amis工具根據所述語法內容解析得到符合瀏覽器解析規則的網頁內容，包括：

通過amis.embed對象將所述網頁配置參數渲染至指定的頁面容器中，從而得到所述語法內容，以便于所述amis工具根據所述語法內容解析得到所述網頁內容。

結合第三個實施方式，在某些可選的實施方式中，在所述將所述網頁配置參數解析為符合amis工具的語法內容之后，所述方法還包括：

變更所述數據庫中存儲的與所述路由信息相關聯的網頁配置參數，從而修改所述網頁內容。

第二方面，一種前端網頁開發裝置，包括：路由信息獲得單元、請求發送單元和網頁獲得單元；

所述路由信息獲得單元，用于獲得目標網頁的路由信息；

所述請求發送單元，用于根據所述路由信息發送相應的請求，以請求獲得預先配置的與所述路由信息相關聯的網頁配置參數；