SpringBoot连接MySQL获取数据写后端接口

SpringBoot连接MySQL获取数据写后端接口

1.新建项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.添加依赖

在这里插入图片描述

<dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>8.0.20</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>5.3.8</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>5.3.8</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-aop</artifactId>
      <version>5.3.8</version>
    </dependency>

3.spring容器中创建DriverManagerDataSource和JdbcTemplate对象

3.1在springboot中加载spring容器的方法

1、在resource下创建spring容器文件

resource ---->new---->Directory---->new Directory(application)
在这里插入图片描述
在这里插入图片描述

    <bean class="org.springframework.jdbc.datasource.DriverManagerDataSource" id="dataSource">
        <!-- 1.1.数据库驱动 -->
        <property name="driverClassName" value="com.mysql.cj.jdbc.Driver"/>
        <!-- 1.2.连接数据库的url -->
        <property name="url" value="jdbc:mysql://localhost:3306/spring?characterEncoding=utf8&amp;serverTimezone=UTC"/>
        <!-- 1.3.连接数据库的用户名 -->
        <property name="username" value="root"></property>
        <!-- 1.4.连接数据库的密码 -->
        <property name="password" value="root"></property>

    </bean>

    <bean class="org.springframework.jdbc.core.JdbcTemplate" id="jdbcTemplate">
        <property name="dataSource" ref="dataSource"/>
    </bean>
2.定义一个普通类 在该类上加上上述注解即可在springboot启动后自动加载spring容器

在这里插入图片描述

4.创建对象类,控制类

Book

注意此处的@Data注解,它是lombok的一份子,主要作用是在编译时自动生成get,set方法,所以此类中不需要我们手动写get set方法,减少我们的工作量,非常方便,强烈推荐
在这里插入图片描述

BookDao

在这里插入图片描述

TestController

在这里插入图片描述

application.properties

在这里插入图片描述

5.启动MySQL数据库

可以参考之前文章
安装MySQL8.0并在Navicat可视化操作
在这里插入图片描述

6.运行测试

如下图,运行成功
在这里插入图片描述

在浏览器中输入查看是否获取成功
在这里插入图片描述

说明:
8080和springboot参考application.properties
getbookList是TestController中RequestMapping中自定义的

至此,SpringBoot后端接口就写好了

在前端实现增删查改可以参考这篇文章
简单的图书管理系统—SpringBoot+mysql通过前后端分离实现增删查改

文章中介绍了查询的后端代码,下面是增删改查的代码

 @Autowired
    private BookDao bookDao;

    @RequestMapping("getbookList")
    @ResponseBody
    public List<Book> getbookList() {
        List<Book> bookList = bookDao.getList();
        return bookList;
    }

    @RequestMapping("deleteBook")
    @ResponseBody
    public List<Book> deleteBook(@RequestBody Map<String,String> map) {
        System.out.println(1);
        String deleteName = map.get("deleteName");
        bookDao.deleteBook(deleteName);
        return getbookList();
    }

    @RequestMapping("addBook")
    @ResponseBody
    public List<Book> addBook(@RequestBody Map<String,String> map) {
        String addName = map.get("addName");
        String addNumber = map.get("addNumber");
        String addAuthor = map.get("addAuthor");
        bookDao.addBook(addName, addNumber, addAuthor);
        List<Book> bookList = bookDao.getList();
        return bookList;
    }

    @RequestMapping("updateBook")
    @ResponseBody
    public List<Book> updateBook(@RequestBody Map<String,String> map) {
        String updateName =map.get("updateName");
        String updateNumber = map.get("updateNumber");
        String updateAuthor = map.get("updateAuthor");
        bookDao.updateBook(updateName, updateNumber, updateAuthor);
        return getbookList();
    }

如果有错,恳请指正。

如果对你有帮助,欢迎一键三连,谢谢。

攀上一座高山后,你才会发现,原来还有更多的山头等着你。 ——曼德拉

  • 9
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
好的,以下是一个简单的示例代码: 前端Vue代码: ```vue <template> <div> <h1>修改个人资料</h1> <form> <div> <label for="name">姓名:</label> <input type="text" v-model="name" id="name"> </div> <div> <label for="age">年龄:</label> <input type="number" v-model="age" id="age"> </div> <div> <label for="gender">性别:</label> <select v-model="gender" id="gender"> <option value="男">男</option> <option value="女">女</option> </select> </div> <button type="submit" @click.prevent="submit">提交</button> </form> </div> </template> <script> export default { data() { return { name: '', age: '', gender: '' } }, methods: { submit() { // 提交表单数据到后端 axios.post('/api/update', { name: this.name, age: this.age, gender: this.gender }).then(response => { console.log(response.data) }).catch(error => { console.log(error) }) } } } </script> ``` 后端Spring Boot代码: ```java @RestController @RequestMapping("/api") public class UserController { @Autowired private UserRepository userRepository; @PostMapping("/update") public ResponseEntity<String> updateUser(@RequestBody User user) { User existingUser = userRepository.findById(user.getId()).orElse(null); if (existingUser == null) { return ResponseEntity.notFound().build(); } existingUser.setName(user.getName()); existingUser.setAge(user.getAge()); existingUser.setGender(user.getGender()); userRepository.save(existingUser); return ResponseEntity.ok("修改成功"); } } ``` 其中,`User`类是一个简单的实体类,包含`id`、`name`、`age`、`gender`等属性,`UserRepository`是一个JPA接口,继承了`JpaRepository`,用于操作数据库。在这个示例中,我们假设已经完成了数据库连接和配置。 当用户在前端页面点击“提交”按钮时,会向后端发送一个POST请求,请求的URL为`/api/update`,请求体为一个包含用户信息的JSON对象。后端接收到请求后,会根据请求体中的用户ID查询数据库,找到对应的用户,并将其姓名、年龄、性别等信息更新为请求体中的值。最后,后端返回一个表示操作成功的响应。 这是一个非常简单的示例,实际应用中可能需要进行更多的校验、异常处理等操作。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱笑君吖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值