springboot访问mysql数据库

首先确定已有MySQL8.0及以上版本，笔者此处使用navicat作为图形化工具

创建数据库：

打开数据库：

添加一张表，表名为userinfoa（不为userinfo的原因是早期数据库内部有这张表，可能会有问题）：

查询没问题：

找到mybatis plus官网：https://baomidou.com/
点击快速开始，我们需要两样东西，装到pom.xml文件中。
一个在安装中，找到springboot3，复制过来：

com.baomidou
mybatis-plus-spring-boot3-starter
3.5.9

另一个在代码生成器，复制过来：

com.baomidou
mybatis-plus-generator
3.5.9

注意到生成器的使用需要引擎，我们访问maven官网：https://mvnrepository.com/
搜索：Velocity
选择Apache Velocity，1.7，复制过来：

org.apache.velocity
velocity
1.7

这三个东西的位置大概在这里：

保存，点击右方Maven，刷一下，自动下载依赖，等新加入的红色消失就可以了。
还需添加一个文件，在test->java->com.neu.springboottest下，名为MybatisPlusGenerrator，这个可以去论坛找别人写好的。
注意更改为自己的信息。
运行起来，就加入了一些文件内容：

接下来就可以从数据库查询数据了，找到controller->UserinfoController
先在vuehello2中加入一个按钮：

{{result3}}

getSayHello

方法我们一会写，先来搞定springboot部分。 在刚才的UserinfoController中，内容如下： import java.util.List;

@RestController
@RequestMapping("userinfoa")
public class UserinfoaController {
@Autowired
IUserinfoaService userinfoaService;

@GetMapping("getUserinfoa")
public List<Userinfoa> getUserinfoa(){
    List<Userinfoa> list = userinfoaService.list();
    return list;
}

}
找到application.properties文件，添加：

datasource configuration

spring.datasource.url=jdbc:mysql://localhost:3306/*****
spring.datasource.username=root
spring.datasource.password=****

spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

logging.level.com.neu.***.mapper=debug

MyBatis-Plus configuration

mybatis-plus.mapper-locations=classpath:/mappers/**/*.xml

mybatis-plus.type-aliases-package=com.neu.****.entity

mybatis-plus.global-config.db-config.id-type=auto

mybatis-plus.global-config.db-config.field-strategy=not_empty

mybatis-plus.global-config.db-config.table-prefix=tbl_

mybatis-plus.global-config.banner=false

mybatis-plus.configuration.map-underscore-to-camel-case=true

mybatis-plus.configuration.cache-enabled=false

星号部分为你自己的内容。
运行。

再回到vue中，添加按钮result3：let result3 = ref(null)

{{result3}}

getUserinfo

方法： function getUserinfo() { axios.get("/backendserver/userinfoa/getUserinfoa").then((response) => { console.log(response.data) result3.value = response.data }) } 重启服务。 点击按钮，出现： 

于是我们就完成了前后端消息的整合。