[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-hjKZQzTE":3,"public-project-articles-hjKZQzTE":17},{"id":4,"uuid":5,"project_id":6,"title":7,"content":8,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},895,"hjKZQzTE",50,"01. 一个视频学会SpringBoot","## 脚手架源码\n链接: [https:\u002F\u002Fpan.baidu.com\u002Fs\u002F1mUITL6fh7zk30mrutMHjlg?pwd=87s8](https:\u002F\u002Fpan.baidu.com\u002Fs\u002F1mUITL6fh7zk30mrutMHjlg?pwd=87s8) 提取码: 87s8\n\n## 软件\n\nIDEA2023、JDK21、MySQL8、ApacheMaven3.8、Navicat（数据库管理工具）\n\n获取软件可以关注公众号：**程序员青戈**，回复：**软件**\n\n\n## SpringBoot 配置\n\n### Maven\n\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2025\u002Fpng\u002F751015\u002F1760343243460-5c2baea4-9547-4ed5-baf8-3014457c5f7a.png)\n\n### 字符集\n\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2025\u002Fpng\u002F751015\u002F1760343309918-d688bea1-7797-422a-b308-62873a1f9ffc.png)\n\n### 插件\n\nVue.js\n\nMybatisX\n\n### 自动更新修改后的网页内容\n\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2025\u002Fpng\u002F751015\u002F1760171725072-b5952498-4841-4ad4-b7dd-166d69640a3d.png)\n\n### Pom 依赖\n\nspring-web、mysql、Mybatis、Hutool（工具包）、PageHelper\n\n## 配置启动项\n\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2025\u002Fpng\u002F751015\u002F1760343607398-91ca6623-8199-4ff9-ae91-37c940e0e399.png)\n\n## application.yml\n\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2025\u002Fpng\u002F751015\u002F1760343685193-3b8ef38e-8c5b-4a75-9780-cd8289be2d9d.png)\n\n## 网页存放的目录\n\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2025\u002Fpng\u002F751015\u002F1760343801244-bebd8555-11e3-49d2-8244-f40639c08a0f.png)\n\n## 实战：用户查询\n\n### 创建数据库 springboot_vue\n\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2025\u002Fpng\u002F751015\u002F1760343988405-895333b9-6d6b-475b-b92b-4fd0cc960e03.png)\n\n### user 数据库 SQL\n\n```sql\nCREATE TABLE `user` (\n  `id` int NOT NULL AUTO_INCREMENT COMMENT '主键ID',\n  `username` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '账号',\n  `password` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '密码',\n  `name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '姓名',\n  `phone` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '电话',\n  `email` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '邮箱',\n  PRIMARY KEY (`id`)\n) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;\n```\n\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2025\u002Fpng\u002F751015\u002F1760344087809-3458606b-1aee-4dac-a1c0-59bd5bae60e5.png)\n\n### Controller\n\n**在类的头部加上这个注解：@RestController**\n\n------\n\n**@RequestMapping** 加在类上面，可以设置一级理由\n\n**@GetMapping** 表示查询的接口\n\n**接口必须写上路由**\n\n最终的访问路径：[http:\u002F\u002Flocalhost:8080\u002Fuser\u002FselectList](http:\u002F\u002Flocalhost:8080\u002Fuser\u002FselectList)\n\n在 Controller 里面调用 Service\n\n```java\n@Resource\nUserService userService;\n```\n\n### Service\n\n**在类的头部加上这个注解：@Service**\n\n**在 Service 里面调用 Mapper**\n\n```java\n@Resource\nUserMapper userMapper;\n```\n\n### Mapper\n\nMapper 是一个接口，只定义接口的方法，具体的实现在 Mapper.xml 里面做\n\n### Mapper.xml\n\n实现：\n\n```xml\n\u003C!DOCTYPE mapper\n        PUBLIC \"-\u002F\u002Fmybatis.org\u002F\u002FDTD Mapper 3.0\u002F\u002FEN\"\n        \"http:\u002F\u002Fmybatis.org\u002Fdtd\u002Fmybatis-3-mapper.dtd\">\n\u003Cmapper namespace=\"com.example.mapper.UserMapper\">\n    \n    \u003Cselect id=\"selectList\" resultType=\"com.example.entity.User\">\n        select * from `user`\n    \u003C\u002Fselect>\n    \n\u003C\u002Fmapper>\n```\n\n### SpringBoot 开发步骤\n\n1. 创建数据库表\n2. 创建 Java 的实体类跟这个表的字段对应上\n3. 创建 Controller，定义一个接口\n4. 创建 Service，在 Service 里面调用 Mapper 的数据接口，提供一个**数据访问的方法**\n5. 创建 Mapper 接口，提供**数据访问的接口**\n6. 创建 Mapper.xml，写上 sql 语句，操作数据库\n\n\n### 进阶\n\n创建一个 car 的表，写上汽车相关的字段，最后通过链接可以查询到所有的数据\n\n","coding",1,256,1793,"2025-10-17 17:19:16","2026-05-03 22:49:02","一个视频带你学会Springboot+Vue实战开发","springboot-vue-video",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,21,28],{"id":4,"uuid":5,"project_id":6,"title":7,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},{"id":22,"uuid":23,"project_id":6,"title":24,"type":9,"status":10,"public_enabled":10,"views":25,"sort":26,"created_at":27,"updated_at":14,"project_title":15,"project_slug":16},908,"uagE5iJR","02. 彻底搞会SpringBoot进阶开发模式",131,1815,"2025-10-15 18:08:39",{"id":29,"uuid":30,"project_id":6,"title":31,"type":9,"status":10,"public_enabled":10,"views":32,"sort":33,"created_at":34,"updated_at":14,"project_title":15,"project_slug":16},917,"aOkpnT10","03. 一个视频学会Vue3+Element-Plus",117,1828,"2025-10-17 17:17:50"]