Spring Boot：Web应用开发之增删改查的实现-Toy模板网

这篇具有很好参考价值的文章主要介绍了Spring Boot：Web应用开发之增删改查的实现。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Spring Boot：Web应用开发之增删改查的实现,Spring Boot,Web应用开发之增删改查的实现

前言

增删改查功能作为 Web 应用中的基础且重要的组成部分，是基本的数据库操作，也是实现业务逻辑和功能的关键要素。下面简单介绍使用 Spring Boot 实现增删改查的功能。

实现增删改查功能

在上一章 Spring Boot：Web应用开发之登录与退出的实现文章的案例基础上，进行实现增删改查的功能。

简单示例：
首先，创建一个 PublicTemplate.html ，将 html 的公共代码抽离到这页面上，方便其他页面进行复用（使用方式：th:replace=“模版名称::模版⽚段名称”）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公共页面-抽离与复用</title>
</head>
<body>
    <!-- th:fragment 属性来定义被包含的模版⽚段，以供其他模版使用。模版⽚段名称为 top -->
    <div class="header" th:fragment="header">
        主页面的头部区域
    </div>

    <div class="center">
        <!-- 通用侧边栏区域 -->
        <div class="sidebar" th:fragment="sidebar">
            <!-- 增强效果设置：th:class="${isActive=='Main.html'?'active':''}" 当切换到该页面时，内容设定为 active 的样式 -->
            <a href="#" th:class="${isActive=='Main.html'?'active':''}" th:href="@{Main.html}">主页</a> <br>
            <a href="#" th:class="${isActive=='UserList.html'?'active':''}" th:href="@{UserList.html}">用户列表</a> <br>
            <a th:href="@{/logout.html}">退出</a>
        </div>
    </div>

    <div class="footer" th:fragment="footer">
        主页面的脚部区域
    </div>
</body>
</html>

创建需要用到的页面，有公共的代码便使用 th:replace 调用

Main.html：主页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MainDemo</title>
    <!--  存放 css 文件默认在 static 目录下 -->
    <link rel="stylesheet" type="text/css" th:href="@{/css/PublicCss.css}">
</head>
<body>
    <!-- th:replace 替换整个标签到引入的文件。使用方式——th:replace="模版名称::模版⽚段名称" -->
    <div th:replace="PublicTemplate::header"></div>

    <dic class="center">
        <!-- 增强效果设置：(isActive='Main.html') -->
        <div th:replace="PublicTemplate::sidebar(isActive='Main.html')"></div>

        <div class="main">
            主页面内容
        </div>
    </dic>

    <div th:replace="PublicTemplate::footer"></div>
</body>
</html>

UserList.html：显示用户列表页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>UserListDemo</title>
    <!--  存放 css 文件默认在 static 目录下 -->
    <link rel="stylesheet" type="text/css" th:href="@{/css/PublicCss.css}">
</head>
<body>
    <!-- th:replace 替换整个标签到引入的文件。使用方式——th:replace="模版名称::模版⽚段名称" -->
    <div th:replace="PublicTemplate::header"></div>

    <dic class="center">
        <div th:replace="PublicTemplate::sidebar(isActive='UserList.html')"></div>

        <div class="main">
            <form th:action="UserSearch.html" method="post">
                <input type="text" name="searchByUsername" />
                <input type="submit" value="查询" />
                <a th:href="@{/UserAdd.html}">添加</a>
            </form>
            <table>
                <tr>
                    <td>id</td>
                    <td>账号</td>
                    <td>密码</td>
                    <td>注册时间</td>
                    <td>地址</td>
                    <td>操作</td>
                </tr>

                <tr th:each="user:${users}">
                    <td th:text="${user.id}"></td>
                    <td th:text="${user.username}"></td>
                    <td th:text="${user.password}"></td>
                    <td th:text="${user.regDate}"></td>
                    <td th:text="${user.address}"></td>

                    <td>
                        <a th:href="@{/UserDelete.html(id=${user.id})}" onclick="return confirm('确定要删除吗？')">删除</a>
                        <a th:href="@{/UserUpdate.html(id=${user.id})}">修改</a>
                    </td>
                </tr>
            </table>
        </div>
    </dic>

    <div th:replace="PublicTemplate::footer"></div>
    </body>
</html>

