前段。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>

相关推荐
前端老鹰6 小时前
HTML <meta name="color-scheme">:自动适配系统深色 / 浅色模式
前端·css·html
全宝8 小时前
🚀前端必学!告别样式冲突:Shadow DOM 终极指南
前端·javascript·html
前端老鹰1 天前
CSS backdrop-filter:给元素背景添加模糊与色调的高级滤镜
前端·css·html
杨超越luckly1 天前
HTML应用指南:利用POST请求获取上海黄金交易所金价数据
前端·信息可视化·金融·html·黄金价格
前端程序猿i1 天前
用本地代理 + ZIP 打包 + Excel 命名,优雅批量下载跨域 PDF
前端·javascript·vue.js·html
遗悲风1 天前
html二次作业
前端·html
中草药z1 天前
【自动化测试】Selenium详解-WebUI自动化测试
前端·功能测试·selenium·自动化·html·web·测试
步行cgn2 天前
在 HTML 表单中,name 和 value 属性在 GET 和 POST 请求中的对应关系如下:
前端·hive·html
找不到工作的菜鸟2 天前
Three.js三大组件:场景(Scene)、相机(Camera)、渲染器(Renderer)
前端·javascript·html
微小的xx2 天前
java + html 图片点击文字验证码
java·python·html