[發(fā)明專利]一種快速構(gòu)建前端頁面的方法及終端

在審

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

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

技術(shù)領(lǐng)域

本發(fā)明涉及計算機(jī)軟件領(lǐng)域，尤其涉及一種快速構(gòu)建前端頁面的方法及終端。

背景技術(shù)

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

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

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

發(fā)明內(nèi)容

(一)要解決的技術(shù)問題

為了解決現(xiàn)有技術(shù)的上述問題，本發(fā)明提供一種快速構(gòu)建前端頁面的方法及終端，提高了前端頁面的開發(fā)效率。

(二)技術(shù)方案

為了達(dá)到上述目的，本發(fā)明采用的一種技術(shù)方案為：一種快速構(gòu)建前端頁面的方法，包括：

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

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

S3、頁面內(nèi)容配置后臺的配置內(nèi)容部署完成后，執(zhí)行配置文件生成服務(wù)，在文件生成服務(wù)的執(zhí)行過程中執(zhí)行以下步驟；

S31、判斷已部署的配置內(nèi)容是否合規(guī)，若不合規(guī)，則報錯并終止流程，若合規(guī)，執(zhí)行S32；

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

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

本發(fā)明采用的另一種技術(shù)方案為：一種快速構(gòu)建前端頁面的終端，包括存儲器、處理器及存儲在存儲器上并可在處理器上運(yùn)行的計算機(jī)程序，其特征在于，所述處理器執(zhí)行所述計算機(jī)程序時實現(xiàn)以下步驟：

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

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

S3、頁面內(nèi)容配置后臺的配置內(nèi)容部署完成后，執(zhí)行配置文件生成服務(wù)，在文件生成服務(wù)的執(zhí)行過程中執(zhí)行以下步驟；

S31、判斷已部署的配置內(nèi)容是否合規(guī)，若不合規(guī)，則報錯并終止流程，若合規(guī)，執(zhí)行S32；