day11 序列化组件、批量出入、自定义分页器
day11 序列化组件、批量出入、自定义分页器
今日内容详细
- ajax实现删除二次提醒(普通版本)
- ajax结合第三方插件sweetalert实现二次提醒(样式好看些)
- ajax如何发送文件数据
- ajax核心参数之dataType
- django序列化组件(自带的)
- 自定义分页器(django自带一个分页器只不过不好用)
- 自定义分页器的固定使用方式
使用Ajax实现二次确认删除功能
# 使用ajax就不能使用下面的url，会造成冲突
删除 # 修改前
删除 # 修改后
# // 标签既可以有默认的属性，也可以有自定义的属性，添加delete_id是可以获取主键id值
# views.py
def del_book(request):
# 判断当前请求是否为ajax请求
if request.is_ajax():
if request.method == 'POST': # 判断是否是ajax发来的post请求
# 拿到ajax传到后端的data值
delete_id = request.POST.get('delete_id')
# 根据传过来的主键id删除数据
models.Book.objects.filter(pk=delete_id).delete()
return HttpResponse('删除成功！')
# book_list.html
{% block js %}
{% endblock %}
'''
总结：
1.先在a标签中添加一个自定义属性：delete_id={{book_obj.pk}}，并且设置一个c1标签
2.找到c1标签，并且绑定一个点击事件
3.拿当前点击按钮中的delete_id属性
4.做提醒效果
5.判断是否为true
6.真的话：向后端发送ajax请求，并且其中把主键id传入到后端
7.在路由层和视图层开设出相应的函数
8.后端拿到ajax发来的主键id，根据主键id删除数据库数据，并给前端返回一个结果
9.前端拿到返回结果并打印，并刷新页面
'''
# 存在的问题：
window.location.reload()
当有多个页面时，使用上面的方法，会直接刷新到首页，会给用户造成不好的体验
# 解决：
可以根据js代码自动删除，通过代码把tr标签删除
var $this = $(this); // 给this设置一个变量
// js代码自动刷新
$this.parent().parent().remove()
试验url是否可以用反向解析
# 试验url是否可以用反向解析
[02/Dec/2021 16:58:16] "POST /del_book/ HTTP/1.1" 200 15 # 发送了一个post请求，证明是可以的
结合第三方模块实现二次确认删除功能
{% block js %}
{% endblock %}
第三方模块：https://sweetalert.js.org
ajax如何发送文件数据
文件数据
普通数据
普通数据
dataType参数
"""前后端交互 如果采用的是ajax 那么后端的返回值应该使用字典(json格式)"""
# 结论：
1、当后端采用HttpResponse返回json格式数据到ajax异步回调函数默认情况下需要我们自己做反序列化JSON.parse如果不想自己处理可以添加dataType:"JSON"
2、如果后端是采用JsonResponse返回json格式数据则无需我们自己处理也不需要添加 # 返回的就是JSON格式数据
3、dataType:"JSON"参数(加了也不影响) # 处理JSON数据最好加上
# 以后推荐加上 增加程序兼容性
序列化模块
什么意思呢？
就是我的前端想拿到由ORM得到的数据库里面的一个个用户对象，我的后端想直接将实例化出来的数据对象直接发送给客户端，那么这个时候，就可以用Django给我们提供的序列化方式
def ser(request):
#拿到用户表里面的所有的用户对象
user_list=models.User.objects.all()
#导入内置序列化模块
from django.core import serializers
#调用该模块下的方法，第一个参数是你想以什么样的方式序列化你的数据
ret=serializers.serialize('json',user_list)
return HttpResponse(ret)
# 拿到所有数据对象去JSON格式化网站格式化
格式化网站：https://www.bejson.com/
批量插入数据
# 批量插入数据有三种方法：
一、循环插入 # 不推荐此法 效率极低
循环创建十万本书籍数据
def ab_bc(request):
for i in range(100000): # 不推荐此法 效率极低
models.Book.objects.create(title='第%s本书'%i)
二、利用生成器插入 # 如果对象很多的情况下 比较浪费空间
def ab_bc(request):
new_obj_list = []
for i in range(100000):
仅仅是用类产生了对象 并没有操作数据库
book_obj = models.Book(title='第%s本新的书'%i)
三、bulk_create方法： # 推荐使用
def ab_bc(request):
new_obj_iter = (models.Book(title='第%s本新的书'%i) for i in range(100000))
# 批量插入
models.Book.objects.bulk_create(new_obj_iter) # 用bulk_create方法批量插入
# 查询所有
data_queryset = models.Book.objects.all()
return render(request,'ab_bc.html',locals())
'''使用bulk_create方法可以大大减少操作的时间'''
分页器思路
前提准备：先使用bulk_create方法创建1000条书籍数据
完成分页器需要考虑的几个问题
1.需要数据的总量
2.需要定义每页展示多少条
3.需要计算总共需要多少页
4.需要推导出几个核心参数的数学关系
5.需要后端生成html代码
# 可以切片来完成
思路：
1.获取用户想访问的页码，如果没有默认展示第一页，并做类型转换
2.设置每页展示多少条数据，并设置切片的初始位置和终止位置
3.根据设置的几个参数找数学规律，并把规律复制给切片的初始位置和终止位置的变量
4.这一步就可以根据浏览器的?page=10，来实现展示多少页
5.给pager.html加上bookstrap分页样式
6.通过内置方法divmod，使所有的数据 / 每页展示多少条 == 总页数
# divmod(100,10) 返回(10,0) 100/10 返回整数和余数
7.利用for循环渲染前端页面，并指定添加页码传入前端，前端引用变量名
8.后端传输数据到前端必须转义，转义后所有的页码都显示在浏览器中。 # 但是页码太多，要求只展示11个页码
9.通过for循环来控制展示多少页码 # for i in range(current_page-5, current_page+6):
规律：
"""
下面需要研究current_page、per_page_num、start_page、end_page四个参数之间的数据关系
per_page_num = 10
current_page start_page end_page
1 0 10
2 10 20
3 20 30
4 30 40
per_page_num = 5
current_page start_page end_page
1 0 5
2 5 10
3 10 15
4 15 20
可以很明显的看出规律
start_page = (current_page - 1) * per_page_num
end_page = current_page* per_page_num
设置每页展示10条数据，当页码为1的时候，切片的起始位置为0，终止位置为10。
页码为2的时候，切片的起始位置为10，终止位置为20。
依次切片下去，达成每页展示10条数据的效果
"""
分页器核心逻辑
views.py
from django.shortcuts import render, HttpResponse
from app01 import models
def pager(request):
# 批量插入1000本书籍记录
# new_obj_iter = (models.Book(title='第%s本书'%i) for i in range(1000)) # 现在并没有走数据库，只是一个生成器表达式
# 批量插入
# models.Book.objects.bulk_create(new_obj_iter)
'*******************************分页器代码实现*****************************************'
# 查询所有数据
all_data = models.Book.objects.all()
# 获取用户想访问的页码，如果没有默认展示第一页
current_page = request.GET.get('page', 1)
try:
current_page = int(current_page) # 做类型转换
except Exception:
current_page = 1
# 设置每页展示10条数据
per_page_num = 10
# 需要对总数据进行切片操作 需要确定切片起始位置和终止位置
start_page = (current_page - 1) * per_page_num # 切片起始位置
end_page = current_page * per_page_num # 切片终止位置
# 通过divmod内置函数计算多少页
all_page_num, more = divmod(len(all_data), per_page_num) # 用divmod方法，使所有的数据除于每页展示多少条
if more:
all_page_num += 1 # more是余数，余数有值就给总页数加一
# print(all_page_num) # 总页数700
# 渲染前端页面
html = ''
xxx = current_page
if current_page < 6:
xxx = 6
# 用当前页-5和当前页+6来控制显示的页码
for i in range(xxx-5, xxx+6):
# 当前页和访问页一致，会有高亮显示
if current_page == i:
# 生成页码
tmp = '%s ' % (i, i)
else:
tmp = '%s ' % (i, i)
html += tmp # 把页码都放入html里，在前端引用即可
# 查询所有
data_request = all_data[start_page:end_page]
return render(request, 'pager.html', locals())
pager.html
Title
{% for book_obj in data_request %}
{{ book_obj.title }}
{% endfor %}