flaks 分页案例展示

html 页面代码

　　paginate 是路由

　　page 显示当前页面数据 ,

　　per_page 当前页面显示几条数据

<ul class="pagination"><br>　　{#  上一页代码  #}　　<br>　　<li class="page-item"><br>　　{% if p.has_prev %}   // 判断是否有上一页<br>　　　　<a class="page-link" href="/paginate/?page={{ p.prev num }}&per page=3" aria-label="previous">   // 有就执行 <br>　　{% else %}<br>　　　　<a class="page-link" href="javascript:," aria-label="Previous">  // 没有就不执行<br>　　{% endif %}<br>　　　　<span aria-hidden="true">&laquo;</span>    // 上一页的符号<br>　　</a><br>　　</li><br>　　<br>　　{#  中间循环体  #}
　　{% for i in range(p.pages)%}
　　　　{% if p.page ==i+1%}
　　　　　　<li class="page-item active">
　　　　{% else %}
　　　　　　<li class="page-item">
　　{% endif %}
　　　　<a class="page-link" href="/paginate/?page={{ i + 1 }}&per_page=3">{{ i + 1 }}</a>
　　</li>
　　{% endfor %}<br>　　<br>　　{# 下一页 #}<br>　　<li class="page-item"><br>　　{% if p.has next %}  // 判断有下一个<br>　　　　<a class="page-link" href="/paginate/?page={{ p.next num }}&per page=3">  // 有执行<br>　　{% else %}<br>　　　　<a class="page-link" href="javascript:;" aria-label="Previous">  // 没有不执行<br>　　{% endif %}<br>　　　　<span aria-hidden="true">&raquo;</span>  // 下一页图标 <br>　　</a><br>　　</li><br>　　<br>　　<br>
</u1>