值不值得学:先看它解决什么工作场景
很多上班族和转行者想学开发,但一上手就被环境配置和前后端联调劝退。这门课聚焦 SpringBoot 与 Vue 的前后端分离整合,解决的核心场景很具体:怎么把一个后端接口服务和一个前端页面拼起来,跑通一个完整应用。它不追求讲透每个底层原理,而是让你先能把项目搭起来、把接口写出来、把页面连上。如果你的目标是做内部管理系统、后台数据接口或小型业务系统,这种组合是当下主流方案,学完能直接对上日常开发需求。但如果你只是想学纯前端动效或纯后端架构调优,这门课的侧重点不在那里,需自行斟酌。
适合什么基础与建议先看哪几块
课程定位零基础,但完全没碰过任何代码的人会吃力。建议你至少对 Java 基本语法或 HTML 有粗略概念,再来跟课会更顺。按资料顺序,建议先看课程介绍与 SpringBoot 项目创建部分,重点放在手动创建项目和环境搭建上,把项目跑起来比死记配置重要。接着看全局配置文件和静态资源访问,理解后端怎么处理请求。前端部分先跟着把 Vue 项目初始化跑通,别急着抠细节。中间遇到工具初始化项目需要联网的环节,按步骤操作即可,不要跳过结构分析,那是理解整个工程的基础。
学完能独立做什么与资料怎么配合练习
学完后,你应该能独立搭建一个前后端分离的小型应用:后端用 SpringBoot 提供数据接口,前端用 Vue 渲染页面并调用接口。具体能做的事包括写增删改查接口、处理跨域请求、把数据从数据库取到前端展示。练习时不要只看不动,每学完一个知识点就新建一个测试文件敲一遍。比如学后端接口就自己加一个查询逻辑,学前端就试着调通这个接口。把资料里的代码当作参考答案,先自己写再看对照。遇到报错先查配置和依赖版本,这是前后端分离开发中最常踩的坑,也是必须练熟的基本功。
学会使用SpringBoot和Vue框架,并能整合应用
课程目录
* 01 课程介绍/
* 01 课程介绍.mp4 05:56
* 02 SpringBoot项目创建和环境搭建/
* 01 为什么要学Springboot.mp4 19:39
* 02 通过Spring初始化工具创建(需要联网).mp4 24:24
* 03 通过官网创建springboot项目(需联网).mp4 20:31
* 04 手动创建springboot项目(不用联网).mp4 18:34
* 05 springboot结构分析.mp4 20:35
* 06 全局配置文件的使用.mp4 15:52
* 03 SpringBoot如何访问静态资源/
* 01 如何添加thymeleaf模板.mp4 20:53
* 02 springboot中如何访问静态资源.mp4 14:56
* 03 章节测试
* 04 SpringBoot整合Mybatis/
* 01 springboot中整合mybatis_1.mp4 23:40
* 02 springboot中整合mybatis_2.mp4 35:57
* 03 springboot中整合mybatis_3.mp4 23:22
* 04 springboot中整合mybatis_4.mp4 27:11
* 05 springboot中整合mybatis_5.mp4 07:13
* 06 springboot中整合mybatis_6.mp4 09:21
* 07 整合mybatis7(注解方式一对一).mp4 20:07
* 08 整合mybatis_8(注解方式一对多查询).mp4 15:17
* 05 SpringBoot整合Mybatis多数据源/
* 01 mybatis中整合多数据源逻辑分析.mp4 16:13
* 02 mybatis里配置多数据源的配置信息.mp4 29:29
* 03 mybatis整合多数据源代码测试.mp4 22:12
* 04 章节测试
* 06 SpringBoot整合Spring Data Jpa/
* 01 什么是spring data jp.mp4 23:58
* 02 spring data jpa入门案例.mp4 33:14
* 03 spring data jpa的核心接口有哪些.mp4 08:53
* 04 JpaRepository的基本增删改查.mp4 10:21
* 05 分页和排序.mp4 12:18
* 06 自定义查询方法.mp4 11:22
* 07 @Query和@Param注解的使用.mp4 14:50
* 08 一对一关系查询.mp4 13:02
* 09 一对多关系查询.mp4 21:52
* 10 多对多查询.mp4 11:24
* 11 JPA多条件查询接口的使用.mp4 14:29
* 12 JPQL查询语言.mp4 28:11
* 13 JPQL实现删除和修改操作.mp4 09:27
* 14 配置jpa多数据源理论分析.mp4 12:07
* 15 配置jpa多数据源代码实现.mp4 15:16
* 16 配置jpa多数据源代码实现2.mp4 17:49
* 17 章节测试
* 07 SpringBoot创建RestFul风格接口/
* 01 什么是前后端完全分离.mp4 09:40
* 02 什么是rest和restful.mp4 10:51
* 03 restful规范有哪些.mp4 16:33
* 04 http动词之get的使用.mp4 22:53
* 05 api测试工具Postman.mp4 10:54
* 06 http动词之post的使用.mp4 08:05
* 07 http动词之post的使用.mp4 06:29
* 08 http动词之delete的使用.mp4 06:02
* 09 http动词之delete的使用.mp4 15:08
* 10 restful风格中如何统一响应结果2.mp4 16:19
* 11 restful风格中如何统一响应结果3.mp4 08:04
* 08 Api接口的统一异常管理/
* 01 Api接口的统一异常管理.mp4 26:34
* 02 章节测试
* 09 统一日志管理/
* 01 日志级别和日志框架有哪些.mp4 27:13
* 02 Springboot中如何使用日志框架.mp4 13:09
* 03 日志管理的简单设置.mp4 13:46
* 04 日志管理的复杂设置.mp4 19:00
* 05 章节测试
* 10 跨域访问CORS/
* 01 什么是同源策略什么是cors.mp4 24:58
* 02 怎么使用cors实现跨域访问.mp4 10:54
* 03 cors跨域访问实现前后端完全分离.mp4 11:14
* 11 SpringBoot整合Swagger2生成在线接口文档/
* 01 什么是swagger.mp4 10:09
* 02 springboot中怎么整合swagger.mp4 29:21
* 03 swagger的常用注解.mp4 13:04
* 04 章节测试
* 12 Vue.js 框架 快速入门/
* 01 为什么要学Vue.js.mp4 05:21
* 02 vue框架介绍.mp4 16:02
* 03 第一个入门程序.mp4 16:47
* 04 vue的响应式.mp4 04:10
* 05 引入钩子函数.mp4 04:25
* 06 vue生命周期.mp4 22:51
* 13 Vue常用指令/
* 01 v-bind的使用.mp4 08:54
* 02 v-text和v-html的使用.mp4 06:26
* 03 v-if的使用.mp4 07:26
* 04 v-for循环普通数组.mp4 07:32
* 05 v-for循环对象数组.mp4 10:29
* 06 章节测试
* 14 Vue实现数据双向绑定/
* 01 v-model实现双向绑定.mp4 08:14
* 02 v-model实现双向绑定2.mp4 03:49
* 15 事件绑定/
* 01 v-on实现事件绑定.mp4 11:28
* 02 综合案例.mp4 13:20
* 03 综合案例2.mp4 23:52
* 16 Template模板/
* 01 template标签用法1.mp4 08:46
* 02 template标签用法2.mp4 13:35
* 17 Vue组件/
* 01 创建vue全局组件.mp4 12:28
* 02 如何在其它页面导入组件.mp4 11:55
* 03 局部组件.mp4 06:29
* 04 父子组件.mp4 06:23
* 05 props动态传参.mp4 11:41
* 06 watch监视.mp4 11:20
* 07 章节测试
* 18 Axios--实现ajax功能/
* 01 什么是axios.mp4 09:32
* 02 axios发送get请求.mp4 20:46
* 03 axios访问服务器端接口.mp4 23:07
* 19 VueCli脚手架/
* 01 什么是VueCli.mp4 09:40
* 02 下载和安装VScode.mp4 12:41
* 03 配置VScode环境.mp4 10:18
* 04 安装node.js和npm.mp4 14:00
* 05 安装脚手架VueCli.mp4 14:13
* 06 使用脚手架创建vue项目.mp4 11:17
* 07 如何启动项目和导入项目到Vscode..mp4 10:12
* 08 VueCli项目结构.mp4 13:43
* 09 章节测试
* 20 Router路由/
* 01 vue-router是什么.mp4 14:49
* 02 怎么设置路由.mp4 09:50
* 03 路由间如何切换.mp4 21:31
* 04 路由跳转的第二种方式.mp4 05:18
* 21 SpringBoot整合Vue实现前后端分离/
* 01 springboot和vue综合案例介绍.mp4 09:35
* 02 查询用户列表.mp4 25:01
* 03 查询单个用户信息.mp4 20:09
* 04 修改用户信息.mp4 11:40
* 05 删除用户.mp4 07:09
* 06 添加用户.mp4 12:06
* 07 章节测试
* 22 结课测试/
* 01 章节测试






