Spring Boot 3 +Vue 3开发实战
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.5.7 界面设计

企业内部使用的管理系统,因为用户群体固定,界面只需要做到整洁大方即可,所以可以使用开源的UI框架进行界面的快速设计与开发。

本项目在利用模板引擎的传统前后端架构下,使用Bootstrap框架进行UI设计,在引入Vue进行Web工程化管理后再使用Element Plus进行UI设计。以员工管理主界面为例,Bootstrap的修饰效果如图1-13所示。

图1-13

在前后端分离架构下,使用Element Plus设计的员工新增界面效果,如图1-14所示。

图1-14