526互联

django练手（二十）：图标上传页面增加分页的功能

发布时间 2024-01-12 11:08:55作者: 喜气洋洋白云山

一、思路

  1. 前端使用bootstrap的分页组件；
  2. 后端使用django自带的分页功能。

二、前端功能实现

  1. 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">&laquo;</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">&raquo;</span>
	  </a>
	</li>
  </ul>
</nav>