写作目的
程序分离开发后:前端只需要独⽴编写客户端代码,后端也只需要独⽴编写服务端代码提供数据接⼝即可,这是目前开发的主流模式,也是我目前正在学习的方向。
前端通过 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 前端