分页

最新推荐文章于 2024-10-08 05:30:00 发布

weixin_30790841

最新推荐文章于 2024-10-08 05:30:00 发布

阅读量38

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Jacky-WYQ/p/10915694.html

博客内容仅为一个转载链接https://www.cnblogs.com/Jacky-WYQ/p/10915694.html，未包含其他关键信息。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../static/css/jquery.pagination.css">
    <script src="../static/js/jquery-1.12.4.min.js"></script>
    <script src="../static/js/jquery.pagination.min.js"></script>

</head>
<body>

        <table border="1">
            {% for u in data.user_list %}
                <tr>
                    <td>{{ loop.index }}</td>
                    <td>{{ u.user_name }}</td>
                </tr>
            {% endfor %}
        </table>


        <div class="box">
         <div id="pagination" class="page"></div>
      </div>

        <script>
         $(function() {
            $("#pagination").pagination({
               // data.current_pag 当前页
               currentPage: {{data.current_page}},
               // data.total_page 总页数
               totalPage: {{data.total_page}},
               // 点击页码所执行的函数
               callback: function(cur) {
                   window.location.href="/?page="+cur
               }
            });
         });
      </script>
</body>
</html>