Django阶段总结与Ajax

时间 2020-05-05

标签 django 阶段总结 ajax 栏目 Python 繁體版

原文原文链接

1、路由控制html

2、视图层前端

3、模板层jquery

4、模型层、单表操做、多表操做web

5、什么是ajaxajax

1、路由控制正则表达式

　　补充点（什么是web应用？）数据库

　　网站：BS架构应用程序：B是浏览器 S：server（实现了wsgi协议）+application（咱们都在写这个），其实就是CSdjango

　　MVC和MTV（django）json

　　　　-M:model跟数据库打交道后端

　　　　-T：Templates模板层，对到mvc的是V这一层

　　　　-V：视图Views路由+V是MVC的c

　　web框架：

　　　　application拆分

　　　　a:server b:映射关系 c：模板渲染

　　　　Flask：

　　　　Django

　　　　Tornado

　　1.Django中路由的做用

　　　　请求的路径跟视图函数的映射关系

　　2.简单的路由配置

　　　　四个参数：第一个正则表达式，第二个函数内存地址，第三个默认值，第四个是别名

　　3.分组

　　　　无名：（正则表达式）值分出来当关键字参数传到视图函数

　　　　有名：（?P<名字>正则表达式）值分出来当关键字参数传到视图函数

　　4.路由分发

　　　　url（r‘^app01/’,include('app01,urls')）

　　5.反向解析

　　　　就是根据别名，取到对应的url地址

　　　　　　-视图层：reverse('别名'args=（）)

　　　　　　-模板层：{% url ‘别名’ 参数参数 %}

　　6.名称空间

　　　　-include（‘app01.urls’，namespance=‘app01’）

　　　　-之后再反向解析：reverse（‘app01：别名’args=（））

　　7.Django2.0版的path

　　　　-path：路径是准确路径，不是正则表达式了

　　　　-内置了5个转换器

　　　　-自定义转换器

2、视图层

　　1.视图函数

　　2.HttpResponse对象

　　　　-GET

　　　　-POST

　　　　-FILES

　　　　-path

　　　　-method

　　　　-get_full_path()

　　　　-body

　　3.HttpResponse

　　　　-三件套

　　4.JsonResponse

　　　　-HttpResponse+json　　

　　5.CBV和FBV

　　　　-基于类的视图：

　　　　　　-url配置类名.as_view()

　　　　　　-views.py

　　　　　　　　class Test(View)

　　　　　　　　　　dispatch:总的分发方法

　　　　　　　　　　def get(self,request)

　　　　　　　　　　　　return HttpRequest对象

　　6.简单文件上传

　　　　-前端页面：form-data

　　　　-视图层：FILES（字典）根据Key值取出来，拿到文件对象

　　问题：POST请求是否能够在请求路径中参加参数？能够，从GET中取

　　　　-反向解析传参

　　　　　　举例：在模板层反向解析出要删除的图书路径

　　　　　　-url（r'^dlbook/(?P<pk>\d+)',view.deletebook,name='deletebook'）,

　　　　　　-<td><a href="{% url'deletebook' book.pk %}">删除</a></td>

3、模板层

　　1.模板简介

　　　　模板语言

　　2.模板语法之变量

　　　　-基本用法{{ 变量名 }}

　　　　-深度查询

　　　　{{ 对象.方法 }} 方法不能传参数

　　　　-字典，列表用.

　　3.模板之过滤器

　　　　-data

　　　　-dafault

　　　　-slice

　　　　...

　　4.模板之标签

　　　　{% for %} 　　　　　　{% for a in 可迭代对象 %} 　　　　　　　　{{ a.name }} 　　　　　　　　{{ forloop }} 　　　　　　{% endfor %} 　　　　{% if 条件%} 　　　　{% elif条件 %} 　　　　{% else %} 　　　　{% endif %}

　　　　{% with %}：取别名

　　5.自定义标签和过滤器

　　　　1.确认app是否已通过期

　　　　2.在app下建立一个包：templatetags

　　　　3.在包中写mytag.py

　　　　4.from django.template import LIbrary

　　　　5.register=Library()

　　　　6.标签：

@register.simple_tag(别名) def mytesttag(a,b,c) return a+b+c

　　　　过滤器

@register.filter(别名) def mytestfilter(别名) 　　return a+b

　　　　7.使用标签

{% load mytag %} 标签 {% mytesttag 参数1，参数2，参数3... %} 过滤器 {{ 第一个参数|mytestfilter:'第二个参数' }}

　　6.模板导入和继承　　

　　　　-导入{% include ‘在模板中定义盒子’ %}

　　　　-继承

　-先写一个母版，在模板中定义盒子 　　　　　　{% block content %} 　　　　　　　　{% endblock %} 　　　　　　-使用： 　　　　　　　　在其余模板中： 　　　　　　　　{% extends % 'base.html'}　　　　　　　　 　　　　　　　　{% block content %} 　　　　　　　　写变化的内容 　　　　　　　　{% endblock %} 　　　　　　{{ block.super }} 会把原来的母版中的内容拿过来

4、模型层、单表操做、多表操做

　　-单表：基本查询，双下划线的模糊查询

　　-多表：

　　　　基于对象的跨表

　　　　基于双下划线的多表

　　　　聚合查询

　　　　　　-聚合函数使用

　　　　F,Q查询

