choice参数、MTV与MVC模型、Ajax

choice参数、MTV与MVC模型、Ajax

choice参数

choice 参数应用场景
用户性别
用户学历
用户工作状态
客户来源
...
示例:
choices = (
(1,'male'),
(2,'female'),
)    
gender = models.IntegerField(choices=choices)
# 就是把你想要的选择先写出来,放在一个对应的元祖里,优点就是使用起来更方便,减少代码冗余.

# 调用的方法:
from app01 import models
user_obj = models.Userinfo.object.filter(pk=4).first()
print(user_obj.username)

print(user_obj.gender) #错误语法
# 针对choices字段 如果你想要获取数字所对应的中文,你不能直接点字段
# 固定句式    数据对象.get_字段名_display() 当没有对应关系的时候,该句式获取到的还是数字
print(user_obj.get_gender_display())

更多应用场景:
record_choices = (
('checked', "已签到"),
('vacate', "请假"),
('late', "迟到"),
('noshow', "缺勤"),
('leave_early', "早退"),
#你当然也不用非要用数字代替,其他的对应也可以
)
record = models.CharField("上课记录", choices=record_choices, default="checked")
# 括号里的choices就等于你自己写的对应关系, 当然你也可以设置默认值.
 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)

MTV与MVC模型(了解)

django号称是MTV框架,其实他还是MVC框架
MTV:
   M: models
   T: templtes
   v: views
MVC:
   M: models
   V: views
   C: contronner(路由配置)

Ajax

同步异步:
   同步:提交任务之后,原地等待任务的返回结果,期间不做其他的事情
   异步:提交任务之后,不原地等待,直接执行下一个,任务的返回通过回调机制
   
阻塞非阻塞:
    描述的程序的运行状态:
    就绪--运行--阻塞
    
局部刷新:
    表示一个页面,不是整体刷新,而是页面的某个地方局部刷新
    
Ajax是一门js的技术,是基于js开发的,但是用原生的js写代码的过于繁杂,我们用JQuery实现ajax

Ajax最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容.
(这一特点给用户的感受是在不知不觉中完成请求和响过程)
 
 

Ajax示例

1.展示一个前端页面,页面上有三个输入框, 前两个输入数字,点击按钮朝后端发送请求,在页面不刷新的情况下载第三个框显示前两个相加的结果.
eg:
 <input type='text' id='t1'>+<input type='text' id='t2'>=<input type='text' id='t3'>
 <p><button id='b1'>计算</button></p>
 
 # 在按钮上触发点击事件.
 $('#b1').on('click', function(){
 // 朝后端提交post数据,写ajax
 $.ajax({
    // 1.往哪个地址发送数据
    url:'', //不写的话就默认当请地址
    // 2.请求的格式
    type:'post', //专门定制ajax发送的请求方式.
    // 3.发送什么数据
    data:{'t1':$('#t1').val(), 't2':$('#t2').val()}, 获取前两个输入框输入的内容
    // 4.异步提交的任务, 需要通过回调函数来处理
    success:function (data){ //data形参指代的就是异步提交的返回结果}
    // 通过DOM操作将内容渲染到标签内容上
    $('#t3').val(data)  // ,这里写data就是最后结果.
 })
 }
 
 def index(request):
      if request.is_ajax():  # 判断当前的请求是否是ajax,然后在判断是否是post请求.然后做逻辑处理.让获取到的两个数字相加. res的结果经过ajax的处理会直接展示在第三个框里.
           if request.method == 'POST':
               t1 = request.POST.get('t1')
               t2 = request.POST.get('t2')
               res = int(t1) + int(t2)
               return HttpResponse(res)

Ajax传json格式的数据

django后端针对json格式的数据,不会自动的帮你解析.会原封不动的给你放到request.body中,你可以手动处理,获取数据.

后端手动处理
json_bytes = request.body  #拿到jsoon格式数据,是二进制的
json_str = str(json_bytes, encoding='utf8') # 转成utf8格式
json_dict = json.loads(json_str) #拿到数据

#注意点:
1.指定contentType参数
     contentType: 'application/json', 传送json格式
2.你要发送的数据也要确保是json格式的,确保一致.
     data:JSON.stringify({'username':'kang','password':'123'})

Ajax传文件

# ajax传文件需要利用内置对象 Formdata,该对象既可以传文件也可以传普通的键值

# 获取input用户上传文件的文件的内容.
1.先通过jquery查找到该标签 $('$t3')
2.将jquery对象转换成原生的js对象$('$t3')[0]
3.利用原生js对象的方法, 来直接获取文件的内容$('$t3')[0].files[0] 
$('$t3')[0].files[0] 

示例:
$('#b1').on('click', function(){
// 1.先生成一个formdata对象
var myForData = new FormData();
// 2.朝对象中添加普通的键值
myForData.append('username', $("#t1").val());
myForData.append('paasword', $("#t2").val());
}
// 3.朝对象中添加文件数据
     1.先通过jquery查找该标签
     2.将jquery对象转换成原生js对象
     3.利用原生js对象的方法,直接获取文件内容.
myForData.append('myfile',$('#t3')[0].files[0]);
$.ajax({
   url:'',
   type:'post',
   data:myForData, // 直接丢对象.
   // ajax传文件, 一定要指定两个关键性的参数
   contentType:false, // 不用任何编码 因为formdata对象自带编码,django能够识别对象.
   processData:false, // 告诉浏览器不要处理我的数据, 直接发就行.
   success:function (data) {
        alert(data)
   }
  })
})

ajax文件需要注意的事项.
  1.利用formdata对象 能够简单的快速传输数据(普通键值 + 文件)
  2.有几个参数
     data: formdata对象
     
     contentType:false
     processData:false
                                                          

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

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

注意:前后端在做数据交互的时候,一定一定要表名你所发的数据格式到底是什么格式.

序列化组件
1.将用户表的数据 查询出来, 返回给前端(给前端的是一个大字典, 字典里的数据的一个个字段)
from django.core import serializers #导入此模块可以直接把数据转成json类型
def ser(request):
    user_queryset = models.Userinfo.object.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) #变为json类型
    return render(request, 'ser.html', local()) #发送到前端.
        

ajax + sweetalert的应用

$("#b55").click(function () {
    swal({
                title: "你确定要删除吗？",
                text: "删除可就找不回来了哦！",
                type: "warning",
                showCancelButton: true,  // 是否显示取消按钮
                confirmButtonClass: "btn-danger",  // 确认按钮的样式类
                confirmButtonText: "删除",  // 确认按钮文本
                cancelButtonText: "取消",  // 取消按钮文本
                closeOnConfirm: false,  // 点击确认按钮不关闭弹框
                showLoaderOnConfirm: true  // 显示正在删除的动画效果
            },
      
          function(){
              var deleteId = 2;
              $.ajax({
                 url:"/delete_book",
                 type:"post",
                 data:{"id":deleteId},
                 success: function (data){
                     if (data.code === 0){
                         swal("删除成功!", "success")
                     } else {
                         swal("删除失败", "error")
                     }
                 }
              })
          }

​