UserAdd.html：添加用户页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>UserAddDemo</title>
</head>
<body>
    <form th:action="@{/UserAdd.html}" method="post">
        账号：<input type="text" name="username"/> <br>
        密码：<input type="text" name="password"/> <br>
        地址：
        <select name="address.id">
            <option th:value="${address.id}" th:each="address:${addresses}">[[${address.addressInfo}]]</option>
        </select> <br>

        <input type="submit" th:value="添加">
    </form>
</body>
</html>

UserUpdate.html：修改用户页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>UserUpdateDemo</title>
</head>
<body>
    <div class="main">
        <form th:action="@{/UserUpdate.html}" method="post">
            <input type="hidden" name="id" th:value="${user.id}">
            账号：<input type="text" name="username" th:value="${user.username}"/> <br>
            密码：<input type="text" name="password" th:value="${user.password}"/> <br>
            注册时间：<input type="text" name="regDate" th:value="${#dates.format(user.regDate,'yyyy-MM-dd HH:mm:ss')}"/> <br>
            地址：
            <select name="address.id">
                <option th:value="${address.id}" th:selected="${user.address.id == address.id}" th:each="address:${addresses}">[[${address.addressInfo}]]</option>
            </select> <br>

            <input type="submit" th:value="修改">
        </form>
    </div>
</body>
</html>

然后，在 User 实体类上使用 @DateTimeFormat 注解指定日期样式（否则在修改注册时间时，会出现类型转换问题），再创建一个 Address 类
Spring Boot：Web应用开发之增删改查的实现,Spring Boot,Web应用开发之增删改查的实现

package cn.edu.SpringBootWebDemo.Entity;

import jakarta.persistence.*;

@Entity
@Table(name = "address")
public class Address {
    private int id;
    private String addressInfo; // 地址详情

    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY) // 自增
    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    @Column(name = "address_info") // 指定字段名
    public String getAddressInfo() {
        return addressInfo;
    }

    public void setAddressInfo(String addressInfo) {
        this.addressInfo = addressInfo;
    }

    @Override
    public String toString() {
        return "Address{" +
                "id=" + id +
                ", addressInfo='" + addressInfo + '\'' +
                '}';
    }
}

随之，在 UserDao 接口上声明一个模糊查询方法，在 AddressDao 接口上直接继承 JpaRepository<实体类，主键类型> 即可
Spring Boot：Web应用开发之增删改查的实现,Spring Boot,Web应用开发之增删改查的实现

接着，在 Service 包内创建一个 UserService 接口，声明增删改查方法，并创建一个 UserServiceImpl 实现类实现该接口方法； AddressService 接口与 AddressServiceImpl 实现类同理

UserService 接口：

package cn.edu.SpringBootWebDemo.Service;

import cn.edu.SpringBootWebDemo.Entity.User;

import java.util.List;

public interface UserService {
    public User login(User user);

    //增删改查
    public void add(User user);

    public void delete(int id);

    public void update(User user);

    public User get(int id);

    public List<User> getALLUsers();

    public List<User> getByUsernameLike(String string);
}

UserServiceImpl 实现类：

package cn.edu.SpringBootWebDemo.Service;

import cn.edu.SpringBootWebDemo.Dao.UserDao;
import cn.edu.SpringBootWebDemo.Entity.User;
import jakarta.transaction.Transactional;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service("userService")
@Transactional // 放在类上，类上的所有方法都支持事务；也可以只放在一个方法上，只指定那个方法支持事务
public class UserServiceImpl implements UserService{

    @Autowired
    private UserDao userDao;

    @Override
    public User login(User user) {
        // 根据用户名查询有没有对应的账号
        User user1 = userDao.getByUsername(user.getUsername());
        // 判断是否为空或密码错误，登录失败返回 null
        if (user1 == null) return null;
        if(!user1.getPassword().equals(user.getPassword())) return null;
        // 返回 User 对象，登录成功
        return user1;
    }

    @Override
    public void add(User user) {
        userDao.save(user);
    }

    @Override
    public void delete(int id) {
        userDao.deleteById(id);
    }

    @Override
    public void update(User user) {
        userDao.saveAndFlush(user);
    }

    @Override
    public User get(int id) {
        return userDao.findById(id).get();
    }

