版权声明:本文为博主原创文章,未经博主允许不得转载 https://blog.csdn.net/g_optimistic/article/details/89081444
1.什么叫分页
页码 | 每页条数 | 每页数据 |
1 | 10 | 0-10 |
2 | 10 | 10-20 |
n | 10 | (n-1)*pageSize-n*pageSize |
2.django基本分页实例
视图文件 views.py
def list_student(request):
if request.method=="GET":
page=request.GET.get('page')
page_size=request.GET.get('page_size')
if not page:
page=1
if not page_size:
page_size=5
page=int(page)
page_size=int(page_size)
start=(page-1)*page_size
end=page*page_size
students=Student.objects.order_by('id')
lenth=len(students)
page_num=lenth/page_size
if page_num!=int(page_num):
page_num+=1
page_num=int(page_num)
page_range=range(1,page_num+1)
data=students[start:end]
# return render(request,'stu_list.html',locals())
return render(request,'stu_list.html',{"data":data,"page_range":page_range})
路由文件 urls.py
from Student.views import list_student
urlpatterns+=[
path('stu_list/',list_student),
]
前端界面 stu_list.html
加载static,把相关的图片,其他文件得路径都改过来
这步的操作之前都详细的讲过,所以在这里简单的阐述
把表格里面的数据循环输出
完善一下前端的页面
<ul class="pagination">
<li class="paginate_button page-item active"><a href="/stu_list/?page={{ page|add:-1 }}" class="page-link">上一页</a></li>
{% for page in page_range %}
<li class="paginate_button page-item active"><a href="/stu_list/?page={{ page }}" class="page-link">{{ page }}</a></li>
{% endfor %}
<li class="paginate_button page-item active"><a href="/stu_list/?page={{ page|add:1 }}" class="page-link">下一页</a></li>
</ul>
启动服务器:
这时好多同学都会觉得自己每次注册学生的信息有点麻烦,这个时候,我们可以写一个函数,直接往数据库里面存100条数据,或者是更多条
这里我选择的是往数据库插入100条数据
import random
def register_student_text(request):
for i in range(100):
name="张%s"%i
age=random.randint(20,25)
gender=random.choice(["男","女"])
classes=random.choice(["python","java","php","c","c++"])
grade=random.randint(1000,2000)
s=Student()
s.name=name
s.age=age
s.gender=gender
s.classes=classes
s.grade=grade
s.save()
return render(request,'register_student.html',locals())
在此我只是做个示范,大家可以把name等字段做的更加逼真一点
urls.py
from Student.views import list_student,register_student_text
urlpatterns+=[
path('stu_info/',register_student_text),
path('stu_list/',list_student),
]
此时,服务器启动,10.10.65.115/stu_info/
执行成功,返回数据库中查看,100条数据已经插入进入去了