django之ORM的查询优化、Ajax 06
目录
ORM查询优化
only与defer
res = models.Book.objects.all().values('title')
print(res) # <QuerySet [{'title': '三国演义'}, {'title': '红楼梦'}, {'title': '水浒传'}, {'title': '天龙八部'}]>
for i in res:
print(i,type(i)) # <class 'dict'>
print(i.title) # AttributeError: 'dict' object has no attribute 'title' ,for循环出来就是第一个普通的字典，字典没有点取值的方式
only：查询only后括号内指定的字段，查询一次，之后再点字段不会再查数据库了；如果点的是其他字段，会再次操作数据库；
# 点指定字段
res = models.Book.objects.only('title')
print(res) # 返回的是一个QuerySet对象，列表内是一个个类的对象；
for i in res:
print(i.title)
# 点其他字段
res = models.Book.objects.only('title')
# print(res)
for i in res:
print(i.price)
refer：refer和only互为反关系，按照refer指定字段查找，操作数据库一次，之后对象点指定的属
性，每点一次，操作一次数据库；如果点其他字段，整体只操作一次数据库。
# 点指定字段
res = models.Book.objects.defer('title')
# print(res)
for i in res:
print(i.title)
# 点其他字段
res = models.Book.objects.defer('title')
# print(res)
for i in res:
print(i.price)
select_related与prefetch_related查询优化
select_related：括号内只能放外键字段，并且外键字段的类型只能是一对多，或者 一对一，不能是多对多；
内部是自动连表操作，会将括号内外键字段所关联的表与当前表自动拼接成一张表，然后将表中的数据一个个查询出
来封装成一个个的对象。这样做的好处就在于跨表也不需要重复的走数据库了，减轻数据库的压力。
select_related括号内可以放多个外键字段，逗号隔开，会将多个外键字段关联的表与当前表全部拼成一张大表。
res = models.Book.objects.select_related('publish')
print(res) # <QuerySet [<Book: Book object>, <Book: Book object>, <Book: Book object>, <Book: Book object>]>
for i in res:
print(i.publish) # 只操作一次数据库
'''
Publish object
Publish object
Publish object
Publish object
'''
一对多的情况：
res = models.Book.objects.select_related('publish')
# print(res)
for i in res:
print(i.publish) # 只操作一次数据库
一对一的情况：
res = models.Author.objects.select_related('author_detail')
# print(res)
for i in res:
print(i.author_detail)
# 内部做的也是联表操作，同一对多一样，也是内连接
多对多的情况：
res = models.Book.objects.select_related('author')
# print(res)
for i in res:
print(i.author)
'''
报错信息：
django.core.exceptions.FieldError: Invalid field name(s) given in select_related: 'author'. Choices are: publish
'''
prefetch_related：内部是子查询，会自动帮你按步骤查询多张表 然后将查询的结果封装到对象中，
给用户的感觉好像还是连表操作，括号内支持传多个外键字段 并且没有类型限制。
特点:每放一个外键字段 就会多走一条sql语句 多查询一张表
res = models.Book.objects.prefetch_related('publish','authors')
# print(res)
for i in res:
print(i.publish,i.authors.all())
'''
Publish object <QuerySet [<Author: Author object>, <Author: Author object>]>
Publish object <QuerySet []>
Publish object <QuerySet []>
Publish object <QuerySet []>
'''
两者之间的优缺点比较
结合实际情况，看表的数据量的大小，
两张表都特别大的情况下，连表操作可能耗时更多；
choices参数
choices字段类型，在获取值得时候统一的句式：get_字段名_display()
1.建表
# models.py文件
from django.db import models
# Create your models here.
class User(models.Model):
username = models.CharField(max_length=32)
password = models.BigIntegerField()
gender_choices = (
(1,'男'), # 第一个参数可以是数字，也可以是自定义的字符串
(2,'女'),
(3,'其他'),
)
gender = models.IntegerField(choices = gender_choices)
2.数据库迁移命令 数据录入
这里我们使用的是django自带的测试用的db.sqlite3数据库，并在表中添加数据
菜单栏Tools>Run manage.py Task
django 终端：1.makemigrations 2.migrate
3.测试环境配置及示例分析
from django.test import TestCase
# Create your tests here.
import os
if __name__ == "__main__":
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "day56.settings")
import django
django.setup()
from app01 import models
user_obj1 = models.User.objects.get(pk = 1)
user_obj2 = models.User.objects.get(pk = 4)
# print(user_obj1.gender) # 1
# print(user_obj2.gender) # 4 这里id=4并没有gender对应的性别关系，但不报错。
print(user_obj1.get_gender_display()) # 男 正确的获取方式
print(user_obj2.get_gender_display()) # 4 没有性别的对应关系获取到的还是数字本身
MTV与MVC模型
MTV模型：
django就是MTV框架，但本质还是MVC
MTV：
M:models
T:templates
V:views
MVC：
M:models
V:views
C:controller 路由匹配
MVVM :前端框架，比如：Vue
Ajax简介
AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步的Javascript和XML”。
即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网
页内容。（这一特点给用户的感受是在不知不觉中完成请求和响应过程）
AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。
- 同步交互：客户端发出一个请求后，需要等待服务器响应结束后，才能发出第二个请求；
- 异步交互：客户端发出一个请求后，无需等待服务器响应结束，就可以发出第二个请求。
了解：
XML也是一门标记语言
该语法应用场景
1.写配置文件
2.可以写前端页面(odoo框架中 erp)
每家公司都会有属于这家公司独有的内部管理软件
专门用来开发企业内部管理软件 框架 odoo
odoo框架内部功能实现全部依赖于python2
AJAX常见应用情景
1）搜索引擎根据用户输入的关键字，自动提示检索关键字。
2）还有一个很重要的应用场景就是注册时候的用户名的查重。
其实这里就使用了AJAX技术！当文件框发生了输入变化时，使用AJAX技术向服务器发送一个请求，然后服
务器会把查询到的结果响应给浏览器，最后再把后端返回的结果展示出来。
- 整个过程中页面没有刷新，只是刷新页面中的局部位置而已！
- 当请求发出后，浏览器还可以进行其他操作，无需等待服务器的响应！
当输入用户名后，把光标移动到其他表单项上时，浏览器会使用AJAX技术向服务器发出请求，服务器会
查询名为lemontree7777777的用户是否存在，最终服务器返回true表示名为lemontree7777777的用户
已经存在了，浏览器在得到结果后显示“用户名已被注册！”。
- 整个过程中页面没有刷新，只是局部刷新了；
- 在请求发出后，浏览器不用等待服务器响应结果就可以进行其他操作；
AJAX的优缺点
优点：
- AJAX请求无须刷新整个页面；
- 两个关键点:1.局部刷新，2.异步请求
- AJAX使用JavaScript技术向服务器发送异步请求；
- 因为服务器响应内容不再是整个页面，而是页面中的部分内容，所以AJAX性能高；
Ajax基本语法结构
$.ajax({ })
// ajax基本语法结构
$.ajax({
url:'', // 数据提交的后端地址 不写就是往当前页面提交 也可以写后缀 也可以写全称 跟actions一样
type:'post', // 提交方式 默认是get请求
data:{'i1':$('#d1').val(),'i2':$('#d2').val()}, // 提交的数据
success:function (data) { // 形参data，就是异步提交之后后端返回的结果，两个data不是同一个
$('#d3').val(data) // 回调机制需要做的事情
}
})
// 注意：使用ajax django三板斧都不再作用与页面 而是与data交互
Ajax基本示例1（实现前后端数据交互）
# urls.py文件
# Ajax在post发送post请求的时候记得注销掉settings.py文件中的中间件
from app01 import views
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^about_ajax/',views.xxx),
]
# views文件
from django.shortcuts import render,HttpResponse
# Create your views here.
def xxx(request):
# print(request.is_ajax()) # 判断当前请求是否是Ajax请求，返回布尔值
# print(request.POST) # ajax发送的post请求，普通的键值对也在request.POST中获取
# if request.method == 'POST':
if request.is_ajax(): # True
i1 = request.POST.get('i1') # 默认取列表的最后一个元素，
i2 = request.POST.get('i2')
# print(i1,type(i1)) # 字符串类型 1 <class 'str'>
res = int(i1) + int(i2)
return HttpResponse(res) # 把结果给异步回调函数success
return render(request, 'xxx.html')
// 这里直接使用JQuery封装好的方法，就不再用原生的js版本了。
// xxx.html 文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<input type="text" id="d1"> + <input type="text" id="d2"> = <input type="text" id = "d3">
<button id="d4" style="color:orange">点我发送请求</button>
<script>
$('#d4').on('click',function () {
$.ajax({
url:'',
type:'post',
data:{'i1':$('#d1').val(),'i2':$('#d2').val()}, // 提交数据 data对应的是个字典，里面是键值对
success:function (data) { // 形参data就是异步提交之后后端返回的结果
{#alert(data)#}
$('#d3').val(data) // 后端返回的结果就是这里的data接收的
}
})
})
</script>
</body>
</html>
前后端传输数据编码格式
前后端交互是一个数据编码格式，针对不同的数据，后端会进行不同的处理。
一般请求：
request.POST
文件格式的请求：
request.FILES
发送请求三种编码格式：
1.urlencoded
2.formdata # form表单往后端发文件指定的编码格式
3.application/json # Ajax往后端发送文件指定的编码格式
能朝后端发数据的请求有哪些
a标签href参数 get请求
form表单 get/post
ajax get/post
get请求的数据格式比较单一，这里不做研究。
url?xxx=ooo&yyy=zzz
form表单编码格式及发送文件（发post请求）
第一种编码格式：urlencoded
1).默认是urlencoded编码
Content-Type: application/x-www-form-urlencoded
urlencoded所对应的数据格式:
username=zhang&password=123
django后端针对urlencoded编码格式的数据 会自动解析并且帮你封装到request.POST中
第二种编码格式：multipart/form-data
2). form表单指定enctype="multipart/form-data",
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryhjKCHQHDmcE62iMQ
针对formdata格式的数据 你在浏览器上是无法查看到
如果是一个文件对象,django后端也会自动识别，放到request.FILES中
form表单在multipart/form-data编码格式下发送文件
当form表单不指定参数enctype="multipart/form-data"时发生的情况：
代码示例：
from django.shortcuts import render,HttpResponse
def about_form(request):
if request.method=='POST':
print(request.POST) # <QueryDict: {'username': ['zhang'], 'password': ['123']}>
print(request.FILES) # <MultiValueDict: {'myfile': [<InMemoryUploadedFile: ORM查询优化.md (application/octet-stream)>]}>
return render(request,'about_form.html')
'''
当about_form.html文件中form标签参数不指定enctype="multipart/form-data"时，后端打印结果为：
<QueryDict: {'username': ['zhang'], 'password': ['123'], 'myfile': ['ORM查询优化.md']}>
<MultiValueDict: {}> 无法拿到文件对象
'''
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
username:<input type="text" name="username">
password:<input type="text" name="password">
<input type="file" name="myfile">
<input type="submit">
</form>
</body>
</html>
3).form表单无法发送json格式的数据,只能借助于ajax
ajax传输数据的编码格式及发送文件（post请求）
ajax发送
1.urlencoded
2.application/json post请求下前端发送json格式数据
3.formdata
第一种编码格式：默认的urlencoded编码格式
1).Content-Type: application/x-www-form-urlencoded; charset=UTF-8
ajax默认的编码格式也是urlencoded,也就意味着后端django也是将数据解析到request.POST中
在涉及到前后端交互的时候 一定要做到数据的格式与编码格式一致
第二种编码格式：html文件中添加contentType参数为application/json，往后端发json格式数据
2).django后端针对application/json编码格式的数据,不会做任何处理,数据怎么来的,只会原封不动的放到request.body中
| 前端js | 后端json |
|---|---|
| stringify | dumps |
| parse | loads |
 |
