SpringBoot 增删改查

最新推荐文章于 2024-07-04 01:31:03 发布
最新推荐文章于 2024-07-04 01:31:03 发布
阅读量1.6k 收藏 37
点赞数 8
分类专栏： Java Spring 文章标签： spring java mybatis mysql
原文链接：https://blog.csdn.net/Woo_home/article/details/99564476
版权

最近刚开始学 SpringBoot，做了一个小项目来练手。刚好做一个记录，为没有接触过 SpringBoot 的同学提供一个参考。超详细！！！有目录结构！！！

目录

一、 创建项目

二、 创建数据库

三、 项目结构

四、 代码实现

4.1后端代码

1. User 类

2. UserController 类

3. UserMapper 接口

4. UserService 类

5. UserMapper.xml

6. application.yml

4.2 前端代码

1. insertPage.html

2. updatePage.html

3. userList.html

4. static 包

五、效果

一、 创建项目

使用 IDEA，新建 springboot 项目，可以使用 IDEA 生成，也可以在官网生成。

  • JDK：1.8

  • Java：8

Spring 官网 https://start.spring.io/

 

添加项目依赖

  • Spring Web

  • Mybatis Framework

  • MySQL Driver

  • Thymeleaf

 

二、 创建数据库

use `mall_smart`;
​
CREATE TABLE IF NOT EXISTS `wdl_user` (
`id` int(10) NOT NULL AUTO_INCREMENT,
`username` varchar(125) DEFAULT NULL,
`password` varchar(256) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

这里使用的是 MySQL Workbench

 

三、 项目结构

 

main

  • java.com.example.demo

    • bean

      • User.java

    • contoller

      • UserController.java

    • mapper

      • UserMapper.java

    • server

      • UserService.java

    • Application.java

  • resources

    • mapping

      • UserMapper.xml

    • static

      • css 包

      • img 包

      • js 包

    • templates

      • insertPage.html

      • updatePage.html

      • userList.html

    • application.yml

 

 

四、 代码实现

4.1后端代码

1. User 类

在 java.com.example.demo.bean 包下新建 User 类

package com.example.demo.bean;
​
public class User {
    private int id;
    private String username;
    private String password;
​
    public User() {
    }
​
    public User(int id, String username, String password) {
        this.id = id;
        this.username = username;
        this.password = password;
    }
​
    public int getId() {
        return id;
    }
​
    public void setId(int id) {
        this.id = id;
    }
​
    public String getUsername() {
        return username;
    }
​
    public void setUsername(String username) {
        this.username = username;
    }
​
    public String getPassword() {
        return password;
    }
​
    public void setPassword(String password) {
        this.password = password;
    }
}

control + enter 快速添加构造函数和 get() set() 方法

2. UserController 类

在 java.com.example.demo.controller 包下新建 UserController 类

package com.example.demo.controller;
​
import com.example.demo.bean.User;
import com.example.demo.server.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
​
import java.util.List;
​
@RequestMapping
@Controller
public class UserController {
​
    @Autowired
    private UserService userService;
​
    @RequestMapping("/insertPage")
    public String index(){
​
        return "insertPage";
    }
​
    @RequestMapping("select/{id}")
    @ResponseBody
    public String save(@PathVariable int id){
​
        return userService.select(id).toString();
    }
​
    @RequestMapping("/userList")
    public String userList(Model model){
        List<User> users = userService.userList();
        model.addAttribute("users",users);
        return "userList";
    }
​
    @RequestMapping("/insert")
    public String save(User user){
        userService.save(user);
        System.out.println("新增了用户：" + user);
        return "redirect:/userList";
    }
​
    @GetMapping("/delete/{id}")
    public String delete(@PathVariable Integer id){
        userService.delete(id);
        return "redirect:/userList";
    }
​
    @GetMapping("/updatePage/{id}")
    public String updatePage(Model model,@PathVariable int id){
        User user = userService.findUserById(id);
        model.addAttribute("user",user);
        return "updatePage";
    }
​
    @PostMapping("/update")
    public String updateUser(User user){
        userService.update(user);
        System.out.println("修改的用户为 ： " + user.getUsername());
        return "redirect:/userList";
    }
}

3. UserMapper 接口

在 java.com.example.demo.mapper 包下新建 UserMapper 接口

package com.example.demo.mapper;
​
import com.example.demo.bean.User;
import org.springframework.stereotype.Repository;
​
import java.util.List;
​
@Repository
public interface UserMapper {
​
    User select(int id);
​
    List<User> userList();
​
    void save(User user);
​
    int delete(Integer id);
​
    User getById(int id);
​
    int update(User user);
​
}

4. UserService 类

在 java.com.example.demo.server 包下新建 UserService 类

package com.example.demo.server;
​
import com.example.demo.bean.User;
import com.example.demo.mapper.UserMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
​
import java.util.List;
​
@Service
public class UserService {
    @Autowired
    private UserMapper userMapper;
​
    public User select(int id) {
        return userMapper.select(id);
    }
​
    public List<User> userList() {
        return userMapper.userList();
    }
​
    public void save(User user){
        userMapper.save(user);
    }
​
    public int delete(Integer id){
        return userMapper.delete(id);
    }
​
    public User findUserById(int id){
        return userMapper.getById(id);
    }
​
    public int update(User user){
        return userMapper.update(user);
    }
}

5. UserMapper.xml

写完接口后在 resource.mapping 包下新建映射文件 UserMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.example.demo.mapper.UserMapper">
​
    <!--查询所有用户-->
    <select id="select" resultType="com.example.demo.bean.User">
        select * from db.user_t where id = #{id}
    </select>
​
    
    <select id="userList" resultType="com.example.demo.bean.User">
        select * from db.user_t
    </select>
  
    <!--添加用户-->
    <insert id="save" parameterType="string">
        INSERT INTO db.user_t VALUES(null,#{username},#{password})
    </insert>
​
    <!--删除用户-->
    <delete id="delete" parameterType="int">
        delete from db.user_t where id = #{id}
    </delete>
​
    <!--根据id查询用户-->
    <select id="getById" resultType="com.example.demo.bean.User">
        select * from db.user_t where id = #{id}
    </select>
​
    <!--更改用户信息-->
    <update id="update" parameterType="user">
        update db.user_t set username=#{username},password=#{password} where id=#{id}
    </update>
​
</mapper>

6. application.yml

在 resources 包下新建 application.yml，一定要注意yml的编写格式。url 写自己数据库的 IP 和端口，username 和 password 记得改成自己的。

server:
  port: 8080
​
spring:
  datasource:
    url: jdbc:mysql://127.0.0.0/db?useUnicode=true&characterEncoding=utf-8&useSSL=true&serverTimezone=UTC
    driver-class-name: com.mysql.cj.jdbc.Driver
    username: root
    password: 12345
​
  thymeleaf:
    prefix: classpath:/templates/
    suffix: .html
    mode: HTML5
    encoding: UTF-8
    content-type: text/html
    cache: false
  web:
    resources:
      static-locations: classpath:static/
​
mybatis:
  mapper-locations: classpath:mapping/*.xml
  type-aliases-package: com.example.demo.bean
​
logging:
  level:
    com:
      example:
        demo:
          mapper : debug

4.2 前端代码

在 resources.templates 下创建 html 文件

1. insertPage.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>添加用户</title>
    <link href="/css/bootstrap.css" rel="stylesheet">
</head>
​
<body>
​
    <div style="width:800px;height:100%;margin-left:270px;">
        <form action="/insert" method="post">
            用户名：<input class="form-control" type="text" th:value="${username}" name="username"><br>
            密码：<input class="form-control" type="text" th:value="${password}" name="password"><br>
            <button class="btn btn-primary btn-lg btn-block">保存</button>
        </form>
    </div>
​
</body>
</html>

2. updatePage.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>修改用户</title>
    <link href="/css/bootstrap.css" rel="stylesheet">
</head>
<body>
​
    <div style="width:800px;height:100%;margin-left:270px;">
        <form action="/update" method="post">
            ID：<input class="form-control" name="id" type="text" th:value="${user.id}" readonly="readonly"><br>
            用户名：<input class="form-control" type="text" th:value="${user.username}" name="username"><br>
            密 码：<input class="form-control" type="text" th:value="${user.password}" name="password"><br>
            <button class="btn btn-primary btn-lg btn-block" type="submit">提交</button>
        </form>
    </div>
​
</body>
</html>

3. userList.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户列表</title>
    <link href="/css/bootstrap.css" rel="stylesheet">
</head>
​
<style>
    a {
        color:#fff;
    }
    th {
        text-align: center;
    }
</style>
​
<body>
    <table class="table table-striped table-bordered table-hover text-center">
        <thead>
            <tr style="text-align:center">
                <th>Id</th>
                <th>Username</th>
                <th>Password</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
           <tr th:each="user:${users}">
               <!--/*@thymesVar id="id" type="com.example.demo.bean.User"*/-->
               <td th:text="${user.id}"></td>
               <!--/*@thymesVar id="username" type="com.example.demo.bean.User"*/-->
               <td th:text="${user.username}"></td>
               <!--/*@thymesVar id="password" type="com.example.demo.bean.User"*/-->
               <td th:text="${user.password}"></td>
               <td>
                   <a class="btn btn-primary" th:href="@{'/updatePage/'+${user.id}}">更改</a>
                   <a class="btn btn-danger" th:href="@{'/delete/'+${user.id}}">删除</a>
               </td>
           </tr>
        </tbody>
    </table>
    <button class="btn btn-primary form-control" style="height:50px"><a th:href="@{'/insertPage'}">添加用户</a></button>
</body>
</html>

4. static 包

static 包中的 css 为 Bootstrap v3.3.7；js 为 jQuery v2.1.4。可以到原文的最下面的 gitee 下载或者自己下载。

 

五、效果

http://localhost:8080/userList

 

http://localhost:8080/insertPage

http://localhost:8080/updatePage/1

 

 

划水去摸鱼
关注
  • 8
    点赞
  • 踩
  • 37
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
专栏目录
基于springboot的增删改查
02-25
基于springboot的增删改查，适合初学springboot的小伙伴参考
springboot增删改查
06-19
本知识点将深入探讨如何利用SpringBoot实现数据库的增删改查操作。 一、SpringBoot入门 SpringBoot的核心理念是“约定优于配置”，它内置了Tomcat服务器，自动配置了Spring MVC、Spring Data JPA等模块，使得开发者...
Spring boot增删改查
m0_69397471的博客
09-01 272
简单的数据增删改查
使用SpringBoot一小时快速搭建一个简单后台管理（增删改查）（超详细教程）
最新发布
2401_85112749的博客
07-04 336
H+ 后台主题UI框架 - 主页H+是一个非常强大的前端开源框架，开箱即用，不需要过多的配置，里面有非常多组件，具体就不一一介绍了，有兴趣的自己去看看我们要做的是后台管理，所以我们直接找到表格，可以看到有很多样式选择，我们选择一个简单点这里为了方便快速搭建我选择基本表格，当时你们可以根据自己喜欢来选择H+框架引入HBuild X官网下载地址（无需安装，解压即用）打开HBuild X编译器（你用其他的也可以，没影响）
Spring boot增删查改
m0_72642657的博客
07-04 6761
在这里简单的介绍了Springle Boot的增删查改，希望能给大家带来帮助，本人是个还在学习的小白，有不对的地方还请大家多多指点。
Spring Boot 整合微信小程序实现登录与增删改查
公众号：Java后端
05-04 1905
点击上方Java后端，选择设为星标优质文章，及时送达项目描述：在微信小程序中通过与Springboot操作数据库实现简单的增删改查，其中我是用springboot整合mybatis-...
springboot的增删改查
Flying_Fish_roe的博客
04-21 1336
以上是Spring Boot项目中的增删改查操作。其中，实体类定义了数据表中的字段；Mapper定义了数据操作的方法；Service定义了对Mapper方法的调用；而XML文件则定义了MyBatis框架中的SQL语句。同时，@Repository、@Service、@Controller等注解可以让Spring框架自动地实例化Bean，并将其加入到应用程序的上下文中。3. Spring Boot项目的依赖：```xml。XML文件（使用MyBatis）：```xml。实体类：```java。
SpringBoot 增删改查实例Demo
10-22
在本实例中，我们将深入探讨如何使用SpringBoot框架进行数据库操作，主要集中在增删改查（CRUD）功能。SpringBoot以其简洁的配置和强大的功能，成为Java开发中广泛采用的框架，尤其在构建微服务时更为突出。下面，...
springboot增删改查Demo
07-23
spring boot + jpa + bootstrap + thymeleaf 简单的增删改查Demo，对springboot和bootstrap初学者来说是一个不错Demo github代码下载地址：https://github.com/wjup/springBoot_Jpa
springboot增删改查demo
10-12
这个"springboot增删改查demo"是一个实践项目，旨在帮助初学者理解如何在SpringBoot环境中实现基本的CRUD（Create、Read、Update、Delete）操作。下面将详细介绍这个项目可能涉及的关键知识点。 1. **Spring ...
springboot简单增删改查
04-11
springboot编写的简单增删改查，内部的API没有写好。但是不影响运行，可以直接运行
spring boot 增删改查
08-02
spring boot 增删改查加模糊分页 很简单适合初学者spring boot 增删改查加模糊分页 很简单适合初学者spring boot 增删改查加模糊分页 很简单适合初学者
springboot框架简单的增删改查
01-10
springboot框架简单的增删改查HTML为前端页面，如有不懂可联系
spring boot增删改查
10-07
开放工具直接用的sts-3.9.0.RELEASE，连接的数据库是oracle11g，实现了一个增删改查的小例子
SpringBoot+mybatis+增删改查完整源码
09-02
SpringBoot+mybatis+Maven+mysql脚本增删改查完整源码，
SpringBootWeb的增删改查
CadWasUsed的博客
08-04 1075
REST（Representational State Transfer），表现形式状态转换，它是一种软件架构风格在前后端分离的开发模式中，前后端开发人员都需要根据提前定义好的接口文档，来进行前后端功能的开发，而在前后端进行交互的时候，我们需要基于当前主流的REST风格的API接口进行交互在REST风格的URL中，我们通过四种请求方式，来操作数据的增删改查。1. GET ： 查询2. POST ：新增3. PUT ：修改4.DELETE ：删除。
springboot 增删改查
weixin_44629340的博客
04-13 159
配置springboot server: port: 8080 # jdbc 的配置 spring: datasource: url: jdbc:mysql://localhost:3306/db_gm?userSSL=true&characterEncoding=utf-8&&serverTimezone=UTC username: root ...
SPRINGBOOT增删改查
09-08
关于Spring Boot的增删改查操作，你可以按照以下步骤进行实现： 1. 建立实体类：首先创建一个Java类，用来表示你的数据表或实体。在类上使用`@Entity`注解，标识它为一个实体类，同时使用`@Table`注解指定映射的...
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值