这里的母版更像是一个架子,子板都是定义的内容(若是多个页面中 ,存在相同的页面;这样咱们能够抽到母版中实现)html
母版:layer.html前端
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> {% block mycss %} {% endblock %} </head> <body> {% block mycontent %} {% endblock %} </body> <script src="/static/js/jquery-1.12.4.js"></script> <script src="/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> {% block myjs %} {% endblock %} </html>子板:son.htmlpython
{% extends "layer.html" %} {% block mycss %} 写上子板的样式 {% endblock %} {% block mycontent %} 写上子板的内容 {% endblock %} {% block myjs %} 写上子板的js {% endblock %}
若是咱们A.html文件中写好了一个组件,想要添加到B.html文件中。所以咱们能够在B.html文件使用
{% include "a.html" %}
语法,将A.html文件引入到B.html文件中jqueryB.htmlajax
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {% include "a.html" %} </body> </html>A.html数据库
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="https://www.baidu.com">其余</a> </body> </html>
views.pydjango
from django.shortcuts import render,HttpResponse # Create your views here. def test(request): name = "panlifu" return render(request,'test.html',{"name":name})test.htmlbootstrap
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {{ name|upper }} </body> </html>
自定义函数流程
在app中建立templatetags模块后端
建立任意.py文件,如:xx.py
在xx.py中编写函数
from django import template register =template.Library() # 编写一个函数 并在函数前加上装饰器 @register.filteer 或 @register.simple_tag @register.simple_tag def my_upper(arg1,arg2) return arg1+arg2 @register.filter def my_upper(arg1,arg2) return arg1+arg2
- 在要引入此函数的html文件顶部加上{% load xx%} 导入xx模块
- 使用函数属于@register.filter的函数调用{{"value" | fun:参数}},能够在if else中作判断条件
- 使用函数属于@register.simple_tag的函数调用{%fun '参数1' '参数2' '参数3'%},不能够在if else中作判断条件
- 必定要在注册使用此函数的app
须要注意的事项:
filter函数单独使用时必须至少有一个传入模板的对象做为参数,好比
{{ st |fun1 }}
filter最多只要两个参数
{{ 参数1 |fun1:参数2 }}
,且冒号后面不能有空格simple_tag函数的参数如函数名用空格分开,单个空格和多个空格均可以
{% if st|fun1 %} <p>happy</p> {% endif %} 做为条件语句不用加两个花括号
官方的说法:中间件是一个用来处理Django的请求和响应的框架级别的钩子。它是一个轻量、低级别的插件系统,用于在全局范围内改变Django的输入和输出。每一个中间件组件都负责作一些特定的功能。
可是因为其影响的是全局,因此须要谨慎使用,使用不当会影响性能。
说的直白一点中间件是帮助咱们在视图函数执行以前和执行以后均可以作一些额外的操做,它本质上就是一个自定义类,类中定义了几个方法,Django框架会在请求的特定的时间去执行这些方法。
咱们一直都在使用中间件,只是没有注意到而已,打开Django项目的Settings.py文件,看到下图的MIDDLEWARE配置项。
MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', ]MIDDLEWARE配置项是一个列表,列表中是一个个字符串,这些字符串实际上是一个个类,也就是一个个中间件。
咱们以前已经接触过一个csrf相关的中间件了?咱们一开始让你们把他注释掉,再提交post请求的时候,就不会被forbidden了,后来学会使用csrf_token以后就再也不注释这个中间件了。
中间件能够定义五个方法,分别是:(主要的是process_request和process_response)
- process_request(self,request)
- process_view(self, request, view_func, view_args, view_kwargs)
- process_template_response(self,request,response)
- process_exception(self, request, exception)
- process_response(self, request, response)
以上方法的返回值能够是None或一个HttpResponse对象,若是是None,则继续按照django定义的规则向后继续执行,若是是HttpResponse对象,则直接将该对象返回给用户。
自定义一个中间件示例
from django.utils.deprecation import MiddlewareMixin class MD1(MiddlewareMixin): def process_request(self, request): print("MD1里面的 process_request") def process_response(self, request, response): print("MD1里面的 process_response") return responseprocess_request
process_request有一个参数,就是request,这个request和视图函数中的request是同样的。
它的返回值能够是None也能够是HttpResponse对象。返回值是None的话,按正常流程继续走,交给下一个中间件处理,若是是HttpResponse对象,Django将不执行视图函数,而将相应对象返回给浏览器。
咱们来看看多个中间件时,Django是如何执行其中的process_request方法的。
from django.utils.deprecation import MiddlewareMixin class MD1(MiddlewareMixin): def process_request(self, request): print("MD1里面的 process_request") class MD2(MiddlewareMixin): def process_request(self, request): print("MD2里面的 process_request") pass在settings.py的MIDDLEWARE配置项中注册上述两个自定义中间件:
MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', 'middlewares.MD1', # 自定义中间件MD1 'middlewares.MD2' # 自定义中间件MD2 ]此时,咱们访问一个视图,会发现终端中打印以下内容:
MD1里面的 process_request MD2里面的 process_request app01 中的 index视图把MD1和MD2的位置调换一下,再访问一个视图,会发现终端中打印的内容以下:
MD2里面的 process_request MD1里面的 process_request app01 中的 index视图看结果咱们知道:视图函数仍是最后执行的,MD2比MD1先执行本身的process_request方法。
在打印一下两个自定义中间件中process_request方法中的request参数,会发现它们是同一个对象。
由此总结一下:
- 中间件的process_request方法是在执行视图函数以前执行的。
- 当配置多个中间件时,会按照MIDDLEWARE中的注册顺序,也就是列表的索引值,从前到后依次执行的。
- 不一样中间件之间传递的request都是同一个对象
多个中间件中的process_response方法是按照MIDDLEWARE中的注册顺序倒序执行的,也就是说第一个中间件的process_request方法首先执行,而它的process_response方法最后执行,最后一个中间件的process_request方法最后一个执行,它的process_response方法是最早执行。
process_response
它有两个参数,一个是request,一个是response,request就是上述例子中同样的对象,response是视图函数返回的HttpResponse对象。该方法的返回值也必须是HttpResponse对象。
给上述的M1和M2加上process_response方法:
from django.utils.deprecation import MiddlewareMixin class MD1(MiddlewareMixin): def process_request(self, request): print("MD1里面的 process_request") def process_response(self, request, response): print("MD1里面的 process_response") return response class MD2(MiddlewareMixin): def process_request(self, request): print("MD2里面的 process_request") pass def process_response(self, request, response): print("MD2里面的 process_response") return response访问一个视图,看一下终端的输出:
MD2里面的 process_request MD1里面的 process_request app01 中的 index视图 MD1里面的 process_response MD2里面的 process_response看结果可知:
process_response方法是在视图函数以后执行的,而且顺序是MD1比MD2先执行。(此时settings.py中 MD2比MD1先注册)
多个中间件中的process_response方法是按照MIDDLEWARE中的注册顺序倒序执行的,也就是说第一个中间件的process_request方法首先执行,而它的process_response方法最后执行,最后一个中间件的process_request方法最后一个执行,它的process_response方法是最早执行。
process_view
process_view(self, request, view_func, view_args, view_kwargs)
该方法有四个参数
request是HttpRequest对象。
view_func是Django即将使用的视图函数。 (它是实际的函数对象,而不是函数的名称做为字符串。)
view_args是将传递给视图的位置参数的列表.
view_kwargs是将传递给视图的关键字参数的字典。 view_args和view_kwargs都不包含第一个视图参数(request)。
Django会在调用视图函数以前调用process_view方法。
它应该返回None或一个HttpResponse对象。 若是返回None,Django将继续处理这个请求,执行任何其余中间件的process_view方法,而后在执行相应的视图。 若是它返回一个HttpResponse对象,Django不会调用适当的视图函数。 它将执行中间件的process_response方法并将应用到该HttpResponse并返回结果。
给MD1和MD2添加process_view方法:
from django.utils.deprecation import MiddlewareMixin class MD1(MiddlewareMixin): def process_request(self, request): print("MD1里面的 process_request") def process_response(self, request, response): print("MD1里面的 process_response") return response def process_view(self, request, view_func, view_args, view_kwargs): print("-" * 80) print("MD1 中的process_view") print(view_func, view_func.__name__) class MD2(MiddlewareMixin): def process_request(self, request): print("MD2里面的 process_request") pass def process_response(self, request, response): print("MD2里面的 process_response") return response def process_view(self, request, view_func, view_args, view_kwargs): print("-" * 80) print("MD2 中的process_view") print(view_func, view_func.__name__)访问index视图函数,看一下输出结果:
MD2里面的 process_request MD1里面的 process_request -------------------------------------------------------------------------------- MD2 中的process_view <function index at 0x000001DE68317488> index -------------------------------------------------------------------------------- MD1 中的process_view <function index at 0x000001DE68317488> index app01 中的 index视图 MD1里面的 process_response MD2里面的 process_responseprocess_view方法是在process_request以后,视图函数以前执行的,执行顺序按照MIDDLEWARE中的注册顺序从前到后顺序执行的
process_exception
process_exception(self, request, exception)
该方法两个参数:
一个HttpRequest对象
一个exception是视图函数异常产生的Exception对象。
这个方法只有在视图函数中出现异常了才执行,它返回的值能够是一个None也能够是一个HttpResponse对象。若是是HttpResponse对象,Django将调用模板和中间件中的process_response方法,并返回给浏览器,不然将默认处理异常。若是返回一个None,则交给下一个中间件的process_exception方法来处理异常。它的执行顺序也是按照中间件注册顺序的倒序执行。
给MD1和MD2添加上这个方法:
from django.utils.deprecation import MiddlewareMixin class MD1(MiddlewareMixin): def process_request(self, request): print("MD1里面的 process_request") def process_response(self, request, response): print("MD1里面的 process_response") return response def process_view(self, request, view_func, view_args, view_kwargs): print("-" * 80) print("MD1 中的process_view") print(view_func, view_func.__name__) def process_exception(self, request, exception): print(exception) print("MD1 中的process_exception") class MD2(MiddlewareMixin): def process_request(self, request): print("MD2里面的 process_request") pass def process_response(self, request, response): print("MD2里面的 process_response") return response def process_view(self, request, view_func, view_args, view_kwargs): print("-" * 80) print("MD2 中的process_view") print(view_func, view_func.__name__) def process_exception(self, request, exception): print(exception) print("MD2 中的process_exception")若是视图函数中无异常,process_exception方法不执行。
想办法,在视图函数中抛出一个异常:
def index(request): print("app01 中的 index视图") raise ValueError("呵呵") return HttpResponse("O98K")在MD1的process_exception中返回一个响应对象:
class MD1(MiddlewareMixin): def process_request(self, request): print("MD1里面的 process_request") def process_response(self, request, response): print("MD1里面的 process_response") return response def process_view(self, request, view_func, view_args, view_kwargs): print("-" * 80) print("MD1 中的process_view") print(view_func, view_func.__name__) def process_exception(self, request, exception): print(exception) print("MD1 中的process_exception") return HttpResponse(str(exception)) # 返回一个响应对象看输出结果:
MD2里面的 process_request MD1里面的 process_request -------------------------------------------------------------------------------- MD2 中的process_view <function index at 0x0000022C09727488> index -------------------------------------------------------------------------------- MD1 中的process_view <function index at 0x0000022C09727488> index app01 中的 index视图 呵呵 MD1 中的process_exception MD1里面的 process_response MD2里面的 process_response注意,这里并无执行MD2的process_exception方法,由于MD1中的process_exception方法直接返回了一个响应对象。
process_template_response(用的比较少)
process_template_response(self, request, response)
它的参数,一个HttpRequest对象,response是TemplateResponse对象(由视图函数或者中间件产生)。
process_template_response是在视图函数执行完成后当即执行,可是它有一个前提条件,那就是视图函数返回的对象有一个render()方法(或者代表该对象是一个TemplateResponse对象或等价方法)。
class MD1(MiddlewareMixin): def process_request(self, request): print("MD1里面的 process_request") def process_response(self, request, response): print("MD1里面的 process_response") return response def process_view(self, request, view_func, view_args, view_kwargs): print("-" * 80) print("MD1 中的process_view") print(view_func, view_func.__name__) def process_exception(self, request, exception): print(exception) print("MD1 中的process_exception") return HttpResponse(str(exception)) def process_template_response(self, request, response): print("MD1 中的process_template_response") return response class MD2(MiddlewareMixin): def process_request(self, request): print("MD2里面的 process_request") pass def process_response(self, request, response): print("MD2里面的 process_response") return response def process_view(self, request, view_func, view_args, view_kwargs): print("-" * 80) print("MD2 中的process_view") print(view_func, view_func.__name__) def process_exception(self, request, exception): print(exception) print("MD2 中的process_exception") def process_template_response(self, request, response): print("MD2 中的process_template_response") return responseviews.py中:
def index(request): print("app01 中的 index视图") def render(): print("in index/render") return HttpResponse("O98K") rep = HttpResponse("OK") rep.render = render return rep访问index视图,终端输出的结果:
MD2里面的 process_request MD1里面的 process_request -------------------------------------------------------------------------------- MD2 中的process_view <function index at 0x000001C111B97488> index -------------------------------------------------------------------------------- MD1 中的process_view <function index at 0x000001C111B97488> index app01 中的 index视图 MD1 中的process_template_response MD2 中的process_template_response in index/render MD1里面的 process_response MD2里面的 process_response从结果看出:
视图函数执行完以后,当即执行了中间件的process_template_response方法,顺序是倒序,先执行MD1的,在执行MD2的,接着执行了视图函数返回的HttpResponse对象的render方法,返回了一个新的HttpResponse对象,接着执行中间件的process_response方法。
中间件的执行流程
上一部分,咱们了解了中间件中的5个方法,它们的参数、返回值以及何时执行,如今总结一下中间件的执行流程。
请求到达中间件以后,先按照正序执行每一个注册中间件的process_reques方法,process_request方法返回的值是None,就依次执行,若是返回的值是HttpResponse对象,再也不执行后面的process_request方法,而是执行当前对应中间件的process_response方法,将HttpResponse对象返回给浏览器。也就是说:若是MIDDLEWARE中注册了6个中间件,执行过程当中,第3个中间件返回了一个HttpResponse对象,那么第4,5,6中间件的process_request和process_response方法都不执行,顺序执行3,2,1中间件的process_response方法。
process_request方法都执行完后,匹配路由,找到要执行的视图函数,先不执行视图函数,先执行中间件中的process_view方法,process_view方法返回None,继续按顺序执行,全部process_view方法执行完后执行视图函数。加入中间件3 的process_view方法返回了HttpResponse对象,则4,5,6的process_view以及视图函数都不执行,直接从最后一个中间件,也就是中间件6的process_response方法开始倒序执行。
中间件版的登陆验证须要依靠session,因此数据库中要有django_session表。
urls.py
from django.conf.urls import url from app01 import views urlpatterns = [ url(r'^index/$', views.index), url(r'^login/$', views.login, name='login'), ]views.py
from django.shortcuts import render, HttpResponse, redirect def index(request): return HttpResponse('this is index') def home(request): return HttpResponse('this is home') def login(request): if request.method == "POST": user = request.POST.get("user") pwd = request.POST.get("pwd") if user == "Q1mi" and pwd == "123456": # 设置session request.session["user"] = user # 获取跳到登录页面以前的URL next_url = request.GET.get("next") # 若是有,就跳转回登录以前的URL if next_url: return redirect(next_url) # 不然默认跳转到index页面 else: return redirect("/index/") return render(request, "login.html")login.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>登陆页面</title> </head> <body> <form action="{% url 'login' %}"> <p> <label for="user">用户名:</label> <input type="text" name="user" id="user"> </p> <p> <label for="pwd">密 码:</label> <input type="text" name="pwd" id="pwd"> </p> <input type="submit" value="登陆"> </form> </body> </html>middlewares.py
class AuthMD(MiddlewareMixin): white_list = ['/login/', ] # 白名单 balck_list = ['/black/', ] # 黑名单 def process_request(self, request): from django.shortcuts import redirect, HttpResponse next_url = request.path_info print(request.path_info, request.get_full_path()) if next_url in self.white_list or request.session.get("user"): return elif next_url in self.balck_list: return HttpResponse('This is an illegal URL') else: return redirect("/login/?next={}".format(next_url))在settings.py中注册
MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'middlewares.AuthMD', ]AuthMD中间件注册后,全部的请求都要走AuthMD的process_request方法。
访问的URL在白名单内或者session中有user用户名,则不作阻拦走正常流程;
若是URL在黑名单中,则返回This is an illegal URL的字符串;
正常的URL可是须要登陆后访问,让浏览器跳转到登陆页面。
注:AuthMD中间件中须要session,因此AuthMD注册的位置要在session中间的下方。
附:Django请求流程图
MVC模型
MVC模式(Model-View-Controller)是软件工程中的一种软件架构模式。 MVC把软件系统分为三个基本部分:模型(Model)、视图(View)和控制器(Controller)。MVC的目的是实现一种动态的程序设计,便于后续对程序的修改和扩展简化,而且使程序某一部分的重复利用成为可能。
除此以外,此模式经过对复杂度的简化,使程序结构更加直观。
- 模型Model – 处理全部的数据库逻辑。模型提供了链接和操做数据库的抽象层。
- 控制器Controller - 管理全部的业务逻辑处理,包括负责响应用户请求、准备数据,以及决定如何展现数据等。
- 视图View – 负责渲染数据,经过HTML方式呈现给用户。
一个典型的Web MVC流程:
- Controller截获用户发出的请求;
- Controller调用Model完成状态的读写操做;
- Controller把数据传递给View;
- View渲染最终结果并呈献给用户。
MTV模型:
Django框架的设计模式借鉴了MVC框架的思想,也是分红三部分,来下降各个部分之间的耦合性。
MTV框架是Django的框架,三部分为:Model、Template(模板)和View
- M 表明模型(Model),数据存取层,该层处理与数据相关的全部事物:如何存取、包含哪些行为以及数据之间的关系等
- T 表明模板(Template),即表现层。该层处理与表现相关的决定:如何在页面和其余类型的文档中进行显示
- V 表明视图(View),即业务逻辑层。该层包含存取模型及调取恰当模型的相关逻辑,可看做模板与模型之间的桥梁
此外,Django还有一个urls分发器,
它的做用是将一个个URL的页面请求分发给不一样的view处理,view再调用相应的Model和Template Django的MTV和广义上的MVC的对应关系:模型(Model)----models.py视图(View)----templates控制器(Controller)-----View.py和urls.py
跨站请求伪造(CSRF)与跨站请求脚本正好相反。跨站请求脚本的问题在于,客户端信任服务器端发送的数据。跨站请求伪造的问题在于,服务器信任来自客户端的数据。
跨站请求伪造是指攻击者经过HTTP请求江数据传送到服务器,从而盗取回话的cookie。盗取回话cookie以后,攻击者不只能够获取用户的信息,还能够修改该cookie关联的帐户信息。
那么在Django中CSRF验证大致是一个什么样的原理呢?下面经过一个小例子来简单说明一下:
咱们把Django中CSRF中间件开启(在settings.py中)
'django.middleware.csrf.CsrfViewMiddleware'
在app01的views.py中写一个简单的后台
from django.shortcuts import render,redirect,HttpResponse # Create your views here. def login(request): if request.method == "GET": return render(request,'login.html') elif request.method == "POST": user = request.POST.get('user') pwd = request.POST.get('pwd') if user == 'root' and pwd == "123123": #生成随机字符串 #写到用户浏览器cookie #保存在服务端session中 #在随机字符串对应的字典中设置相关内容 request.session['username'] = user request.session['islogin'] = True if request.POST.get('rmb',None) == '1': #认为设置超时时间 request.session.set_expiry(10) return redirect('/index/') else: return render(request,'login.html') def index(request): #获取当前随机字符串 #根据随机字符串获取对应的信息 if request.session.get('islogin', None): return render(request,'index.html',{'username':request.session['username']}) else: return HttpResponse('please login ') def logout(request): del request.session['username'] request.session.clear() return redirect('/login/')
在templates中写一个简单的登录建立两个文件(login.html,index.html)登录成功跳转index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="/login/" method="post"> <input type="text" name="user" /> <input type="text" name="pwd" /> <input type="checkbox" name="rmb" value="1" /> 10s免登陆 <input type="submit" value="提交" /> </form> </body> </html>
这是浏览器中的样式 :
那么若是这个时候,咱们点击登录提交,django会由于没法经过csrf验证返回一个403:
而csrf验证实际上是对http请求中一段随机字符串的验证,那么这段随机字符串从何而来呢?这个时候咱们尝试把login.html作一个修改添加一句 {% csrf_token %}:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="/login/" method="post"> {% csrf_token %} <input type="text" name="user" /> <input type="text" name="pwd" /> <input type="checkbox" name="rmb" value="1" /> 10s免登陆 <input type="submit" value="提交" /> </form> </body> </html>
这个时候咱们再经过浏览器元素审查,就会发现一段新的代码:
Django在html中建立一个基于input框value值的随机字符串 ,这个时候咱们再次输入后台设置的帐号密码,进行提交,会发现提交成功,进入了咱们的index.html界面当中:
这就是csrf的基本原理,若是没有这样一段随机字符串作验证,咱们只要在另外一个站点,写一个表单,提交到这个地址下,是同样能够发送数据的,这样就形成了极大的安全隐患。而咱们新添加的csrf_token就是在咱们本身的站点中,设置的隐藏参数,用来进行csrf验证。
上面是一个基于form表单提交的小例子,csrf中间件要验证的随机字符串存放在了form表单当中,发送到了后台,那么若是咱们使用的是ajax异步请求,是否是也要传送这样一个相似的字符串呢?答案是确定的,但这个字符串又该来自哪里?其实它来自cookie,在上面的那个小例子当中,咱们打开F12元素审查,会发现,在cookie中也存放这样一个csrftoken:
因此下面呢咱们就再聊一下ajax请求中如何进行。
首先咱们引入两个js文件放在工程项目的static当中,这两个文件是jquery的库文件,方便咱们进行请求操做:
而后咱们把以前的login.html作一个修改:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="/login/" method="post"> {% csrf_token %} <input type="text" name="user" /> <input type="text" name="pwd" /> <input type="checkbox" name="rmb" value="1" /> 10s免登陆 <input type="submit" value="提交" /> <input id="btn" type="button" value="按钮"> </form> <script src="/static/jquery-1.12.4.js"></script> <script src="/static/jquery.cookie.js"></script> <script> $(function () { $('#btn').click(function () { $.ajax({ url:'/login/', type:"POST", data:{'username':'root','pwd':'123123'}, success:function (arg) { } }) }) }) </script> </body> </html>
这个时候咱们打开界面,点击按钮,会发现http请求发送403错误,很明显咱们直接发送请求是不合适的,并无带随机字符串过去:
因此,咱们应该先从cookie中获取到这个随机字符串,这个随机字符串的名字,咱们能够经过以前的验证得出是“csrftoken”:
var csrftoken = $.cookie('csrftoken');
这样变量csrftoken取到的就是咱们的随机字符串;可是若是后台想要去接收这个随机字符串,也应该须要一个key,那这个key是什么?咱们能够经过查找配置文件,经过控制台输出的方式验证这个key:
from django.conf import settings print(settings.CSRF_HEADER_NAME)
最后输出的是:
HTTP_X_CSRFTOKEN
但这里须要注意的是,HTTP_X_CSRFTOKEN并非请求头中发送给django真正拿到的字段名,前端发过去真正的字段名是:
X-CSRFtoken
那为何从Django的控制台输出会获得HTTP_X_CSRFTOKEN呢?其实咱们前端的请求头X-CSRFtoken发送到后台以后,django会作一个名字处理,在原来的字段名前家一个HTTP_,而且将原来的小写字符变成大写的,“-”会处理成下划线“_”,因此会有这两个字段的不同。但本质上他们指向的都是同一个字符串。知道这一点以后,那么咱们前端就能够真正地发起含有CSRF请求头的数据请求了。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="/login/" method="post"> {% csrf_token %} <input type="text" name="user" /> <input type="text" name="pwd" /> <input type="checkbox" name="rmb" value="1" /> 10s免登陆 <input type="submit" value="提交" /> <input id="btn" type="button" value="按钮"> </form> <script src="/static/jquery-1.12.4.js"></script> <script src="/static/jquery.cookie.js"></script> <script> var csrftoken = $.cookie('csrftoken'); $(function () { $('#btn').click(function () { $.ajax({ url:'/login/', type:"POST", data:{'username':'root','pwd':'123123'}, header:{'X-CSRFtoken':csrftoken}, success:function (arg) { } }) }) }) </script> </body> </html>
在页面中点击按钮以后,会发现请求成功!
那么这个时候有人会问,难道全部的ajax请求,都须要这样获取一次写进去吗,会不会很麻烦。针对这一点,jquery的ajax请求中为咱们封装了一个方法:ajaxSetup,它能够为咱们全部的ajax请求作一个集体配置,因此咱们能够进行以下改造,这样无论你的ajax请求有多少,均可以很方便地进行csrf验证了:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="/login/" method="POST"> {% csrf_token %} <input type="text" name="user" /> <input type="text" name="pwd" /> <input type="checkbox" name="rmb" value="1" /> 10s免登陆 <input type="submit" value="提交" /> <input id="btn" type="button" value="按钮"> </form> <script src="/static/jquery-1.12.4.js"></script> <script src="/static/jquery.cookie.js"></script> <script> var csrftoken = $.cookie('csrftoken'); function csrfSafeMethod(method) { // these HTTP methods do not require CSRF protection return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); } $.ajaxSetup({ beforeSend: function(xhr, settings) { if (!csrfSafeMethod(settings.type) && !this.crossDomain) { xhr.setRequestHeader("X-CSRFToken", csrftoken); } } }); $(function () { $('#btn').click(function () { $.ajax({ url:'/login/', type:"POST", data:{'username':'root','pwd':'123123'}, success:function (arg) { } }) }) }); </script> </body> </html>
在讲完基本的csrf验证操做以后,咱们还有一个可说的地方。在平时的产品需求当中,并不必定全部的接口验证都须要进行csrf验证,而咱们以前采用的是在settings.py中间件配置进行全局配置,那么若是遇到了不须要开启csrf的时候该怎么办呢?
from django.views.decorators.csrf import csrf_exempt,csrf_protect @csrf_protect def index(request): ..... @csrf_exempt def login(request):
@csrf_protect 是 开启csrf验证的装饰器,@csrf_exempt是关闭csrf验证的装饰器。
手动设置,在view 中添加(常常失效,建议采用2,3,4种方法,亲测有效)
request.META["CSRF_COOKIE_USED"] = True
手动调用 csrf 中的 get_token(request) 或 rotate_token(request) 方法。
from django.middleware.csrf import get_token ,rotate_token def server(request): # get_token(request) // 二者选一 # rotate_token(request) // 此方法每次设置新的cookies return render(request, ‘server.html‘)
在HTML模板中添加 {% csrf_token %}
在须要设置cookie的视图上加装饰器 ensure_csrf_cookie()
from django.views.decorators.csrf import ensure_csrf_cookie @ensure_csrf_cookie def server(request): return render(request,'server.html')