列表页

最新推荐文章于 2024-03-03 22:05:47 发布

weixin_30621711

最新推荐文章于 2024-03-03 22:05:47 发布

阅读量148

点赞数

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

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <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>
    <br>
    {% for cate in data.cate_list %}
        <a href="/view/{{ cate.id }}">{{ cate.name }}</a>
    {% endfor %}
    <br>
    <hr>
    <form action="" method="post">
        <table border="1">
            <tr>
                <td></td>
                <td>序号</td>
                <td>图片</td>
                <td>名称</td>
                <td>价格</td>
            </tr>
            {% for goods in data.goods_list %}
                <tr>
                    <td><input type="checkbox" name="select" value="{{ goods.id }}"></td>
                    <td>{{ loop.index }}</td>
                    <td><img src="{{ goods.img_url }}" alt="商品图片" width="150" height="150"></td>
                    <td><a href="/detail/{{ goods.id }}"> {{ goods.name }}</a></td>
                    <td>{{ goods.price }}</td>
                </tr>
            {% endfor %}
        </table>
        <br>
        <button type="submit">批量删除</button>
    </form>

    {# 存放分页按钮的 #}
        <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(current) {
                   window.location.href="/view/{{data.c_id}}?page="+current
               }
            });
         });
      </script>
</body>
</html>

转载于:https://www.cnblogs.com/Jacky-WYQ/p/10915681.html

weixin_30621711

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
列表页

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表页</title> <link rel="stylesheet" href="../static/css/jquery.pagination.css"&g...
复制链接

扫一扫