[發(fā)明專利]一種WEB信息系統(tǒng)前端頁面自動生成的系統(tǒng)及其方法

有效

• 申請?zhí)枺?/td>: 202010061778.9
• 申請日: 2020-01-20
• 公開（公告）號: CN111259303B
• 公開（公告）日: 2023-05-12
• 發(fā)明（設(shè)計）人: 王永利;姚金柱;武浩;宋向明;王傳順;王海燕
• 申請（專利權(quán)）人: 西安百想科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F8/38
• 代理公司: 西安國兆智匯知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 61269
• 代理人: 姬曉瑩

一種WEB信息系統(tǒng)前端頁面自動生成的系統(tǒng)，包括有數(shù)據(jù)配置模塊、后端生成模塊、前端生成模塊；該方法包括以下步驟：步驟一，在數(shù)據(jù)配置模塊進(jìn)行業(yè)務(wù)邏輯數(shù)據(jù)配置；步驟二，根據(jù)步驟一的數(shù)據(jù)配置生成數(shù)據(jù)查詢服務(wù)接口；步驟三，根據(jù)步驟一的數(shù)據(jù)配置和步驟二的服務(wù)接口，生成前端頁面；該方法解決了開發(fā)周期長，人員技能要求高，修改生效周期長，開發(fā)成本高的問題。

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

本發(fā)明屬于WEB頁面生成技術(shù)領(lǐng)域，具體涉及一種WEB信息系統(tǒng)前端頁面自動生成的系統(tǒng)及其方法。

背景技術(shù)

Web頁面定義的方法很多，有采用Sun公司的JSP文件格式、微軟公司的ASP、XAML格式，有PHP文件格式，有Adobe公司采用的?SWFXML文件格式，每種格式都有它的優(yōu)勢和劣勢。針對各種文件格式，都對頁面展現(xiàn)的基本元素進(jìn)行了定義，包括頁面、布局、控件、事件的定義。

針對每個業(yè)務(wù)，用戶看到的每個界面，以及統(tǒng)一業(yè)務(wù)的每個端(如?PC、AndroidAPP、IOSAPP、微信公眾號界面、微信小程序、WAP界面)，通常開發(fā)者都要進(jìn)行逐一的開發(fā)，代碼重復(fù)度高，業(yè)務(wù)與代碼耦合度高，同一業(yè)務(wù)邏輯規(guī)則在系統(tǒng)中多處代碼分布(如數(shù)據(jù)庫規(guī)則，服務(wù)端處理代碼，前端界面數(shù)據(jù)字段及呈現(xiàn)、校驗規(guī)則及用戶交互與提示處理代碼)頻繁出現(xiàn)不一致及用戶不友好，對于業(yè)務(wù)的頻繁變化難以應(yīng)對，人員技能要求高(例如要懂CSS布局、html、JavaScript，以及各種響應(yīng)式布局和前端框架如Angular、VUE、React)，造成了巨大的開發(fā)工作量的浪費，復(fù)雜度高，可重用度低，維護(hù)成本高。

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

為克服上述現(xiàn)有技術(shù)的不足，本發(fā)明的目的是提供一種WEB信息系統(tǒng)前端頁面自動生成的系統(tǒng)及其方法，以解決開發(fā)周期長，人員技能要求高，修改生效周期長，開發(fā)成本高的問題。

為實現(xiàn)上述目的，本發(fā)明采用的方案是：一種WEB信息系統(tǒng)前端頁面自動生成的系統(tǒng)，包括有數(shù)據(jù)配置模塊、后端生成模塊、前端生成模塊；

所述的數(shù)據(jù)配置模塊是后端生成模塊和前端生成模塊的基礎(chǔ)，后端生成模塊依賴數(shù)據(jù)配置模塊，前端生成模塊通過獲取數(shù)據(jù)配置的參數(shù)進(jìn)行界面展示。數(shù)據(jù)配置模塊具體包含業(yè)務(wù)表配置、表MAP關(guān)系配置、樹形表屬性配置、字段關(guān)聯(lián)關(guān)系配置、業(yè)務(wù)表字段相關(guān)配置、字段顯示特性配置、字段分組配置和業(yè)務(wù)邏輯配置。

所述的后端生成模塊是指在后端把數(shù)據(jù)配置完成后，系統(tǒng)執(zhí)行熱加載操作，系統(tǒng)自動處理數(shù)據(jù)配置模塊的配置，生成增加、刪除、更新和查詢接口和數(shù)據(jù)表信息。

所述的前端生成模塊是指系統(tǒng)按照接口的定義，查詢出配置的信息，根據(jù)配置信息進(jìn)行前端界面生成。

一種WEB信息系統(tǒng)前端頁面自動生成的系統(tǒng)，包括有數(shù)據(jù)庫，數(shù)據(jù)庫存儲信息系統(tǒng)業(yè)務(wù)邏輯相關(guān)的內(nèi)容，作為數(shù)據(jù)庫數(shù)據(jù)或者腳本文件的方式進(jìn)行維護(hù)和存儲以及獨立維護(hù)，數(shù)據(jù)庫通過服務(wù)接口將數(shù)據(jù)庫的存儲內(nèi)容供前端查詢；采用web前后端分離的架構(gòu)；使用通用的后端代碼解析配置內(nèi)容，提供服務(wù)端服務(wù)接口；使用通用的前端代碼解析后端返回的配置內(nèi)容，構(gòu)造業(yè)務(wù)頁面相關(guān)內(nèi)容及用戶交互組件。

一種WEB信息系統(tǒng)前端頁面自動生成的方法，包括以下步驟：

步驟一，在數(shù)據(jù)配置模塊進(jìn)行業(yè)務(wù)邏輯數(shù)據(jù)配置，具體包括以下內(nèi)容：

業(yè)務(wù)表配置，包括業(yè)務(wù)表英文名、中文名、業(yè)務(wù)表類型、業(yè)務(wù)表間關(guān)系，業(yè)務(wù)表唯一性約束，主鍵，行數(shù)據(jù)顯示標(biāo)簽字段配置；

業(yè)務(wù)表字段相關(guān)配置，包括字段英文名、中文名、字段自定義類型、字段缺省值、字段是否必須輸入、字段長度、字段順序編號、字段校驗規(guī)則配置、字段校驗規(guī)則相關(guān)提示配置、字段placeholder配置、字段幫助配置；

表MAP關(guān)系配置，對于是MAP關(guān)系表的，標(biāo)記MAP表關(guān)系以及相關(guān)的字段，從而在業(yè)務(wù)界面、用戶交互及業(yè)務(wù)數(shù)據(jù)處理時，按?MAP特定業(yè)務(wù)邏輯進(jìn)行處理；