《電子技術(shù)應(yīng)用》
您所在的位置：首頁 > 模擬設(shè)計(jì) > 設(shè)計(jì)應(yīng)用 > 基于組件化的后臺管理頁面生成系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)
基于組件化的后臺管理頁面生成系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)
電子技術(shù)應(yīng)用 11期
王敬博，張騰飛，邵武長，康衛(wèi)，秦風(fēng)圓，焦冬冬
（華北計(jì)算機(jī)系統(tǒng)工程研究所，北京 100083）
摘要： 后臺管理頁面是互聯(lián)網(wǎng)企業(yè)所必需的，但當(dāng)下大部分該類頁面需要開發(fā)人員從零編寫，效率低下、維護(hù)成本高。提出了一種基于組件化的后臺管理頁面生成系統(tǒng)，通過對頁面模型化、元素組件化、組件規(guī)范化的實(shí)現(xiàn)，為用戶提供各類基礎(chǔ)組件，并且提供組件開發(fā)接口和規(guī)范，支持用戶自定義組件。該系統(tǒng)以圖形化界面完成編輯和配置，提高了開發(fā)效率，降低了開發(fā)門檻，減小了維護(hù)成本。
中圖分類號：TP391
文獻(xiàn)標(biāo)志碼：A
DOI: 10.16157/j.issn.0258-7998.233911
引用格式： 王敬博，張騰飛，邵武長，等. 基于組件化的后臺管理頁面生成系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J]. 電子技術(shù)應(yīng)用，2023，49(11)：100-104.
Design and implementation of background management page generation system based on component
Wang Jingbo，Zhang Tengfei，Shao Wuchang，Kang Wei，Qin Fengyuan，Jiao Dongdong
(National Computer System Engineering Research Institute of China， Beijing 100083， China)
Abstract： Background management pages are necessary for Internet enterprises, but most of these pages need developers to write from scratch, which is inefficient and has high maintenance costs. This paper proposes a component-based background management page generation system. Through the realization of page modeling, element componentization, and component standardization, it provides users with various basic components, and provides component development interfaces and specifications, and supports customized components. The system provided graphical interface for editing and configuration , which improves the development efficiency, lowers the development threshold and reduces the maintenance cost.
Key words : components；graphical；design and implementation

【引言】

在“互聯(lián)網(wǎng)+”時(shí)代的發(fā)展趨勢下，眾多行業(yè)發(fā)展都不能脫離互聯(lián)網(wǎng)，由此帶來了日益增長的Web頁面需求。然而在實(shí)際開發(fā)過程中，不論是直接編寫HTML頁面還是通過React或Vue等前端框架進(jìn)行頁面生成，效率都比較低，而且后期維護(hù)也不方便。

相較于其他頁面，Web應(yīng)用的后臺管理系統(tǒng)具有較為相似的需求，頁面注重的是信息的組織和功能的實(shí)現(xiàn)，而需求的功能大多是基于后臺數(shù)據(jù)的展示和管理，其本質(zhì)上是針對數(shù)據(jù)庫的增刪改查操作[1-2]。

基于后臺管理系統(tǒng)的特性和當(dāng)前后臺頁面開發(fā)的困難，提供如下設(shè)計(jì)方案：

（1）可視化頁面生成系統(tǒng)

針對設(shè)計(jì)人員對代碼不熟悉、開發(fā)人員在開發(fā)后臺管理頁面效率低下的問題，本文采用了可視化頁面生成系統(tǒng)，使設(shè)計(jì)人員僅通過拖拽和點(diǎn)擊的方式進(jìn)行相應(yīng)頁面生成，并能夠?qū)崟r(shí)預(yù)覽；開發(fā)人員僅需對該系統(tǒng)進(jìn)行維護(hù)。

（2）頁面模型化

針對代碼復(fù)用率低、頁面維護(hù)成本高、頁面文件體積過大、無法滿足用戶需求的問題，本文采用了頁面模型化技術(shù)進(jìn)行解決。通過建立頁面描述模型，記錄頁面結(jié)構(gòu)、布局和樣式，達(dá)到縮減頁面文件體積的目的；通過將頁面的元素進(jìn)行組件化，提高頁面內(nèi)組成元素的粒度，并可以單獨(dú)測試、維護(hù)，降低維護(hù)成本；通過設(shè)定組件規(guī)范，為用戶提供自定義組件模型，滿足自定義組件需求。


文章詳細(xì)內(nèi)容下載請點(diǎn)擊：基于組件化的后臺管理頁面生成系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)AET-電子技術(shù)應(yīng)用-最豐富的電子設(shè)計(jì)資源平臺 (chinaaet.com)

【作者信息】

王敬博，張騰飛，邵武長，康衛(wèi)，秦風(fēng)圓，焦冬冬

（華北計(jì)算機(jī)系統(tǒng)工程研究所，北京 100083）


此內(nèi)容為AET網(wǎng)站原創(chuàng)，未經(jīng)授權(quán)禁止轉(zhuǎn)載。