<!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>
列表页
猜你喜欢
转载自www.cnblogs.com/Jacky-WYQ/p/10915681.html
今日推荐
周排行