    @Override
    public List<User> getALLUsers() {
        return userDao.findAll();
    }

    @Override
    public List<User> getByUsernameLike(String string) {
        return userDao.getByUsernameLike(string);
    }
}

AddressService 接口：

package cn.edu.SpringBootWebDemo.Service;

import cn.edu.SpringBootWebDemo.Entity.Address;

import java.util.List;

public interface AddressService {
    public void add(Address address);

    public void delete(int id);

    public void update(Address address);

    public Address get(int id);

    public List<Address> getAllAddress();
}

AddressServiceImpl 实现类：

package cn.edu.SpringBootWebDemo.Service;

import cn.edu.SpringBootWebDemo.Dao.AddressDao;
import cn.edu.SpringBootWebDemo.Entity.Address;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class AddressServiceImpl implements AddressService{
   @Autowired
    private AddressDao addressDao;

    @Override
    public void add(Address address) {
        addressDao.save(address);
    }

    @Override
    public void delete(int id) {
        addressDao.deleteById(id);
    }

    @Override
    public void update(Address address) {
        addressDao.saveAndFlush(address);
    }

    @Override
    public Address get(int id) {
        return addressDao.findById(id).get();
    }

    @Override
    public List<Address> getAllAddress() {
        return addressDao.findAll();
    }
}

再在 Controller 包内的 UserController 控制类上处理用户相关的 HTTP 请求

package cn.edu.SpringBootWebDemo.Controller;

import cn.edu.SpringBootWebDemo.Entity.Address;
import cn.edu.SpringBootWebDemo.Entity.User;
import cn.edu.SpringBootWebDemo.Service.AddressService;
import cn.edu.SpringBootWebDemo.Service.UserService;
import jakarta.servlet.http.HttpSession;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;

import java.util.Date;
import java.util.List;

@Controller
public class UserController {

    @Autowired
    private UserService userService;
    @Autowired
    private AddressService addressService;

    @GetMapping("/Login.html")
    public String login(HttpSession httpSession){
        // 成功登录后不能再返回登录页面，而是跳转到主页
        boolean flag = httpSession.getAttribute("loginUser")==null?true:false;
        if (flag){
            return "Login";
        }else {
            return "redirect:/Main.html";
        }
    }

    @GetMapping("/Main.html")
    public String main(){
        return "Main";
    }

    // 判断登录
    @PostMapping("/Login.html")
    public String login(User user, HttpSession httpSession, Model model){
        // 控制层——接受页面的账号和密码。调用服务层的 login 方法，判断登录是否成功。
        // 成功将返回的 user 对象保存到 session 的域空间；反之返回一个错误提示。
        User user1 = userService.login(user);
        if(user1 != null) {
            // 将返回的 user 对象保存到 session 的域空间，页面跳转到主页中
            httpSession.setAttribute("loginUser",user1);
            return "redirect:/Main.html";
        }else {
            // 登录失败，返回错误提示
            model.addAttribute("loginError","用户名或密码错误！");
            return "Login";
        }
    }

    // 退出
    @GetMapping("/logout.html")
    public String logout(HttpSession httpSession){
        // 通过 invalidate 方法清空 httpSession 里的内容
        httpSession.invalidate();
        return "redirect:/Login.html";
    }

    // 显示用户
    @GetMapping("/UserList.html")
    public String userlist(Model model){
        List<User> users = userService.getALLUsers();
        model.addAttribute("users",users);
        System.out.println(users);
        return "UserList";
    }

    // 模糊查询用户
    @PostMapping("/UserSearch.html")
    // 接受的参数，searchByUsername 名字与页面 input 标签的 name 属性值一致
    public String userSearch(String searchByUsername,Model model){
        List<User> users = userService.getByUsernameLike("%" + searchByUsername + "%");
        model.addAttribute("users",users);
        return "UserList";
    }

    // 先获取所有的地址信息，再进行添加用户
    @GetMapping("/UserAdd.html")
    public String addUser(Model model){
        List<Address> addresses = addressService.getAllAddress();
        model.addAttribute("addresses",addresses);
        return "UserAdd";
    }
    @PostMapping("/UserAdd.html")
    public String addUser(User user){
        user.setRegDate(new Date());
        userService.add(user);
        return "redirect:/UserList.html";
    }

