当前位置：首页 > news >正文

Springboot Thymeleaf 实现数据添加、修改、查询、删除

news 文章来源：https://blog.csdn.net/qq_29385297/article/details/137199854 2024/11/16 11:43:54

1、引言

在Spring Boot中使用Thymeleaf模板引擎实现数据的添加、修改、查询和删除功能，通常步骤如下：

在Controller类中，定义处理HTTP请求的方法。
创建Thymeleaf模板来处理表单的显示和数据的绑定。

2、用户数据添加

1、在Controller类中，定义处理HTTP请求的方法。

@Controller
@RequestMapping("/user")
public class UserController {@Autowiredprivate IUserService userService;@GetMapping("/addPage")public String addPage(){return "user/add";}@PostMapping("/add")@ResponseBodypublic String add(User user){boolean save = userService.save(user);return "success";}}

2、创建Thymeleaf 模板处理表单，模板存放在“templates/user/add.html”目录中

<!DOCTYPE html>  
<html lang="en">  
<head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>用户添加页面</title><!--style省略-->
</head>  
<body>  <div class="container">  <h2>用户添加</h2><form action="/user/add" method="post"><label for="name">姓名:</label>  <input type="text" id="name" name="name" required>  <label for="age">年龄:</label>  <input type="number" id="age" name="age" min="0" required>  <label for="email">邮箱:</label><input type="email" id="email" name="email" required>  <label for="introduce">介绍:</label><textarea id="introduce" name="introduce" rows="4" required></textarea><label for="phone">电话号码:</label>  <input type="tel" id="phone" name="phone" pattern="[0-9]{11}" placeholder="请输入11位数字" required>  <input type="submit" value="提交">  </form>  </div>  
</body>  
</html>

3、访问页面添加用户

http://127.0.0.1:8080/user/addPage

在这里插入图片描述

3、用户数据修改

1、在Controller类中，定义处理HTTP请求的方法。

@Controller
@RequestMapping("/user")
public class UserController {@Autowiredprivate IUserService userService;@GetMapping("/editPage")public String editPage(Long id,Model model){User user = userService.getById(id);model.addAttribute("user",user);return "user/edit";}@PostMapping("/edit")@ResponseBodypublic String edit(User user){userService.updateById(user);return "success";}
}

2、创建Thymeleaf 模板处理表单和绑定数据，模板存放在“templates/user/edit.html”目录中

<!DOCTYPE html>  
<html lang="en">  
<head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>用户修改页面</title>
<!--style省略-->
</head>  
<body>  <div class="container">  <h2>用户修改</h2><form action="/user/edit" method="post"><input type="hidden" name="id" th:value="${user.id}" ><label for="name">姓名:</label><input type="text" id="name" name="name" th:value="${user.name}" required><label for="age">年龄:</label>  <input type="number" id="age" name="age" min="0" th:value="${user.age}" required><label for="email">邮箱:</label>  <input type="email" id="email" name="email" th:value="${user.email}" required><label for="introduce">介绍:</label><textarea id="introduce" name="introduce" rows="4"  th:text="${user.introduce}" required></textarea><label for="phone">电话号码:</label>  <input type="tel" id="phone" name="phone" pattern="[0-9]{11}" th:value="${user.phone}" placeholder="请输入11位数字" required><input type="submit" value="提交">  </form>  </div>  
</body>  
</html>

3、访问页面修改用户

 http://127.0.0.1:8080/user/editPage?id=1

在这里插入图片描述

4、用户数据查询

Thymeleaf 实现数据动态渲染
Thymeleaf实现数据分页

5、用户数据删除

1、在Controller类中，定义处理HTTP请求的方法。这里删除完用户，重定向到列表页。

    @GetMapping("/delete")public String delete(Long id){userService.removeById(id);return "redirect:/user/list?pageNum=1";}

2、用户列表页模板添加删除按钮

<body>  <h1>简历列表</h1><ul class="resume-list" th:with="users=${userPageInfo.list}"><li class="resume-item" th:each="user:${users}"><a href="/user/detail"><h2 th:text="${user.name}">张三</h2><p th:text="${user.introduce}">软件工程师，具有5年工作经验，擅长Java和前端技术。</p><p th:text="${user.phone}">联系方式：123-4567-8901</p></a><a class="delete-button" th:href="'/user/delete?id='+${user.id}" >删除</a></li></ul>
<div class="page-foot"><a th:class="${pageNum==userPageInfo.pageNum?'active':''}" th:href="'/user/list?pageNum='+${pageNum}" th:each="pageNum:${userPageInfo.navigatepageNums}" >[[${pageNum}]]</a>
</div></body>

删除按钮样式

  .resume-item{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;justify-content: space-between;}.delete-button{cursor: pointer;background: red;color: white;display: block;width: 50px;height: 30px;text-align: center;line-height: 30px;margin-right: 5%;border-radius: 5px;}

