Spring Boot+Vue概述(一)

前后端分离

前后端分离就是将⼀个应⽤的前端代码和后端代码分开写,为什么要这样做?
如果不使⽤前后端分离的⽅式,会有哪些问题?
传统的 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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容