前端采用Vue和element-ui,使用echarts来可视化显示,后端采用SSM框架,使用Maven整合SSM框架。采用前后端分离的开发模式,即前端只关注页面的样式与动态数据的解析及渲染,而后端专注于具体业务逻辑,前端和后端通过api来连接,整体流程为:前端发送axios请求,后端根据前端发送的请求来做处理。前后端模式图怎么画
时间: 2023-06-12 12:06:17 浏览: 111
本项目是一个知识图谱可视化程序,采用前后端分离技术实现,前端使用Vue,后端使用Flask.zip
前后端模式图可以画成如下形式:
```
前端 后端
┌─▲─┐ ┌─▲─┐
│Vue│ │SSM│
├─┬─┤ ├─┬─┤
│E-│ │MyS│
│le-│ │QL │
│men│ ├─┴─┤
│tUI│ │API│
└─┬─┘ └─┬─┘
│ AJAX │
├─────────►│
│ JSON │
│ 数据请求 │
│◄─────────┤
│ JSON │
│ 数据响应 │
└─┬─┬─┬─┬─┬─┘
│ │ │ │ │ │
▼ ▼ ▼ ▼ ▼ ▼
```
具体说明:
1. 前端使用Vue框架来构建用户界面,使用element-ui来提供UI组件,使用echarts来可视化显示数据。
2. 后端使用SSM框架(Spring、SpringMVC、MyBatis)来实现具体业务逻辑,使用MySQL数据库来存储数据。
3. 前后端采用API来连接,前端通过axios库发送请求,后端根据请求的URL、参数等信息来处理请求,最终返回JSON格式的数据。
4. 前端解析后端返回的JSON数据,根据数据来动态渲染用户界面。
阅读全文