基于组件化的后台管理页面生成系统设计与实现
电子技术应用 11期
王敬博，张腾飞，邵武长，康卫，秦风圆，焦冬冬
（华北计算机系统工程研究所，北京 100083）
摘要： 后台管理页面是互联网企业所必需的，但当下大部分该类页面需要开发人员从零编写，效率低下、维护成本高。提出了一种基于组件化的后台管理页面生成系统，通过对页面模型化、元素组件化、组件规范化的实现，为用户提供各类基础组件，并且提供组件开发接口和规范，支持用户自定义组件。该系统以图形化界面完成编辑和配置，提高了开发效率，降低了开发门槛，减小了维护成本。
中圖分類號：TP391
文獻標志碼：A
DOI: 10.16157/j.issn.0258-7998.233911
引用格式： 王敬博，張騰飛，邵武長，等. 基于組件化的后臺管理頁面生成系統設計與實現[J]. 電子技術應用，2023，49(11)：100-104.
文獻標志碼：A
DOI: 10.16157/j.issn.0258-7998.233911
引用格式： 王敬博，張騰飛，邵武長，等. 基于組件化的后臺管理頁面生成系統設計與實現[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
【引言】
在“互聯網+”時代的發展趨勢下，眾多行業發展都不能脫離互聯網，由此帶來了日益增長的Web頁面需求。然而在實際開發過程中，不論是直接編寫HTML頁面還是通過React或Vue等前端框架進行頁面生成，效率都比較低，而且后期維護也不方便。
相較于其他頁面，Web應用的后臺管理系統具有較為相似的需求，頁面注重的是信息的組織和功能的實現，而需求的功能大多是基于后臺數據的展示和管理，其本質上是針對數據庫的增刪改查操作[1-2]。
基于后臺管理系統的特性和當前后臺頁面開發的困難，提供如下設計方案：
（1）可視化頁面生成系統
針對設計人員對代碼不熟悉、開發人員在開發后臺管理頁面效率低下的問題，本文采用了可視化頁面生成系統，使設計人員僅通過拖拽和點擊的方式進行相應頁面生成，并能夠實時預覽；開發人員僅需對該系統進行維護。
（2）頁面模型化
針對代碼復用率低、頁面維護成本高、頁面文件體積過大、無法滿足用戶需求的問題，本文采用了頁面模型化技術進行解決。通過建立頁面描述模型，記錄頁面結構、布局和樣式，達到縮減頁面文件體積的目的；通過將頁面的元素進行組件化，提高頁面內組成元素的粒度，并可以單獨測試、維護，降低維護成本；通過設定組件規范，為用戶提供自定義組件模型，滿足自定義組件需求。
文章詳細內容下載請點擊：基于組件化的后臺管理頁面生成系統設計與實現AET-電子技術應用-最豐富的電子設計資源平臺 (chinaaet.com)
【作者信息】
王敬博，張騰飛，邵武長，康衛，秦風圓，焦冬冬
（華北計算機系統工程研究所，北京 100083）
此內容為AET網站原創，未經授權禁止轉載。