前后端分离
前后端分离就是将⼀个应⽤的前端代码和后端代码分开写，为什么要这样做？
如果不使⽤前后端分离的⽅式，会有哪些问题？
传统的 Java Web 开发中，前端使⽤ JSP 开发，JSP 不是由后端开发者来独⽴完成的。
前端-->HTML 静态⻚⾯ --->后端 --->JSP
前端只需要独⽴编写客户端代码，后端也只需要独⽴编写服务端代码提供数据接⼝即可。
前端通过 Ajax 请求来访问后端的数据接⼝，将 Model 展示到 View 中即可。
前后端开发者只需要提前约定好接⼝⽂档（URL、参数、数据类型...），然后分别独⽴开发即可，前端可以造假数据进⾏测试(可以利用postman)，完全不需要依赖于后端，最后完成前后端集成即可，真正实现了前后端应⽤的
解耦合，极⼤地提升了开发效率。
单体---》前端应⽤ + 后端应⽤
前端应⽤：负责数据展示和⽤户交互。
后端应⽤：负责提供数据处理接⼝。
前端 HTML ---》Ajax ---〉RESTful 后端数据接⼝。
传统的单体应用
image.png
前后的分离
image.png
SpringBoot+vue前后端交互需要安装axios
vue add axios
开发工具:
IDEA
Vue3.0安装使用
https://www.jianshu.com/p/d4a7502bc721
Vue启动可视化
image.png
image.png
image.png
image.png
image.png
image.png
image.png
安装成功后安装Element插件
image.png
image.png
image.png
网友评论