    // 修改实现：1.点击修改按钮，打开修改页面
    @GetMapping("/UserUpdate.html")
    public String updateUser(Model model,Integer id){
        // 获取指定用户信息
        User user = userService.get(id);
        model.addAttribute("user",user);
        // 获取指定地址信息
        List<Address> addresses = addressService.getAllAddress();
        model.addAttribute("addresses",addresses);
        return "UserUpdate";
    }
    // 2.修改实现
    @PostMapping("/UserUpdate.html")
    public String updateUserAchieve(User user){
        userService.update(user);
        return "redirect:/UserList.html";
    }

    // 删除用户
    @GetMapping("/UserDelete.html")
    public String deleteUser(Integer id){
        userService.delete(id);
        return "redirect:/UserList.html";
    }
}

最后，在 SpringBootWebDemoApplication 启动类上使用 @EnableTransactionManagement 注解开启事务，并启动 Spring Boot 进行测试

package cn.edu.SpringBootWebDemo;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.Bean;
import org.springframework.jdbc.datasource.DataSourceTransactionManager;
import org.springframework.transaction.PlatformTransactionManager;
import org.springframework.transaction.annotation.EnableTransactionManagement;

import javax.sql.DataSource;

@EnableTransactionManagement // 开启事务
@SpringBootApplication
public class SpringBootWebDemoApplication {
    // 获取事务管理器类型
//    @Bean
//    public Object testBean(PlatformTransactionManager platformTransactionManager){
//        System.out.println("事务管理器类型：" + platformTransactionManager.getClass().getName());
//        return new Object();
//    }

    // 指定事务管理器，设置后会覆盖默认的事务管理器
//    @Bean
//    public PlatformTransactionManager manager(DataSource dataSource){
//        return new DataSourceTransactionManager(dataSource);
//    }

    public static void main(String[] args) {
        SpringApplication.run(SpringBootWebDemoApplication.class, args);
    }

}

结果如图：
1.登录，进入主页
Spring Boot：Web应用开发之增删改查的实现,Spring Boot,Web应用开发之增删改查的实现

2.点击用户列表，进入显示用户列表页面
Spring Boot：Web应用开发之增删改查的实现,Spring Boot,Web应用开发之增删改查的实现

3.在显示用户列表页面上，进行模糊查询，输入 “刘” 点击查询
Spring Boot：Web应用开发之增删改查的实现,Spring Boot,Web应用开发之增删改查的实现
模糊查询结果：

4.在显示用户列表页面上，点击添加，进入添加页面，输入用户信息，点击添加用户
Spring Boot：Web应用开发之增删改查的实现,Spring Boot,Web应用开发之增删改查的实现
添加用户结果：

5.在显示用户列表页面上，点击修改，进入修改页面，修改用户信息，点击修改用户
Spring Boot：Web应用开发之增删改查的实现,Spring Boot,Web应用开发之增删改查的实现
修改用户结果：

6.在显示用户列表页面上，点击删除，弹出确认窗口，点击确定
Spring Boot：Web应用开发之增删改查的实现,Spring Boot,Web应用开发之增删改查的实现
删除用户结果：

Web 应用开发案例中的主要目录结构：
Spring Boot：Web应用开发之增删改查的实现,Spring Boot,Web应用开发之增删改查的实现

PublicCss.css：设置页面样式的文本文件

body{
    background-image: url("../img/background-image.png");
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.header{
    text-align: center;
    height: 90px;
    line-height: 90px;
    width: 100%;
    border: 2px black solid;
}

.center{
    width: 100%;
    height: 450px;
}

.center .sidebar{
    width: 120px;
    height: 550px;
    float: left;
    border: 2px black solid;
}

.center .main{
    width: 100%;
    height: 550px;
    border: 2px black solid;
}

table{
    border-collapse: collapse;
}

th, td {
    border: 1px silver solid;
    padding: 0.3em 1em;
}

.footer{
    text-align: center;
    height: 90px;
    line-height: 90px;
    width: 100%;
    border: 2px black solid;
}

/* 增强效果设置 */
.active{
    color: darkturquoise;
    text-decoration: none;
}

background-image.png：页面背景图片
Spring Boot：Web应用开发之增删改查的实现,Spring Boot,Web应用开发之增删改查的实现文章来源地址https://www.toymoban.com/news/detail-858639.html