[發明專利]一種快速構建前端頁面的方法及終端

在審

• 申請號: 202110484896.5
• 申請日: 2021-04-30
• 公開（公告）號: CN113204342A
• 公開（公告）日: 2021-08-03
• 發明（設計）人: 許美娟;張城;唐光宇;閆乃永;盧學明
• 申請（專利權）人: 寶寶巴士股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/958
• 代理公司: 北京易捷勝知識產權代理事務所(普通合伙) 11613
• 代理人: 黃駿鵬

本發明涉及一種快速構建前端頁面的方法及終端，包括：S1、封裝頁面各個模塊組件得到封裝后的頁面模塊組件；S2、部署頁面內容配置后臺的配置內容，頁面內容配置后臺的配置內容包括路由配置、封裝后的頁面模塊組件配置、接口配置和表格/表單配置；S3、頁面內容配置后臺的配置內容部署完成后，執行配置文件生成服務，在文件生成服務的執行過程中執行以下步驟；S31、判斷已部署的配置內容是否合規，若不合規，則報錯并終止流程，若合規，執行S32；S32、獲取路由配置的路由信息，根據路由信息得到與路由信息對應的菜單文件夾、與菜單文件夾對應的路由文件以及與路由信息對應的頁面文件；S33、根據部署完成的配置內容生成代碼，將代碼寫入頁面文件中。

技術領域

本發明涉及計算機軟件領域，尤其涉及一種快速構建前端頁面的方法及終端。

背景技術

目前在資源配置后臺開發一個全新的頁面，需要開發人員首先創建一級目錄文件(菜單)和二級目錄文件(頁面)，并在該菜單對應的路由配置文件中聲明頁面的路由。文件創建成功后，根據所需要的功能編寫表格和表單的腳本代碼，并創建對應的接口請求文件存儲接口代碼，最后引入接口實現數據的讀取和更新，實現整體的頁面功能。重新編譯項目并訪問之前在路由配置文件中聲明的路由，即可展示構建后的頁面，表示本次前端頁面構建完成。但是這種前端頁面的構建方法存在如下缺點：

缺點1：每次新頁面開發都需要手動創建文件夾、頁面、路由、頭部信息、接口請求等，并安裝依賴并啟動項目，步驟繁瑣，容易缺漏。

缺點2：大部分頁面功能大同小異，原有開發模式代碼冗余，后期更新迭代成本高。

發明內容

(一)要解決的技術問題

為了解決現有技術的上述問題，本發明提供一種快速構建前端頁面的方法及終端，提高了前端頁面的開發效率。

(二)技術方案

為了達到上述目的，本發明采用的一種技術方案為：一種快速構建前端頁面的方法，包括：

S1、封裝頁面各個模塊組件得到封裝后的頁面模塊組件；

S2、部署頁面內容配置后臺的配置內容，所述頁面內容配置后臺提供可視化操作界面，所述頁面內容配置后臺的配置內容包括路由配置、封裝后的頁面模塊組件配置、接口配置和表格/表單配置；

S3、頁面內容配置后臺的配置內容部署完成后，執行配置文件生成服務，在文件生成服務的執行過程中執行以下步驟；

S31、判斷已部署的配置內容是否合規，若不合規，則報錯并終止流程，若合規，執行S32；

S32、獲取路由配置的路由信息，根據所述路由信息得到與所述路由信息對應的菜單文件夾、與所述菜單文件夾對應的路由文件以及與所述路由信息對應的頁面文件；

S33、根據部署完成的配置內容生成代碼，將所述代碼寫入所述頁面文件中。

本發明采用的另一種技術方案為：一種快速構建前端頁面的終端，包括存儲器、處理器及存儲在存儲器上并可在處理器上運行的計算機程序，其特征在于，所述處理器執行所述計算機程序時實現以下步驟：

S1、封裝頁面各個模塊組件得到封裝后的頁面模塊組件；

S2、部署頁面內容配置后臺的配置內容，所述頁面內容配置后臺提供可視化操作界面，所述頁面內容配置后臺的配置內容包括路由配置、封裝后的頁面模塊組件配置、接口配置和表格/表單配置；

S3、頁面內容配置后臺的配置內容部署完成后，執行配置文件生成服務，在文件生成服務的執行過程中執行以下步驟；

S31、判斷已部署的配置內容是否合規，若不合規，則報錯并終止流程，若合規，執行S32；