SpringBoot+SpringCluod框架下的系统架构图

这个是前后端分离的设计模式
前台主要是使用了Nuxt(服务端渲染)结合vue完成的页面开发.
前端技术：

• 基础的HTML、CSS、JavaScript（基于ES6标准）
• JQuery
• Vue.js 2.6
• 基于Vue的UI框架：Vuetify

Vuetify几乎不需要任何CSS代码，而element-ui许多布局样式需要我们来编写
Vuetify从底层构建起来的语义化组件。简单易学，容易记住。
Vuetify基于Material Design（谷歌推出的多平台设计规范），更加美观，动画效果酷炫，且风格统一

• 前端构建工具：WebPack，项目编译、打包工具
• 前端安装包工具：NPM-包资源管理器
• Vue脚手架：Vue-cli springBoot
• Vue路由：vue-router
• ajax框架：axios
• 基于Vue的富文本框架：quill-editor

后端技术：

• 基础的SpringMVC、Spring 5.0和MyBatisPlus
• Spring Boot 2.1.3版本
• Spring Cloud 版本 Greenwich.Release
• Redis-4.0
• RabbitMQ / RocketMQ
• Elasticsearch-6.2.4
• nginx-反向代理