　　　　　　F能够去除字段的值

　　　　　　Q查询：构造出与或非的关系

　　　　分组查询：

 ''' group by谁就以谁作基表 filter在前表示where filter在后表示having values在前表示group by 的字段 values在后表示取值 ''' #查询每一个出版社的名称和书籍个数

5、什么是ajax

　　经过js语言跟后台进行交互的一个东西

　　　　-特色；异步，局部刷新

# 后台views.py

from django.shortcuts import render, HttpResponse # Create your views here.
def index(request): if request.method == 'GET': return render(request, 'index.html')

# 前台index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="/static/jquery-3.3.1.js"></script>
    <title>Title</title>
</head>
<body>
<button id="btn">点我向后台发数据</button>
<span id="sp"></span>
<p><button id="btn2">点我</button></p>


<br>
<input type="text" id="first">+<input type="text" id="second">=<input type="text" id="sum"><button id="btn3">计算</button>
</body>

<script> $('#btn2').click(function () { alert(2222) }) $('#btn').click(function () { {#alert(1)#} //日后台提交数据,jquery封装的方法
 $.ajax({ 'url':'/test/', //请求的路径
            'type':'get', //请求的方法
 success:function (data) { //data 是后台返回的数据
 console.log(data) $("#sp").text(data) } }) }) $("#btn3").click(function () { /** var first=$("#first").val() var second=$("#second").val() var sum=first+second $ ("#sum").value(sum) **/ $.ajax({ url:'/sum/?aa=123', type:'post', data:{first:$("#first").val(),second:$("#second").val()}, success:function(data){ //alert(data)
 $("#sum").val(data) } }) }) </script>
</html>

案例要求：

　　1 后台返回json格式
　　 2 问？返回render，返回redirect？

基于ajax写一个登录功能，一旦登录成功，跳转到百度，登录失败，在页面显示用户名或密码错误

# views.py

from django.shortcuts import render, HttpResponse # Create your views here.
def index(request): if request.method == 'GET': return render(request, 'index.html') def test(request): if request.method == 'GET': import time # time.sleep(10)
        return HttpResponse('hello web') import json from django.http import JsonResponse def login(request): dic={'status':100,'msg':None} if request.method == 'GET': return render(request, 'login.html') # if request.is_ajax():
    if request.method=='POST': name=request.POST.get('name1') pwd=request.POST.get('pwd2') if name=='lqz' and pwd=='123': dic['msg'] = '登录成功'
            # 想让前端跳转
            # dic['url']='http://www.baidu.com'
            dic['url']='/test/'
        else: # 返回json格式字符串
            dic['status']=101 dic['msg']='用户名或密码错误'
        # return JsonResponse(dic)
        return HttpResponse(json.dumps(dic)) def loginjson(request): dic={'status':100,'msg':None} if request.method=='POST': print(request.POST) print(request.GET) print(request.body) xx=request.body.decode('utf-8') # re是个字典{"name1":"lqz","pwd2":"123"}
        re=json.loads(xx) request.POST=11


        print(request.POST) #         #         # name=re.get('name1')
        # pwd=re.get('pwd2')
        # print(name)
        # print(pwd)
        return HttpResponse('ok')

#login登陆页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="/static/jquery-3.3.1.js"></script>
    <title>登录</title>
</head>
<body> {#<form action="" method="post">#} <p>用户名：<input type="text" id="name"></p>
    <p>密码：<input type="password" id="pwd"></p> {# 这里不能这么写了#} {# <input type="submit" value="提交1">#} {# <button>提交2</button>#} <input type="button" value="提交3" id="submit"><span id="error"></span>
    <input type="button" value="提交json格式" id="submit1"><span id="error"></span> {#</form>#} </body>

<script> $('#submit').click(function () { $.ajax({ url:'/login/', type:'post', data:{name1:$("#name").val(),pwd2:$("#pwd").val()}, success:function (data) { //后台用JsonResponse返回数据
                //data 就会被转成字典
 console.log(data) console.log(typeof data) //JSON.parse(data) 把字符串类型转成字典
 data=JSON.parse(data) {#JSON.stringify()#} console.log(typeof dat1) if(data.status == 100){ //成功,跳转到指定页面
                    //location.href=地址,前端就会跳转到指定的url
 alert(data.msg) //$("#error").text(data.msg+'正在跳转')
                    //location.href=data.url
 }else{ $("#error").text(data.msg) } } }) }) $('#submit1').click(function () { postdata={name1:$("#name").val(),pwd2:$("#pwd").val()} $.ajax({ url:'/loginjson/', type:'post', //指定提交的编码格式是json格式,
            //contentType:'application/json',
            //data:JSON.stringify(postdata),
            //data:postdata,
 data:'123', success:function (data) { console.log(data) } }) }) </script>
</html>

总结：

　　1.后端若是返回JsonResponse，前端的ajax内部会自动将json格式字符串转换成字典

　　2.后端若是返回HttpResponse，前端的ajax内部不会自动给你转换，拿到的data是字符串形式，须要手动JSON.parse（data）来转成字典

　　3.字符串转字典：JSON.parse(data)

　　　字典转字符串：aa=JSON.stringify(字典对象)

　　4.若是前端传的格式是JSON，django不会处理body中的内容，须要本身处理

　　　只有前端传的格式是urlencoded,form-data格式，django才会给我处理