IDEA搭建一个SpringBoot项目——十分详细(web+mysql)

本博客记录了IDEA中使用Springboot框架搭建一个web+mysql项目的详细过程，适合springboot初学者学习。

​前排提示：

IDEA版本：IntelliJ IDEA 2021.1.1 专业版（是否为专业版影响不大）

搭建目的：前端web页面能够获取到MySQL数据库中的数据

---

详细步骤：

1. 创建一个新项目

File -> New -> Project...

2. 项目环境配置

左侧选择Spring Initializr，右侧对项目一些属性进行配置。其中，包名Name为"newDemo"，Project SDK默认1.8版本，java选择8（我的jdk是1.8），点击next；

3. 添加依赖项

添加依赖项页面如下：

在添加依赖项环节中，我们添加Web下的Spring Web，SQL下的MyBatis Framework和MySQL Driver；

       

右侧可以看见已经选择的依赖；

点击Finish完成项目创建；

4. 创建好的项目结构

5. application.yml配置

将resources文件夹下的application.properties文件后缀名改为yml；

双击进入配置页面，进行端口、数据库和Mybatis的配置，我的配置结果如下；

其中，需要注意的几个地方如下：

端口号设置为默认值：8080；

mysql数据库：edusystem，username：root，password：111111；

mybatis下的type-aliases-package：com.example.newDemo.bean（bean目录马上创建）

mysql数据库需要替换成自己的数据库、用户名和密码；

该部分代码如下（注意缩进）：

server: port: 8080spring: datasource: url: jdbc:mysql://localhost:3306/edusystem?serverTimezone=Asia/Shanghai&characterEncoding=utf-8 username: root password: 111111 driver-class-name: com.mysql.cj.jdbc.Drivermybatis: type-aliases-package: com.example.newDemo.bean

6. web页面测试

在resources的static目录下创建index.html，内容如下；

点击右上角运行按钮；

可见运行成功；

打开浏览器，在地址栏输入localhost:8080，回车；

可见index.html的内容成功显示在页面上。至此，web环境搭建成功，接下来搭建mysql环境。

7. 创建bean、controller、mapper、service四层目录

在newdemo目录下创建bean、controller、mapper、service四层目录，目录结构如下所示；

8. 完善bean层

我的edusystem数据库下的departments表数据如下：

在bean层下建立Depart类，内容如下（属性要和数据表的列一一对应）：

package com.example.newdemo.bean;public class Depart { private String id; private String depName; private Integer grades; public String getId() {  return id; } public void setId(String id) {  this.id = id; } public String getDepName() {  return depName; } public void setDepName(String depName) {  this.depName = depName; } public Integer getGrades() {  return grades; } public void setGrades(Integer grades) {  this.grades = grades; }}

9. 完善mapper层

在mapper层下建立DepartMapper接口，内容如下：

package com.example.newdemo.mapper;import com.example.newdemo.bean.Depart;import org.apache.ibatis.annotations.Mapper;import org.apache.ibatis.annotations.Select;import java.util.List;@Mapperpublic interface DepartMapper { @Select({   "select",   "id, depName, grades",   "from departments" }) List<Depart> selectAll();}

10. 完善service层

在service层下建立DepartService接口和DepartServiceImpl实现类，内容分别如下；

DepartService接口：

package com.example.newdemo.service;import com.example.newdemo.bean.Depart;import java.util.List;public interface DepartService { public List<Depart> selectAll();}

DepartServiceImpl实现类：

package com.example.newdemo.service;import com.example.newdemo.bean.Depart;import com.example.newdemo.mapper.DepartMapper;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Service;import java.util.List;@Service("departService")public class DepartServiceImpl implements DepartService{ @Autowired private DepartMapper departMapper; @Override public List<Depart> selectAll() {  return departMapper.selectAll(); }}

11. 完善controller层

在controller层下建立DepartController类，内容如下：

package com.example.newdemo.controller;import com.example.newdemo.bean.Depart;import com.example.newdemo.service.DepartService;import com.example.newdemo.service.DepartServiceImpl;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestMethod;import org.springframework.web.bind.annotation.RestController;import javax.annotation.Resource;import java.util.List;@RestController@RequestMapping("/depart")public class DepartController { @Resource private DepartService departService = new DepartServiceImpl(); @RequestMapping(value = "/selectAll", method = RequestMethod.GET) public List<Depart> selectAll() {  List<Depart> list = departService.selectAll();  return list; }}

12. 完善后的项目结构

13. 完善index.html以进行测试

对index.html的内容进行完善，用来获取数据表departments中的数据，内容如下：

：https://www.ikjzd.com/articles/11349
CMA、MSK、OOCL发布费用调整通知，物流费用将再上涨！：https://www.ikjzd.com/articles/11350
2025年，泰国和越南电商市场规模将排名东南亚电商第二和第三：https://www.ikjzd.com/articles/11353
少妇口述：乱性丈夫将我拖进换妻游戏：http://lady.shaoqun.com/a/73636.html
民工把奶头吸的又大又长 被农民工吸的奶水直流：http://lady.shaoqun.com/a/247873.html
岳让我扒她内裤 岳用手握着我的那个：http://lady.shaoqun.com/m/a/248073.html
舌尖分开她的细缝舔舐 他的舌尖在她的小核上逗弄：http://www.30bags.com/m/a/249712.html
男人亲吻你的这些部位才是真的爱你！：http://lady.shaoqun.com/a/400712.html
夫妻分居，女人会从三个方面摆脱孤独。你认识几个？：http://lady.shaoqun.com/a/400713.html
异性之间，男性在这些位置主动"亲吻"女性，女性很兴奋，结局也很美好：http://lady.shaoqun.com/a/400714.html
男人"舔"你三个地方，说明真的爱你！：http://lady.shaoqun.com/a/400715.html