网站模板 北京公司,免费建小程序网站,基于漏斗模型网站关键路径分析,joomla 网站图标1、引言
在Spring Boot中使用Thymeleaf模板引擎实现数据的添加、修改、查询和删除功能#xff0c;通常步骤如下#xff1a;
在Controller类中#xff0c;定义处理HTTP请求的方法。创建Thymeleaf模板来处理表单的显示和数据的绑定。
2、用户数据添加
1、 在Controller类中…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 langen
head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title用户添加页面/title!--style省略--
/head
body div classcontainer h2用户添加/h2form action/user/add methodpostlabel forname姓名:/label input typetext idname namename required label forage年龄:/label input typenumber idage nameage min0 required label foremail邮箱:/labelinput typeemail idemail nameemail required label forintroduce介绍:/labeltextarea idintroduce nameintroduce rows4 required/textarealabel forphone电话号码:/label input typetel idphone namephone pattern[0-9]{11} placeholder请输入11位数字 required input typesubmit value提交 /form /div
/body
/html3、访问页面添加用户
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 langen
head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title用户修改页面/title
!--style省略--
/head
body div classcontainer h2用户修改/h2form action/user/edit methodpostinput typehidden nameid th:value${user.id} label forname姓名:/labelinput typetext idname namename th:value${user.name} requiredlabel forage年龄:/label input typenumber idage nameage min0 th:value${user.age} requiredlabel foremail邮箱:/label input typeemail idemail nameemail th:value${user.email} requiredlabel forintroduce介绍:/labeltextarea idintroduce nameintroduce rows4 th:text${user.introduce} required/textarealabel forphone电话号码:/label input typetel idphone namephone pattern[0-9]{11} th:value${user.phone} placeholder请输入11位数字 requiredinput typesubmit value提交 /form /div
/body
/html3、访问页面修改用户 http://127.0.0.1:8080/user/editPage?id14、用户数据查询
Thymeleaf 实现数据动态渲染 Thymeleaf实现数据分页
5、用户数据删除
1、 在Controller类中定义处理HTTP请求的方法。 这里删除完用户重定向到列表页。 GetMapping(/delete)public String delete(Long id){userService.removeById(id);return redirect:/user/list?pageNum1;}2、用户列表页模板添加删除按钮
body h1简历列表/h1ul classresume-list th:withusers${userPageInfo.list}li classresume-item th:eachuser:${users}a href/user/detailh2 th:text${user.name}张三/h2p th:text${user.introduce}软件工程师具有5年工作经验擅长Java和前端技术。/pp th:text${user.phone}联系方式123-4567-8901/p/aa classdelete-button th:href/user/delete?id${user.id} 删除/a/li/ul
div classpage-foota th:class${pageNumuserPageInfo.pageNum?active:} th:href/user/list?pageNum${pageNum} th:eachpageNum:${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?pageNum1
