第一个前后端分离开发:SpringBoot+vue

写作目的

程序分离开发后:前端只需要独⽴编写客户端代码,后端也只需要独⽴编写服务端代码提供数据接⼝即可,这是目前开发的主流模式,也是我目前正在学习的方向。
前端通过 Ajax 请求来访问后端的数据接⼝,将 Model 展示到 View 中即可。
前后端开发者只需要提前约定好接⼝⽂档(URL、参数、数据类型…),然后分别独⽴开发即可,前端可以造假数据进⾏测试,完全不需要依赖于后端,最后完成前后端集成即可,真正实现了前后端应⽤的解耦合,极⼤地提升了开发效率。
前端应⽤:负责数据展示和⽤户交互。
后端应⽤:负责提供数据处理接⼝。
PS:本次开发的图书网站的小项目来自B站UP楠哥,https://www.bilibili.com/video/BV137411B7vB?p=1,再次感谢这位有开源精神的开发前辈!

学习和理解开发逻辑

SpringBoot 迅速开发的后端+ vue脚手架 加element ui元素的简介好看的界面
SpringBoot在控制层传送url给前端 控制层内有继承JpaRepository的类,通过这个Repository对数据进行增删改查。(个人理解)在这里插入图片描述
前后端分离就是将⼀个单体应⽤拆分成两个独⽴的应⽤,前端应⽤和后端应⽤以 JSON 格式进⾏数据交互。

遇到的问题

springboot的yml配置和依赖是老生常谈了,是比较基础的东西,而这次前后端分离遇到了跨域问题,采用了AJAX解决,addCorsMappings实现ajax跨域请求。

代码地址

https://github.com/yuzy258/WebDev 后端
https://github.com/yuzy258/WebVueDev 前端

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值