前段。html

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

<head>

<meta charset="UTF-8">

<title>用户列表</title>

</head>

<body>

<h1>用户列表</h1>

<table>

<tr>

<th>ID</th>

<th>Name</th>

<th>Email</th>

<th>操作</th>

</tr>

<tr th:each="user : ${users}">

<td th:text="${user.id}"></td>

<td th:text="${user.name}"></td>

<td th:text="${user.email}"></td>

<td>

<a th:href="@{/user/{id}(id=${user.id})}">查看</a>

<a th:href="@{/user/edit/{id}(id=${user.id})

}">编辑</a>

<a th:href="@{/user/delete/{id}(id=${user.id})}">删除</a>

</td>

</tr>

</table>

<a th:href="@{/user/create}">新增</a>

</body>

</html>

111111111111111111111111111111111

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

<head>

<meta charset="UTF-8">

<title>查看用户</title>

</head>

<body>

<h1>用户信息</h1>

<p>ID: <span th:text="${user.id}"></span></p>

<p>Name: <span th:text="${user.name}"></span></p>

<p>Email: <span th:text="${user.email}"></span></p>

<a th:href="@{/}">返回</a>

</body>

</html>

22222222222222

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

<head>

<meta charset="UTF-8">

<title>创建用户</title>

</head>

<body>

<h1>创建用户</h1>

<form th:action="@{/user/create}" th:object="${user}" method="post">

<label for="name">Name:</label>

<input type="text" id="name" th:field="*{name}">

<br>

<label for="email">Email:</label>

<input type="text" id="email" th:field="*{email}">

<br>

<input type="submit" value="Create">

</form>

<a th:href="@{/}">Back</a>

</body>

</html>

333333333333333

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

<head>

<meta charset="UTF-8">

<title>编辑用户</title>

</head>

<body>

<h1>编辑用户</h1>

<form th:action="@{/user/edit/{id}(id={user.id})}" th:object="{user}" method="post">

<label for="name">Name:</label>

<input type="text" id="name" th:field="*{name}">

<br>

<label for="email">Email:</label>

<input type="text" id="email" th:field="*{email}">

<br>

<input type="submit" value="Update">

</form>

<a th:href="@{/}">返回</a>

</body>

</html>

相关推荐
前端Hardy1 小时前
HTML&CSS&JS:必学!用粒子爆炸效果,让按钮点击 “告别枯燥”
javascript·css·html
前端Hardy1 小时前
HTML&CSS&JS:必看!主题“自动换装”,10+风格随机切换超惊艳
javascript·css·html
大霸王龙2 小时前
去除HTML有序列表(ol)编号的多种解决方案
前端·html
海绵老呆5 小时前
纯html文件实现目录和文档关联
css·html·css3
Book_熬夜!14 小时前
CSS—补充:CSS计数器、单位、@media媒体查询
前端·css·html·媒体
Re.不晚15 小时前
Web前端开发——HTML基础下
前端·javascript·html
IT、木易17 小时前
大白话html语义化标签优势与应用场景
前端·html
知识分享小能手17 小时前
Html5学习教程,从入门到精通, HTML5 新的 Input 类型:语法知识点与案例代码(16)
开发语言·前端·学习·html·html5·web·java开发
软件技术NINI19 小时前
html css网页制作成品——非遗文化皮影戏网页设计(5页)附源码
前端·css·html
束尘19 小时前
CSS+Html面试题(四)
前端·css·html