3、访问用户列表页删除用户

http://127.0.0.1:8080/user/list?pageNum=1

在这里插入图片描述

Springboot Thymeleaf 实现数据添加、修改、查询、删除

1、引言在Spring Boot中使用Thymeleaf模板引擎实现数据的添加、修改、查询和删除功能，通常步骤如下： 在Controller类中，定义处理HTTP请求的方法。创建Thymeleaf模板来处理表单的显示和数据的绑定。 2、用户数据添加 1、在Controller类中…...

编程日记 2024/4/1 1:17:40

关于 UnityEditorWindow

想要使用UnityEditorWindow作为调试窗口吗？ 这样做可以很方便的针对游戏中的重要对象做调试。但是有一个很不方便的地方，OnGUI 的刷新频率不高，或者说需要鼠标点击之后才会重绘，如何解决这一问题？ 可以如下操作&am…...

编程日记 2024/4/1 1:16:38

小狐狸JSON-RPC：wallet_addEthereumChain（添加指定链）

wallet_addethereumchain（添加网络） var res await window.ethereum.request({"method": "wallet_addEthereumChain","params": [{"chainId": "0x64", // 链 ID （必填）"…...

编程日记 2024/4/1 1:12:34

Pandas | value_counts() 的详细用法

value_counts() 函数得作用用来统计数据表中，指定列里有多少个不同的数据值，并计算每个不同值有在该列中的个数，同时还能根据指定得参数返回排序后结果。返回得是Series对象 value_counts(values,sortTrue, ascendingFalse, normalizeFal…...

编程日记 2024/4/1 1:04:20

上岸美团了！

Hello，大家好，最近春招正在如火如荼，给大家分享一份美团的面经，作者是一份某双非的硕（只如初见668），刚刚通过了美团的3轮面试，已经拿到offer，以下是他的一些分享。一面&…...

编程日记 2024/4/1 1:00:15

Gemma开源AI指南

近几个月来，谷歌推出了 Gemini 模型，在人工智能领域掀起了波澜。现在，谷歌推出了 Gemma，再次引领创新潮流，这是向开源人工智能世界的一次变革性飞跃。与前代产品不同，Gemma 是一款轻量级、小型模型&…...

编程日记 2024/4/1 0:58:13

LabVIEW智能家居安防系统

LabVIEW智能家居安防系统随着科技的飞速发展和人们生活水平的不断提升，智能家居系统以其便利性和高效性，逐渐成为现代生活的新趋势。智能家居安防系统作为智能家居系统的重要组成部分，不仅能够提高家庭的安全性，还能为用户提供更…...

编程日记 2024/4/1 0:55:10

[蓝桥杯 2022 省 A] 求和

[蓝桥杯 2022 省 A] 求和题目描述给定 n n n 个整数 a 1 , a 2 , ⋯ , a n a_{1}, a_{2}, \cdots, a_{n} a1,a2,⋯,an, 求它们两两相乘再相加的和，即 S a 1 ⋅ a 2 a 1 ⋅ a 3 ⋯ a 1 ⋅ a n a 2 ⋅ a 3 ⋯ a n − 2 ⋅ a n − 1 a n − 2 ⋅ a…...

编程日记 2024/4/1 0:54:09

【C++入门】输入输出、命名空间、缺省参数、函数重载、引用、内联函数、auto、基于范围的for循环

目录命名空间命名空间的定义命名空间的使用输入输出缺省参数函数重载引用常引用引用的使用场景内联函数 auto 基于范围的for循环命名空间请看一段C语言的代码： #include <stdio.h> #include <stdlib.h>int rand 10;int main…...

编程日记 2024/4/1 0:53:08

安装Docker 1.防火墙 2.yum源 3.安装基础软件更新yum源 wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo wget -O /etc/yum.repos.d/epel.repo http://mirrors.aliyun.com/repo/epel-7.repo yum clean all #清除yum源缓存 yu…...

编程日记 2024/4/1 0:51:05

UE RPC 外网联机（1）

技术：RPC TCP通信设计：大厅服务<---TCP--->房间服务<---RPC--->客户端（Creator / Participator） 1. PlayerController 用于RPC通信控制 2.GameMode 用于数据同步 3.类图 4. 注意 （1）RPC&a…...

编程日记 2024/4/1 0:43:58

AI预测福彩3D第22弹【2024年3月31日预测--第5套算法开始计算第4次测试】

今天，咱们继续进行本套算法的测试，今天为第四次测试，仍旧是采用冷温热趋势结合AI模型进行预测。好了，废话不多说了。直接上结果~ 仍旧是分为两个方案，1大1小。经过人工神经网络计算并进行权重赋值打分后，3…...

编程日记 2024/4/1 0:41:56

Django(二)-搭建第一个应用(1)

一、项目环境和结构 1、项目环境 2、项目结构二、编写项目 1、创建模型代码示例: import datetimefrom django.db import models from django.utils import timezone# Create your models here.class Question(models.Model):question_text models.CharField(max_length2…...

编程日记 2024/4/1 0:39:54

前端bugs

问题： Failed to load plugin typescript-eslint declared in package.json eslint-config-react-app#overrides[0]: Cannot find module eslint/package.json 解决： google了一晚上还得是chatgpt管用运行以下命令【同时还要注意项目本身使用的Node版…...

编程日记 2024/4/1 0:31:48

MCGS学习——水位控制

要求插入一个水罐，液位最大值为37插入一个滑动输入器，用来调节水罐水位，滑动输入器最大调节为液位最大值，并能清楚的显示出液位情况用仪表显示水位变化情况，仪表最大显示设置直观清楚方便读数，主划线为小…...

编程日记 2024/4/1 0:27:44

本地搭建多人协作ONLYOFFICE文档服务器并结合Cpolar内网穿透实现公网访问远程办公

文章目录 1. 安装Docker2. 本地安装部署ONLYOFFICE3. 安装cpolar内网穿透4. 固定OnlyOffice公网地址本篇文章讲解如何使用Docker在本地服务器上安装ONLYOFFICE，并结合cpolar内网穿透实现公网访问。 Community Edition允许您在本地服务器上安装ONLYOFFICE文档&…...

编程日记 2024/4/1 0:24:42

Ubuntu 中电子邮件处理工具

Ubuntu 中电子邮件处理工具的综述在现代通信技术中，电子邮件系统是不可或缺的一部分。特别是在基于 Linux 的操作系统如 Ubuntu 中，有许多高效且可靠的电子邮件处理工具可供选择。除了众所周知的 Postfix，还有其他几个重要的选项&#xff0…...

编程日记 2024/4/1 0:19:37

java多线程——运用线程同步解决线程安全问题

前言： 整理下学习笔记，打好基础，daydayup!!! 线程安全多线程可以同时进行操作，但如果是同时操作一个共享资源的时候，可能会出现业务安全问题。示例： 小A和小B共用一个账户，如果小A和小B同时取…...

编程日记 2024/4/1 0:18:36

Radio Silence for mac 好用的防火墙软件

Radio Silence for Mac是一款功能强大的网络防火墙软件，专为Mac用户设计，旨在保护用户的隐私和网络安全。它具备实时网络监视和控制功能，可以精确显示每个网络连接的状态，让用户轻松掌握网络活动情况。软件下载：Radio…...

编程日记 2024/4/1 0:15:33

全国青少年软件编程(Python)等级考试一级考试真题2023年9月——持续更新.....

青少年软件编程（Python）等级考试试卷（一级）分数：100 题数：37 一、单选题(共25题，共50分) 1.下列 Python 语句能够正确输出"学而时习之"五个字的是？（　）A.print “学而时习之” B.print “(学而时习之)” C.print (“学而时习之”) D.print (学而时习之) 标…...

编程日记 2024/4/1 0:14:32

TCP通信——端口转发（重点内容）

实现多人群聊 Client(客户端）建立通信 package com.zz.tcp.case1;import java.io.DataOutputStream; import java.io.IOException; import java.io.OutputStream; import java.net.Socket; import java.util.Scanner;public class Client {public static void mai…...

编程日记 2024/4/1 0:11:30

乐乐音乐鸿蒙版-支持krc歌词(动感歌词、翻译和音译歌词)

简介乐乐音乐主要是基于HarmonyOS开发的音乐播放器，它支持lrc歌词和动感歌词(ksc歌词、krc歌词和hrc歌词等)、多种格式歌词转换器及制作动感歌词、翻译歌词和音译歌词。开发环境 ArkTS、Stage模型、SDK3.1、 API 9 注：没试过在真机条件下调试。功…...

编程日记 2024/4/1 0:10:29

批量删除 rabbitmq中随机队列

批量删除 amq.gen–* 随机队列操作错误产生了无效随机队列，需要批量删除进入MQ集群中 docker psdocker exec -it c2d28e816894 /bin/bash过滤列出指定amq.gen–队列 # 列出指定 vhost/qq 以amq.gen开头的所有队列 rabbitmqctl list_queues --vhost / | grep ^…...

编程日记 2024/4/1 0:08:26

docker 数据卷

Docker数据卷是Docker中的一个核心机制，用于实现容器间数据的持久化和共享。它是宿主机上的一个特殊目录，可以供一个或多个容器使用。容器删除时，不会删除其挂载的数据卷，也不会存在类似的垃圾机制对容器存在的数据卷进行处理。 …...

编程日记 2024/4/1 0:05:24

【开发工具】Ubuntu复制CSDN代码多余符号的去除

在Ubuntu中使用CSDN复制的代码时，可能会出现\u200的符号，这个符号会影响代码的编译和运行，因此需要找到一种快速删除这种符号的方法。通过搜索找到了一种替换为空的删除方式，笔者编写了一个适用于Rust的shell脚本，需要…...

编程日记 2024/4/1 0:04:23

【微服务篇】深入理解微服务注册中心与配置中心

注册中心设计一个注册中心时，需要关注多个关键方面，以确保其稳定性、可靠性、性能和可扩展性。以下是一些重要的考虑因素： 服务发现机制：注册中心的核心功能是允许服务相互发现。这意味着当一个服务实例启动时，它需…...

编程日记 2024/4/1 0:03:22

数据库安全（redis、couchdb、h2database）CVE复现

redis服务默认端口：6379；我们可以通过端口扫描来判断是否存在该服务。 Redis 是一套开源的使用ANSI C 编写、支持网络、可基于内存亦可持久化的日志型、键值存储数据库，并提供多种语言的API。 Redis 如果在没有开启认证的情况下，…...

编程日记 2024/4/1 0:02:21

道可云元宇宙每日资讯｜元宇宙标准化工作组成立大会召开

道可云元宇宙每日简报（2024年3月28日）讯，今日元宇宙新鲜事有： 元宇宙标准化工作组成立大会召开 3月21日，元宇宙标准化工作组成立大会暨第一次全体委员会议在浙江省丽水市青田县召开。元宇宙标准化工作组的建立&#…...

编程日记 2024/3/31 23:59:18

20240322-2-Catboost面试题

Catboost面试题 1. 简单介绍Catboost？ CatBoost是一种以对称决策树为基学习器的GBDT框架，主要为例合理地处理类别型特征，CatBoost是由Categorical和Boosting组成。CatBoost还解决了梯度偏差以及预测偏移的问题，从而减少过拟合的…...

编程日记 2024/3/31 23:57:17

【PSINS工具箱】EKF与UKF滤波

描述对工具箱SINS/GPS，153例程的修改，将EKF和UKF放在一个文件里面，一次运行可以得到两个滤波的结果。片段运行截图程序完整源代码在有工具箱的情况下，直接运行此代码，即可得到结果 % 基于PSINS工具箱的IMU数据…...

编程日记 2024/3/31 23:55:15

做农产品的网站名称/产品推广ppt范例

点击上方“蓝色字”可关注我们！暴走时评：尽管存在许多不明确法规和相应限制，但印度的大型企业和银行仍然采用加密货币 - 或至少是支持加密货币的一些技术 - 作为一种更可靠的方式来协调账户、付款、保存适当的记录和管理内部资金。根据“印度…...

编程日记 2024/11/16 9:43:43

如何在交易网站做电子印章/杭州网站建设技术支持

发展新能源，落实新能源产业升级，整合能源结构调整，近日成为国家经济形势会议的一大热点。会议指出并要求需要挖掘国内市场潜力，支持新能源汽车加快发展。众昂矿业集团积极响应国家政策号召，落实绿色经济新能源产业落地…...

编程日记 2024/11/16 6:24:57

页面设计优缺点/北京seo做排名

http://www.brickcom.com/products/DetailView.php?modelnameCMS-Client&seriesCMS#product-support http://ihomeapp.cn/dl_files/CMSClient-manual.pdf转载于:https://www.cnblogs.com/fx2008/p/5999035.html...

编程日记 2024/11/16 6:15:45

网站策划书格式/全网品牌推广

Elasticsearch.安装（单节点） 环境Linux 7.x jdk 1.8 elasticsearch 5.x 环境目录结构(根目录多了两个文件夹)： /resources /** 存放下载的文件 **/ /u01/app /** 安装elasticsearch的目录. **/ 在linux的终端执行指令： …...

编程日记 2024/11/16 6:12:40

网站开发文件上传慢/推广网站的文案

本系列重点是涉及配置过程 ，对注释的用法不多介绍。注释语法越来越多的被业界所使用,并且注释配置相对于 XML 配置具有很多的优势：它可以充分利用 Java 的反射机制获取类结构信息，这些信息可以有效减少配置的工作。注释和 Java 代码位于一个…...

编程日记 2024/11/16 6:05:30

以前做视频的网站/seo优化公司如何做

我们项目springcloud feignribbonconsulzuul,正常的点击访问没有问题，当进行jemeter压力测试的时候，一旦并发上去，访问此时超过100多万以后，就会出现以下错误：Caused by: feign.RetryableException: Read timed out e…...

编程日记 2024/11/16 3:56:24

1、引言

2、用户数据添加

3、用户数据修改

4、用户数据查询

5、用户数据删除

相关文章：