java后端开发常用springboot框架,开发简单不繁琐,容易上手。简简单单配置好一些配置项,整个web项目就能运行起来了。vue前端也是比较流行的前端开发框架,写起来简单,组件也丰富,参考资料多。
这期就应薯薯们要求,讲一起这两个框架结合起来的前后端分离项目交互的过程。其实无论什么技术开发框架,前后端交互过程核心都是一致的,大家也可以参考一下我写的那一篇用户注册流程。程序员小嗨
1、在用vue开发的前端项目中,会有配置后端入口的环境配置。可以全局搜索一下你后端运行的访问地址。类似localhost:8080,找到这,就能找到前端组装发送请求的地方了。像一般项目都会分成多个环境,开发测试生产。在这只需要关注开发环境就好了。一般在开发环境添加后端访问地址,再在工具类中的封装好的请求组装发送。详情可以看我图二介绍。
2、发送的请求是什么意思?简单点说,无论你是打开系统页面,还是点击系统上的按钮(新增查找删除等等),都会触发一个请求,一个向后端请求数据操作的请求。听起来很拗口,实际上你换个角度想想,在系统上显示的数据从哪里来,到哪里去。这些数据最终都是在数据库里存着,而后端的角色就是起到一个中介的作用。从库里拿给你,或放到库里。
3、springboot的配置文件在哪呢?在resources文件下会有一个yml或properties后缀的文件,这个文件就是springboot项目的配置文件,在这文件中一般配置项目数据库连接相关信息、项目运行访问端口、其他web配置等等。(程序员小嗨)
4、咋交互?在第二点提到,任何在系统的操作都可能会触发请求,而请求就会交到后端程序来执行操作。在系统操作的浏览器上,按F12进入浏览开发者工具,找到“网络”这一栏,点击“Fetch/XHR”,就可以看到所有关于数据这块的请求了。点击其中一个,查看“标头”就能找到请求url。与之对应在springboot项目中也会有一个对应的入口。这时候的操作又回到之前提到的三层获取数据了(controller、service、mapper),在这就不重复了。
点击查看更多内容https://larkcommunity.feishu.cn/wiki/space/7447926059355389954?ccm_open_type=lark_wiki_spaceLink&open_tab_from=wiki_home