最后一次作业

老菜鸟·

于 2023-06-11 10:19:10 发布

阅读量171

点赞数

分类专栏： web应用作业记录文章标签： servlet

本文链接：https://blog.csdn.net/diao____si/article/details/129675061

版权

web应用作业记录专栏收录该内容

37 篇文章 0 订阅

订阅专栏

我用的是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>