基于組件化的后臺管理頁面生成系統設計與實現
電子技術應用 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網站原創，未經授權禁止轉載。