值不值得学:先看它解决什么工作场景

很多上班族和转行者想学开发,但一上手就被环境配置和前后端联调劝退。这门课聚焦 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 章节测试