django练手(二十):图标上传页面增加分页的功能
发布时间 2024-01-12 11:08:55作者: 喜气洋洋白云山
一、思路
- 前端使用bootstrap的分页组件;
- 后端使用django自带的分页功能。
二、前端功能实现
- bootstrap文档上复制分页代码,粘贴到app-templates-app-avatar.html的合适位置。复制的地址是https://v3.bootcss.com/components/#pagination 具体的代码是:
<nav aria-label="Page navigation">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>