springboot整合mybatis案例

springboot通过整合mybatis来实现数据的呈现。

一、springInitializer创建项目

注意:不选择也可以,创建项目后在pom.xml配置文件中引入依赖

<!--        mybatis起步依赖-->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis</artifactId>
            <version>3.5.14</version>
        </dependency>
<!--        mysql驱动依赖-->
        <dependency>
            <groupId>com.mysql</groupId>
            <artifactId>mysql-connector-j</artifactId>
        </dependency>

 create项目即可。

二、创建数据库并连接

建立连接后进行刷新,使数据同步。

通过配置文件application.yml使项目与数据库进行数据获取

 三、创建实体类

创建数据库对应的实体类,并实现对应的getter、setter方法。

 

四、运行进行测试 

显示这个界面即为成功

好的,下面是一个简单的 Spring Boot 整合 MyBatis 和 Vue 的案例。 1. 创建 Spring Boot 项目 使用 Spring Initializr 创建一个新的 Spring Boot 项目,包含以下依赖: - Spring Web - MyBatis Framework - MySQL Driver - Lombok 2. 配置数据库 在 application.properties 文件中配置数据库连接信息,示例: ``` spring.datasource.url=jdbc:mysql://localhost:3306/test?serverTimezone=UTC&useSSL=false&characterEncoding=utf8 spring.datasource.username=root spring.datasource.password=123456 ``` 3. 配置 MyBatisSpring Boot 中,可以使用 MyBatis 的注解方式进行配置。创建一个 UserMapper 接口,示例: ```java @Mapper public interface UserMapper { @Select("select * from user") List<User> getAllUsers(); } ``` 4. 创建 Vue 项目 使用 Vue CLI 创建一个新的 Vue 项目,使用 Element UI 进行 UI 设计。 5. 配置前端 API 在 Vue 项目中创建一个 api.js 文件,用来配置前端 API,示例: ```javascript import axios from 'axios' export default { getAllUsers () { return axios.get('/api/users') } } ``` 6. 创建前端组件 在 Vue 项目中创建一个 UserList.vue 组件,用来显示用户列表,示例: ```vue <template> <div> <el-table :data="users"> <el-table-column prop="id" label="ID"></el-table-column> <el-table-column prop="name" label="Name"></el-table-column> <el-table-column prop="age" label="Age"></el-table-column> </el-table> </div> </template> <script> import api from '@/api' export default { data () { return { users: [] } }, mounted () { api.getAllUsers().then(res => { this.users = res.data }) } } </script> ``` 7. 创建后端控制器 在 Spring Boot 项目中创建一个 UserController 控制器,用来处理前端 API 请求,示例: ```java @RestController @RequestMapping("/api") public class UserController { @Autowired private UserMapper userMapper; @GetMapping("/users") public List<User> getAllUsers() { return userMapper.getAllUsers(); } } ``` 8. 运行应用程序 使用命令行或者 IDE 运行应用程序,访问 http://localhost:8080 即可看到用户列表。 以上就是一个简单的 Spring Boot 整合 MyBatis 和 Vue 的案例,实现了一个简单的用户列表功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值