django之ORM的查询优化，Ajax

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使用JavaScript技术向服务器发送异步请求；
• AJAX请求无须刷新整个页面；
• 因为服务器响应内容不再是整个页面，而是页面中的部分内容，所以AJAX性能高；
• 两个关键点:1.局部刷新，2.异步请求

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=jason&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)

Ajax结合sweetalert实现删除按钮的提示功能

自定义分页器

多对多的三种建立方式