1.2　系统架构

本系统采用前后端分离架构实现，前后端通过JSON格式进行交互，前后端皆可分开独立部署。前端支持开启Mock模拟接口数据，可以避免对后台接口开发进度的依赖；后台支持使用Swagger进行接口测试，同样可以避免对前端页面开发进度的依赖。

1.2.1　前端架构

前端架构比较简单，核心框架使用当前主流的Vue.js，UI使用饿了么开源的Element，前后端交互使用了axios，使用Mock模拟接口数据。

前端架构如图1-1所示。

图1-1

1.2.2　后端架构

后端架构使用Spring Boot + Spring Security + Spring Cloud + MyBatis的主体架构，除此之外，选择Consul注册中心，使用Maven构建工具、MySQL数据库等。

后端架构如图1-2所示。

图1-2