- 前后端数据传输的编码格式(contentType) - Ajax朝后端提交文件数据 - Ajax朝后端提交json数据 - Ajax结合layer弹窗实现删除的二次确认 - Django如何批量添加数据(一次性添加10000条数据,背后的逻辑重要) - 推导分页的原理(分页功能如何实现的，代码无需掌握，明白思路) - 以后分页就直接使用现成的分页器(类)
前后端数据传输的编码格式（contentType）
前后端数据传输的请求方式有两种：get、post
我们只研究post请求的编码格式
三种编码格式
urlencoded
form-data
json
发送post请求的方式
form表单
Ajax
postman（第三方工具，需要下载）
form表单发送post请求的时候数据的编码格式
请求头content-Type：参数
默认提交的编码格式：application/x-www-form-urlencoded
他的数据格式：username=dasdas&password=dasdas&gender=dasdas
Django后端如何接受的？
Django后端针对符合urlencoded格式的数据，Django把数据都封装到了request.POST中了
multipart/form-data
编码格式从urlencoded改成form-data有什么效果?
form表单就可以提交文件数据了
数据格式：
Content-Type:
multipart/form-data; boundary=----WebKitFormBoundary7iwnnLo3TDiHIAQz--->文件数据
Django后端如何接受的？
针对普通数据Django把数据封装到了request.POST中
针对文件数据Django把数据封装到了request.FILES中
Ajax提交post请求的数据时候，编码格式？
默认的提交格式是：application/x-www-form-urlencoded; a=1&b=2
Django后端针对符合urlencoded格式的数据，django把数据都封装到了request.POST
Ajax提交json格式的数据
提交json格式的数据必须满足两个条件：
1. 编码格式必须是json格式的：contentType参数
2. 数据必须是json {“a”：1}
Django后端如何处理json格式的数据？
针对Ajax提交的json格式的数据，Django后端不再把数据封装到request.POST中了
对于json格式的数据，django后端不在做任何的封装，数据是纯原生的，发送过来的数据是二进制形式的
我们自己来处理这些二进制数据
# js中序列化
JSON.stringify({'a': 1, b: 2}) ----------》{'a': 1, b: 2} 对象
contentType:'application/json',
# django后端接收json格式的数据
json_str = request.body.decode('utf-8')
print(json_str) # {"a":1,"b":2}
json_data = json.loads(json_str)
print(json_data) # {'a': 1, 'b': 2}
print(json_data.get('a'))
Ajax提交文件数据（重要）
# 前端
<body>
<input type="text" id="username">
文件：<input type="file" id="myfile">
<button class="btn btn-primary">上传</button>
<script>
$('.btn').click(function () {
var username = $('#username').val()
var myfile = $('#myfile')[0].files[0]
//发送文件数据到后端需要借助于FormData对象
var myFromDataObj = new FormData();
myFromDataObj.append('username',username)
myFromDataObj.append('myfile',myfile)
$.ajax({
url: '',
type: 'post',
data: myFromDataObj,
contentType: false, //告诉浏览器不要做任何的编码处理，Django自己来做处理
processData: false, //告诉浏览器不要对我处理的数据做任何处理
success: function (res) {
console.log(res)
}
})
})
</script>
</body>
# 后端
def files(request):
if request.method == 'POST':
# print(request.POST) # <QueryDict: {'username': ['瓦达']}>
# print(request.FILES) # <MultiValueDict: {'myfile': [<InMemoryUploadedFile: 弥豆子.jpg (image/jpeg)>]}>
file_obj = request.FILES.get('myfile')
print(file_obj,type(file_obj))
print(file_obj.name, type(file_obj.name))
with open(file_obj.name, 'wb') as z:
for i in file_obj:
z.write(i)
return render(request, 'files.html')
Ajax结合layer弹窗实现删除的二次确认
使用第三方的UI弹窗：layer、sweetalert
https://layuiweb.com/layer/index.htm-----------------layer弹窗模版网站
<script>
$('.del').click(function () {
// 删除的逻辑，当我们点击删除按钮的时候，应该获取点击行的id，然后把这个id传到后端
//做删除逻辑
//找到点击行的id值
var id = $(this).attr('delete_id');
var _this = $(this)
//发送Ajax请求，做一个二次确认
layer.confirm('您确定要删除吗？', {
btn: ['删了它', '点错了'] //按钮
}, function () {
$.ajax({
url: '/book_delete/',
type: 'post',
data: {id: id},
success: function (res) {
//第一种方式：使用location.reload()刷新
{#layer.msg(res.msg, {icon: 1}, function (){#}
{# location.reload()})#}
layer.msg(res.msg, {icon: 1})
//第二种方式：定义.btn位置，再找父标签，删除tr字段
{#_this.parent().parent().remove()#}
//第三种方式：直接给tr字段赋予一个动态类属性，直接通过类属性找到标签删除
$('.tr_'+id).remove()
}
})
});
})
</script>
批量插入数据
# 在django中批量插入数据
# for i in range(10000):
# models.UserInfo.objects.create(username='jerry_%s' % i)
"""为什么插入的数据很慢?"""
# insert into userinfo values('jerry');
# insert into userinfo values('jerry'), ('jerry_2'), (),('jerry'), ('jerry_2'), ();
user_obj_list = []
for i in range(100000):
user_obj = models.UserInfo(username='jerry_%s' % i)
user_obj_list.append(user_obj)
print('jerry_%s' % i)
'''开始操作数据库'''
models.UserInfo.objects.bulk_create(user_obj_list)
浙公网安备 33010602011771号