[發明專利]配置化生成前端頁面的方法、裝置、設備及存儲介質

有效

• 申請號: 202110685382.6
• 申請日: 2021-06-21
• 公開（公告）號: CN113485702B
• 公開（公告）日: 2022-07-26
• 發明（設計）人: 顏宇;沈風雷;劉國亮
• 申請（專利權）人: 上海百秋新網商數字科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/35
• 代理公司: 上海漢聲知識產權代理有限公司 31236
• 代理人: 胡晶

本發明公開了一種配置化生成前端頁面的方法、裝置、設備及存儲介質，通過在前端頁面生成代碼中引用了filter渲染文件以及list渲染文件，并且分別傳入了當前的filter配置文件(變量$filter)和list配置文件(變量$list)，然后filter渲染頁面根據傳入的filter配置項渲染出分類名稱以及主檔分類兩個查詢字段，并且根據是否帶有查詢字段自動渲染了查詢和重置按鈕。同樣的，list渲染頁面會根據傳入的list配置文件中的list_url調用對應的方法獲取到表格數據，然后根據list配置文件展示對應的字段，主要運用了layui的表格自動渲染的功能。最終通過整合filter渲染后的數據和list渲染后的數據得到前端頁面，其中filter渲染文件和list渲染文件不需要重復編寫，每次開發前端功能，直接調用即可。

技術領域

本發明屬于前端頁面開發的技術領域，尤其涉及一種配置化生成前端頁面的方法、裝置、設備及存儲介質。

背景技術

一般情況下開發一個軟件系統可能前端風格都是差不多的，但是在不同的開發者開發之后可能前端的html以及css樣式都是有各自的編碼風格，雖然達到的頁面效果是一樣的，但是代碼卻是各有千秋，可能很多頁面格式都是差不多的，但是每個頁面都應用了各自單獨的樣式，這樣就會造成重復代碼冗余，并且也不利于后期頁面的維護。

發明內容

本發明的目的是提供一種配置化生成前端頁面的方法、裝置、設備及存儲介質，通過書寫簡單的配置文件filter(按鈕以及查詢條件等渲染)以及list(數據表格渲染)來達到相同的前端渲染效果，在前端數據表格的加載方面，只需要在配置文件中表明表格數據的來源，就可以按照傳入的方法獲取到數據來渲染表格，無需對頁面單獨編碼表格數據，避免出現代碼冗余及頁面維護困難的現象。

為解決上述問題，本發明的技術方案為：

一種配置化生成前端頁面的方法，包括：

將預先撰寫的filter配置文件及其默認值作為參數傳遞給SlotFilterService類中的getDataByConfig方法，對filter配置文件中的配置信息做處理，得到變量$filter的數據結構；

將預先撰寫的list配置文件及其默認值作為參數傳遞給SlotListService類中的getDataByConfig方法，對list配置文件中的配置信息做處理，得到變量$list的數據結構；

傳遞變量$filter及變量$list給前端頁面生成代碼，實現包括按鈕、查詢字段及數據表格在內的前端頁面渲染。

根據本發明一實施例，所述filter配置文件中包括標題、按鈕、隱藏字段及查詢字段的配置信息，所述list配置文件中包括表格數據請求路徑、初始頁面顯示記錄數量、表格寬度及需要顯示的表格字段的配置信息。

根據本發明一實施例，所述對filter配置文件中的配置信息做處理進一步包括：

對filter配置文件中的按鈕進行處理，將每個按鈕的訪問路徑進行解析，得到每個按鈕點擊后的請求路徑；

對filter配置文件中查詢字段進行處理，判斷查詢字段的類型是否為select選項，若是，則判定所述查詢字段為下拉框，調用所述查詢字段對應的方法，獲取下拉框對應的下拉數據。

根據本發明一實施例，所述將每個按鈕的訪問路徑進行解析，得到每個按鈕點擊后的請求路徑進一步包括：

通過Config::get的方式獲取filter配置文件中的內容，對filter配置文件中的按鈕進行循環判斷是否存在打開新窗口的請求路徑及是否帶有返回路徑，若帶有返回路徑，則判斷是否為復雜返回路徑，若是，則將復雜返回路徑進行拆分，解析出復雜返回路徑的不同類型，根據類型返回相應的頁面。

根據本發明一實施例，所述對filter配置文件中查詢字段進行處理進一步包括：