设计应用

基于组件化的后台管理页面生成系统设计与实现

作者:王敬博,张腾飞,邵武长,康卫,秦风圆,焦冬冬
发布日期:2023-12-14
来源:电子技术应用 11期

【引言】

在“互联网+”时代的发展趋势下,众多行业发展都不能脱离互联网,由此带来了日益增长的Web页面需求。然而在实际开发过程中,不论是直接编写HTML页面还是通过React或Vue等前端框架进行页面生成,效率都比较低,而且后期维护也不方便。

相较于其他页面,Web应用的后台管理系统具有较为相似的需求,页面注重的是信息的组织和功能的实现,而需求的功能大多是基于后台数据的展示和管理,其本质上是针对数据库的增删改查操作[1-2]。

基于后台管理系统的特性和当前后台页面开发的困难,提供如下设计方案:

(1)可视化页面生成系统

针对设计人员对代码不熟悉、开发人员在开发后台管理页面效率低下的问题,本文采用了可视化页面生成系统,使设计人员仅通过拖拽和点击的方式进行相应页面生成,并能够实时预览;开发人员仅需对该系统进行维护。

(2)页面模型化

针对代码复用率低、页面维护成本高、页面文件体积过大、无法满足用户需求的问题,本文采用了页面模型化技术进行解决。通过建立页面描述模型,记录页面结构、布局和样式,达到缩减页面文件体积的目的;通过将页面的元素进行组件化,提高页面内组成元素的粒度,并可以单独测试、维护,降低维护成本;通过设定组件规范,为用户提供自定义组件模型,满足自定义组件需求。


文章详细内容下载请点击:基于组件化的后台管理页面生成系统设计与实现AET-电子技术应用-最丰富的电子设计资源平台 (chinaaet.com)

【作者信息】

王敬博,张腾飞,邵武长,康卫,秦风圆,焦冬冬

(华北计算机系统工程研究所,北京 100083)


此内容为AET网站原创,未经授权禁止转载。
组件化 图形化 设计与实现