整体操作:
分页函数:
pagination 放在div中 id=pagination
1、引入分页插件样式
2、引入jquery分页插件
3、应用分页插件
<script>
$(function() {
$("#pagination").pagination({
// data.current_pag 当前页
currentPage: {{data.current_page}},
// data.total_page 总页数
totalPage: {{data.total_page}},
// 点击页码所执行的函数
callback: function(current) {
var keyword = $(".input_txt").val()
window.location.href="http://127.0.0.1:5000/admin/newsreview?page="+current
}
});
});
</script>
4、后台逻辑
分页查询方式 使用paginate ,参数1:想要的页码 参数2:每页显示的条数
news_list = News.query.filter(News.title.like('%' + keyword + '%')).paginate(page, 2, False)
5、组织数据
# 数据
d = {}
d[‘newslist’] = news_list.items # 经过筛选的新闻列表
d[‘current_page’] = news_list.page # 当前页
d[‘total_page’] = news_list.pages # 总页数