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