第三种编码格式:multipart/form-data
数据传到后端直接分成两个部分，数据信息放在POST中，文件放在FILES中
Ajax发送json格式数据
代码示例：
# views.py 文件
from django.shortcuts import render,HttpResponse
def about_form(request):
if request.method=='POST':
print(request.body) # b'{"username":"zhang","passowrd":"123"}'
json_bytes = request.body
import json
# 方式1：
# user_dic = json.loads(json_bytes.decode('utf8'))
# print(user_dic) # {'username': 'zhang', 'passowrd': '123'}
# 方式2:
user_dic = json.loads(json_bytes) # 自动帮你解码家反序列化
print(user_dic,type(user_dic)) # {'username': 'zhang', 'passowrd': '123'} <class 'dict'>
return render(request,'about_form.html')
<!--about_form.html文件-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<button id="d1">点我发送json格式数据</button>
<script>
$('#d1').click(function () {
$.ajax({
url:'',
type:'post',
contentType:'application/json', // 不写默认编码格式为urlencoded,form表单enctype指定编码格式
data:JSON.stringify({'username':'zhang','passowrd':'123'}),
success:function (data) {
alert(123)
}
})
})
</script>
</body>
</html>
Ajax发送文件格式数据
借助于内置对象new，该对象即可以携带文件数据，同样也支持普通的键值对
代码示例：
from django.shortcuts import render,HttpResponse
def about_form(request):
if request.method=='POST':
# 数据传到后端直接分成两个部分，分别放在POST中，和FILES中
print(request.POST) # <QueryDict: {'username': ['zhang'], 'password': ['123']}>
print(request.FILES) # <MultiValueDict: {'myfile': [<InMemoryUploadedFile: ORM查询优化.md (application/octet-stream)>]}>
return render(request,'about_form.html')
<!--about_form.html文件-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
username:<input type="text">
password:<input type="password">
myfile:<input type="file" id="d1" name="myfile">
<button id="d2">点我发送文件</button>
<script>
$('#d2').click(function () {
// 先生成一个内置对象
var MyFormData = new FormData();
// 1. 先添加普通的键值
MyFormData.append('username','zhang'); // 添加了一组普通的键值对
MyFormData.append('password','123');
// 2. 添加文件数据
MyFormData.append('myfile',$('#d1')[0].files[0]); // 如何获取input框中文件对象$('#d1')[0].files[0]
$.ajax({
url:'',
type:'post',
data:MyFormData,
// 发送文件必须要指定的两个参数
contentType:false, // 不使用任何编码 MyFormData对象内部自带编码 django后端能够识别
processData:false, // 不要处理数据
success:function (data) {
}
})
序列化
序列化目的：将数据整合成一个大字典形式，方便前后端数据的交互，实现方便前后端分离。
代码示例：
from app01 import models
from django.core import serializers
def back_dict_in_list(request):
user_queryset = models.User.objects.all()
# [{username:...,password:...,hobby:...,},{},{},{}]
# user_list = []
# for data in user_queryset:
# 数据量比较大的情况下书写麻烦
# user_list.append(
# {'username':data.username,
# 'password':data.password,
# 'gender':data.get_gender_display(),
#
# }
# )
user_list = serializers.serialize('json', user_queryset) # 能指定序列化到前端的数据格式
return HttpResponse(user_list)
本次内容总结点我
django07:sweetalert、bulk_create批量插入、分页器
