Django之 Choices参数、MVC和MTV模型、Ajax

一、Choices参数

在应用app01中的models.py文件下，建模型表类Teacher

from django.db import models

# Create your models here.
class Teacher(models.Model):
    username = models.CharField(max_length=32)
    password = models.IntegerField(default=123)
    choices = (
        (1,'male'),
        (2,'female'),
        (3,'others')
    )
    gender = models.IntegerField(choices=choices)

引出Choices字段：

    choices = (
    (1,'male'),
    (2,'female'),
    (3,'others')
    )
    gender = models.IntegerField(choices=choices)
    """
    1.如果我存的是上面元组中数字会怎么样
    2.如果我存的数字不在元组范围内又会怎样
        1.数字没有对应关系 是可以存的
    """

在测试文件夹test.py下获取数据：

from django.test import TestCase

# Create your tests here.
import os

if __name__ == "__main__":
    os.environ.setdefault("DJANGO_SETTINGS_MODULE", "day62.settings")
    import django
    django.setup()


    from app01 import models
    t_obj = models.Teacher.objects.filter(pk=1).first()
    print(t_obj.username)
    print(t_obj.password)
    print(t_obj.get_gender_display())
    '''
    由以上代码可知：针对choices字段如果想要获得对应的中文，不能直接点语法，
    要有固定句式， 数据对象.get_字段名_display;
    如果choices字段中没有对应的关系，那么执行语句：print(t_obj.get_gender_display())只能得到对应的数字
    '''

Choices字段示例：

