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

相关推荐
志尊宝3 天前
Vue3 零基础每日笔记(055):组件里正确使用 store——storeToRefs 解构与 $patch 批量修改
笔记·vue·html·前端开发·软件开发
吴声子夜歌3 天前
HTML——看似普通的元素的背后(<a>标签)
html
IMPYLH3 天前
HTML 的 <style> 元素
前端·html
刃神太酷啦3 天前
前端入门第一课:HTML 基础语法 + 常用标签 + 实战全解
服务器·c语言·前端·javascript·css·c++·html
IMPYLH3 天前
HTML 的 <strong> 元素
前端·html
开开心心就好3 天前
批量提取PDF中的图片,直接导出原图
前端·javascript·支持向量机·智能手机·pdf·html·启发式算法
我命由我123454 天前
CSS - CSS 媒体查询 orientation
前端·javascript·css·html·css3·html5·js
咩咩啃树皮4 天前
ES6 Set 核心特点 + 最简数组去重
前端·javascript·html
zhanghaha13144 天前
HTML系列教程:18_HTML / CSS 颜色零基础详解
css·html·tensorflow
Aaswk4 天前
从 HTML/CSS/JS 到 Vue + Axios 的一篇实战笔记
前端·css·vue.js·html