企业内部使用的管理系统,因为用户群体固定,界面只需要做到整洁大方即可,所以可以使用开源的UI框架进行界面的快速设计与开发。
本项目在利用模板引擎的传统前后端架构下,使用Bootstrap框架进行UI设计,在引入Vue进行Web工程化管理后再使用Element Plus进行UI设计。以员工管理主界面为例,Bootstrap的修饰效果如图1-13所示。
图1-13
在前后端分离架构下,使用Element Plus设计的员工新增界面效果,如图1-14所示。
图1-14