最后一次作业-优快云博客

本文链接：https://blog.youkuaiyun.com/diao____si/article/details/129675061

该文章展示了一个使用Maven3.8.8和Thymeleaf模板引擎创建的用户管理页面，实现了基本的增删改查功能，但未包含CSS样式，因此页面布局较为朴素。页面包含用户列表，每行显示用户ID、用户名和余额，并提供删除和更新链接。同时，具备分页功能，允许用户在不同页码间切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我用的是maven3.8.8和Thymeleaf渲染写的这次的增删改查。没有去写css样式，所以页面比较乱。增删改查无非就是在控制层、持久层和业务层进行之前的增删改查

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table>
        <tr>
            <th colspan="4">用户列表</th>
        </tr>
        <tr>
            <td>用户id</td>
            <td>用户名</td>
            <td>用户账户</td>
            <td>操作</td>
        </tr>
        <tr th:each="user:${page.list}">
            <td th:text="${user.userId}"></td>
            <td th:text="${user.username}"></td>
            <td th:text="${user.balance}"></td>
            <td>
                <a href="/delete">删除</a>
                <a href="/update">更新</a>
            </td>
        </tr>
    </table>
    <div>
        <a th:if="${page.hasPreviousPage}" th:href="@{/page/1}">首页</a>
        <a th:if="${page.hasPreviousPage}" th:href="@{'/page/' + ${page.prePage}}">上一页</a>
        <span th:each="num : ${page.navigatepageNums}">
            <a th:if="${page.pageNum == num}" style="color: red;" th:href="@{'/page/' + ${num}}" th:text="'[' + ${num} + ']'"></a>
            <a th:if="${page.pageNum != num}" th:href="@{'/page/' + ${num}}" th:text="${num}"></a>
        </span>
        <a th:if="${page.hasNextPage}" th:href="@{'/page/' + ${page.nextPage}}">下一页</a>
        <a th:if="${page.hasNextPage}" th:href="@{'/page/' + ${page.pages}}">尾页</a>
    </div>
</body>
</html>