record_choices = (('checked', "已签到"),
                  ('vacate', "请假"),
                  ('late', "迟到"),
                  ('noshow', "缺勤"),
                  ('leave_early', "早退"),
                  )
    record = models.CharField("上课纪录", choices=record_choices, default="checked",

示例1

 score_choices = ((100, 'A+'),
                 (90, 'A'),
                 (85, 'B+'),
                 (80, 'B'),
                 (70, 'B-'),
                 (60, 'C+'),
                 (50, 'C'),
                 (40, 'C-'),
                 (0, ' D'),
                 (-1, 'N/A'),
                 (-100, 'COPY'),
                 (-1000, 'FAIL'),
                 )
    score = models.IntegerField("本节成绩", choices=score_choices, default=-1)

示例2

二、MVC和MTV模型

MTV模型：

M —— models 模型层

T —— templates 模板层

V —— views 视图层

MVC模型：

M —— models 模型层

V —— views 视图层

C —— contronner 路由匹配

Django框架虽然号称是MTV模型，但是实际上也是MVC模型。

三、Ajax

1、AJAX简介

AJAX翻译成中文就是“异步的Javascript和XML”，即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。

2、AJAX特点

AJAX最大的优点可以在不重新加载整个页面的情况下，与服务器交互数据并进行局部刷新（局部刷新：就是一个页面不是整体刷新，而是某个地方刷新。。。）

3、知识回顾

同步异步：任务的提交方式

同步 —— 就是执行完代码后，原地等待执行的结果，期间不做任何事

异步 —— 执行完一段代码后，不会原地等待结果，而是跳过去执行下一段代码，任务的返回结果通过回调机制获取。

阻塞非阻塞：指的是程序的运行状态。程序的运行状态有就绪态、运行态、和阻塞态。

总结：

AJAX是一门js技术，它基于原生的js代码进行开发，但是原生的js代码过于繁琐，所以我们学习使用jQuery实现ajax。

AJAX的应用场景及优缺点

应用场景：

　　如搜索引擎输入关键字时会有提示信息；

　　输入用户名，鼠标在其他表单时，服务器会处理表单提交的请求，在数据库中查询校验，然后再将结果返回给前端页面。

　　1、整个过程中整体页面没有刷新，只有局部页面刷新了；

　　2、浏览器不用等待服务端的返回结果，可以直接进行其他的操作。

AJAX的优点：

　　1、AJAX请求无须刷新整个页面；

　　2、使用JavaScript 技术向服务端发请求；

　　3、因为服务器不再响应整个页面，只要刷新局部，所以AJAX的性能高；

　　4、两个关键点：局部刷新、异步请求

案例1：

展示一个前端页面，有3个输入框，前两个输入框输入数字，在不重新加载页面的情况下完成这两个数字的加法运算。

前端页面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="t1"> + <input type="text" id="t2"> = <input type="text" id="t3">
<p>
    <button id="b1">计算</button>
</p>

<script>
    $('#b1').on('click',function () {
        // 朝后端提交post数据
        $.ajax({
            // 1.到底朝后端哪个地址发数据
            url:'',  // 专门用来控制朝后端提交数据的地址  不写默认就是朝当前地址提交
            // 2.到底发送什么请求
            type:'post',  // 专门制定ajax发送的请求方式
            // 3.发送的数据到底是什么
            data:{'t1':$('#t1').val(),'t2':$('#t2').val()},
            data:{'username':'jason','password':'123'},
            // 4.异步提交的任务 需要通过回调函数来处理
            success:function (data) {  // data形参指代的就是异步提交的返回结果
                // 通过DOM操作将内容 渲染到标签内容上
                $('#t3').val(data)  // 注意： 这个data是回调函数的返回值，与上面的data不一样，具体对应的是jiafa函数中的HttpResponse(res)
                alert(data)
            }
        })
</script>
</body>
</html>

视图层函数：

def jiafa(request):
    print(request.is_ajax())  #  先判断是不是ajax请求
    if request.is_ajax():
        if request.method == 'POST':
            t1 = request.POST.get('t1')
            t2 = request.POST.get('t2')
            res = int(t1)+ int(t2)
            return HttpResponse(res)

    return render(request,'jiafa.html')

前后端传输数据的编码格式

contentType前后端数据的编码格式：

以form表单为例，提出问题：

为什么form表单参数enctype默认情况下只能得到文件名？

contentType前后端传输数据编码格式

    form表单 默认的提交数据的编码格式是urlencoded
        urlencoded
            username=admin&password=123这种就是符合urlencoded数据格式
            
            django后端针对username=admin&password=123的urlencoded数据格式会自动解析
            将结果打包给request.POST 用户只需要从request.POST即可获取对应信息
           
        formdata
            django后端针对formdata格式类型数据 也会自动解析
            但是不会方法request.POST中而是给你放到了request.FILES中
        
    ajax  ajax默认的提交数据的编码格式也是urlencoded
        username=jason&password=123
        
    总结:django后端针对不同的编码格式数据 会有不同的处理机制以及不同的获取该数据的方法

"""
前后端在做数据交互的时候 一定一定要表明你所发的的数据到底是什么格式

前段后交互 你不能骗人家
你的数据时什么格式 你就应该准确无误告诉别人是什么格式   
"""

四、ajax传json格式的数据

五、ajax传文件

六、序列化组件

Django内置的序列化组件serializers

应用场景：

　　　　前端想拿到由ORM从数据库中得到的一个个数据对象，而后端想将这些实例化出来的数据对象直接发送给客户端，这个时候我们就可以利用Django提供的序列化方式。

案例1：

将用户表的数据查询出来返回个前端——返回给前端的是一个大字典，字典里面的数据就是一个个的字段！

views.py中的视图函数，如下所示：

from django.core import serializers
def ser(request):
user_queryset = models.Userinfo.objects.all()
# [{},{},{},{}]
# user_list = []
# for user_obj in user_queryset:
#     user_list.append({
#         'username':user_obj.username,
#         'password':user_obj.password,
#         'gender':user_obj.get_gender_display(),
#     })
res = serializers.serialize('json',user_queryset)
print(res)
return render(request,'ser.html',locals())

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>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>

</head>
<body>

{{ res }}
{#{% for foo in user_list %}#}
{#<p>{{ foo.username }}</p>#}
{#<p>{{ foo.password }}</p>#}
{#<p>{{ foo.gender }}</p>#}
{#{% endfor %}#}

</body>
</html>

前端页面返回结果为：

[{"model": "app01.teacher", "pk": 1, "fields": {"username": "jason", "password": 123, "gender": 1}}, {"model": "app01.teacher", "pk": 2, "fields": {"username": "tank", "password": 123, "gender": 2}}, {"model": "app01.teacher", "pk": 3, "fields": {"username": "egon", "password": 124, "gender": 3}}, {"model": "app01.teacher", "pk": 4, "fields": {"username": "sean", "password": 134, "gender": 4}}, {"model": "app01.teacher", "pk": 5, "fields": {"username": "owen", "password": 123, "gender": 3}}]

七、AJAX与sweetalert联合使用

知识梳理和总结

1.choices参数
    class Userinfo(models.Model):
        username = ...
        age = ...
        gender_choice = (
            (1,'male'),
            (2,'female'),
            (3,'others'),
        )
        gender = models.IntegerField(choices=gender_choice)
    # gender存的是数字 如果数字在上面的对应关系中 那么在取值的时候 可以通过
        user_obj.gender  # 数字
        user_obj.get_gender_display()  # 取到的就是数字对应的解释
    # 如果存的数字不在范围内  拿到的还是数字本身
    

```
2.MTV与MVC模型
    MTV:
        M:models
        T:templates
        V:views
    
    MVC:
        M:models
        V:views
        C:controller
    本质:MTV其实也是MVC
```

    

```
3.ajax(******)
    异步提交
    局部刷新
    
    我们所学的ajax是基于jQuery封装好简易版本
    所以你在写ajax的时候一定要确保导入可jQuery
```

       

```
    1.自己写一个计算功能
    
    2.ajax基本语法结构
        $.ajax({
            url:'',  # 指定朝哪个后端地址发送请求  不写默认朝当前地址提交
            type:'post',  # 指定提交方式
            data:{'username':'jason','password':'123'},
            success:function(data){  # data指代的就是后端返回的异步提交的结果
                # 异步回调机制逻辑处理代码
            }
        })
```

        

```
4.前后端传输数据的编码格式
    编码格式种类
        1.urlencoded
        2.formdata
        3.application/json
    
    form表单
        form表单默认的编码格式是urlencoded
            urlencoded编码格式的数据特点
                username=jason&password=123&age=18
            # django后端针对符合urlencoded数据格式 会自动解析 并给你封装到request.POST中
            
            # 你可以通过制定enctype参数来修改form表单提交数据的编码格式
            # form表单传输文件的时候  编码格式就必须有默认的改为formdata
            """
            即可以传普通的键值对也可以上传文件
            
            django后端针对只要是符合urlencoded格式的数据都会自动解析放到request.POST
            针对文件数据 会解析并放到request.FILES
            """
```

        

```
    ajax  默认的数据编码格式也是urlencoded
        也就意味着ajax发送post请求django后端默认也是通过request.POST获取数据
        
    ajax发送json格式数据
        如何查看前端提交数据的编码格式？
            在请求头中有一个content-Type参数
        """
        前后端交互数据的时候 一定要做到数据个编码格式的一致性
        """
        1.需要手动指定编码格式
            contentType:'application/json'
        2.一定要确保数据也是符合json格式的
            data:JSON.stringify({'username':'jason'})
        
        # django后端针对json格式的数据 是不会做任何处理的  会原封不动的放在request.body中
        你可以手动去处理获取数据
            
            1.将bytes类型转成json格式字符串
            2.利用json模块json.loads反序列化出来
```

            

```
    ajax传输文件
        ajax传文件 需要使用到js内置对象  FormData
        该对象及可以携带普通的键值对 给django后端的request.POST也可以携带文件给django后端的request.FILES
        
        # 1.现生成一个formdata对象
        var MyFormData = new FormData();
        # 2.添加普通的键值对
        MyFormData.append('username','jason');
        MyFormData.append('password','123');
        # 3.添加文件
        var fileObj = $('#myfile')[0].files[0];
        MyFormData.append('myfile',fileObj)
        """
        如何获取type=file的input标签存储的用户上传文件
        """
        $.ajax({
            url:'',
            type:'post',
            data:MyFormData,
            # 需要手动指定两个关键性的参数
            contentType:false,
            processData:false,
            success:function(data){
                ...
            }
       
        })  
        
序列化组件
    from django.core imprt seralizers
    
    user_queryset = models.Userinfo.objects.all()
    
    res = seralizers.Seralizer('json',user_queryset)
    """
    res = [{},{},{}]
    """
    return HttpResponse(res)
```

    

```
ajax + sweetalert
```

整体内容梳理、总结

相关阅读:
我是卡拉上海国际工业博览会纪实(4)
GDI+中常见的几个问题(1)
我是卡拉上海国际工业博览会纪实(2)
GDI+中常见的几个问题(9)
GDI+中常见的几个问题(3)
我是卡拉上海国际工业博览会纪实(7)
贵阳的小吃
 Indigo是啥
 我是卡拉上海国际工业博览会纪实(3)
云计算里AWS和Azure的探究(1)
原文地址：https://www.cnblogs.com/qinsungui921112/p/11755551.html

Django之 Choices参数、MVC和MTV模型、Ajax

目录

Choices参数

MVC和MTV模型

Ajax

Ajax的应用场景、优缺点、案例

知识梳理总结

一、Choices参数

二、MVC和MTV模型

三、Ajax

1、AJAX简介

2、AJAX特点

3、知识回顾

AJAX的应用场景及优缺点

应用场景：

AJAX的优点：

案例1：

前后端传输数据的编码格式

以form表单为例，提出问题：

为什么form表单参数enctype默认情况下只能得到文件名？

四、ajax传json格式的数据

五、ajax传文件

六、序列化组件

Django内置的序列化组件serializers

应用场景：

views.py中的视图函数，如下所示：

html文件如下：

前端页面返回结果为：

七、AJAX与sweetalert联合使用

知识梳理和总结

Django之 Choices参数、MVC和MTV模型、Ajax

目 录

Choices参数

MVC和MTV模型

Ajax

Ajax的应用场景、优缺点、 案例

知识梳理总结

一、Choices参数

二、MVC和MTV模型

三、Ajax

1、AJAX简介

2、AJAX特点

3、知识回顾

AJAX的应用场景及优缺点

应用场景：

AJAX的优点：

案例1：

前后端传输数据的编码格式

以form表单为例，提出问题：

为什么form表单参数enctype默认情况下只能得到文件名？

四、ajax传json格式的数据

五、ajax传文件

六、序列化组件

Django内置的序列化组件serializers

应用场景：

views.py中的视图函数，如下所示：

html文件如下：

前端页面返回结果为：

七、AJAX与sweetalert联合使用

知识梳理和总结

目录

Ajax的应用场景、优缺点、案例