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

相关推荐
软件技术NINI2 小时前
JavaScript性能优化实战指南
前端·css·学习·html
OC溥哥9995 小时前
2D我的世界创造模式网页版正式出炉——《我们的2D创造世界:无限创意,多人同乐》欢迎来到ourcraft.xin网站上玩
后端·python·阿里云·flask·html·游戏程序
不染尘.5 小时前
应用层之WWW
服务器·javascript·css·网络·网络协议·计算机网络·html
winfredzhang7 小时前
打造专属桌面时钟:纯HTML实现的全功能动态时钟
前端·html·农历·生肖·周次
_码力全开_9 小时前
第一章 html5 第一节 HTML5入门基础
前端·javascript·css·html·css3·html5
幼稚鬼_Blog10 小时前
可拖拽悬浮按钮组件支持vue3/vue2
前端·javascript·html
顾安r10 小时前
12.27 脚本网页 GITHUB推送教程
linux·css·html·gitlab·github
幽络源小助理1 天前
幽络源二次元分享地址发布页源码(HTML) – 源码网免费分享
前端·html
张较瘦_1 天前
前端 | 代码可读性 + SEO 双提升!HTML 语义化标签实战教程
前端·html
0思必得01 天前
[Web自动化] JS基础语法与数据类型
前端·javascript·自动化·html·web自动化