《電子技術應用》
您所在的位置：首頁 > 模擬設計 > 設計應用 > 基于組件化的后臺管理頁面生成系統(tǒng)設計與實現(xiàn)
基于組件化的后臺管理頁面生成系統(tǒng)設計與實現(xiàn)
電子技術應用 11期
王敬博，張騰飛，邵武長，康衛(wèi)，秦風圓，焦冬冬
（華北計算機系統(tǒng)工程研究所，北京 100083）
摘要： 后臺管理頁面是互聯(lián)網(wǎng)企業(yè)所必需的，但當下大部分該類頁面需要開發(fā)人員從零編寫，效率低下、維護成本高。提出了一種基于組件化的后臺管理頁面生成系統(tǒng)，通過對頁面模型化、元素組件化、組件規(guī)范化的實現(xiàn)，為用戶提供各類基礎組件，并且提供組件開發(fā)接口和規(guī)范，支持用戶自定義組件。該系統(tǒng)以圖形化界面完成編輯和配置，提高了開發(fā)效率，降低了開發(fā)門檻，減小了維護成本。
中圖分類號：TP391
文獻標志碼：A
DOI: 10.16157/j.issn.0258-7998.233911
引用格式： 王敬博，張騰飛，邵武長，等. 基于組件化的后臺管理頁面生成系統(tǒng)設計與實現(xiàn)[J]. 電子技術應用，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)+”時代的發(fā)展趨勢下，眾多行業(yè)發(fā)展都不能脫離互聯(lián)網(wǎng)，由此帶來了日益增長的Web頁面需求。然而在實際開發(fā)過程中，不論是直接編寫HTML頁面還是通過React或Vue等前端框架進行頁面生成，效率都比較低，而且后期維護也不方便。

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

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

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

針對設計人員對代碼不熟悉、開發(fā)人員在開發(fā)后臺管理頁面效率低下的問題，本文采用了可視化頁面生成系統(tǒng)，使設計人員僅通過拖拽和點擊的方式進行相應頁面生成，并能夠實時預覽；開發(fā)人員僅需對該系統(tǒng)進行維護。

（2）頁面模型化

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


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

【作者信息】

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

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


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