Django 学习视图之FBV与CBV

一. CBV与FBV

CBV：Class Based View

FBV：Function Based View

我们之前写过的都是基于函数的view，就叫FBV。还可以把view写成基于类的，那就是CBV。

下面我们就拿添加用户为例：

1.FBV版本

首先：urls.py 的与视图关系编写为：path('register/', views.register),

然后是视图函数的内容：

from django.contrib.auth.models import User

from django.shortcuts import render, HttpResponse, redirect

# 注册及验证 (前端模板是以ajax实现)

def register(request):

    if request.method == "GET":

        return render(request, "register.html")

    if request.method == "POST":

        username = request.POST.get("username")

        password = request.POST.get("pwd")

        print(username)

        print(password)

        User.objects.create_user(username=username, password=password)  # User是以个对象

        return redirect("/index/")

2.CBV版本

首先：urls.py 的与视图关系编写为：path('register/', views.Register.as_view()),

然后是视图函数类编写的内容：

from django.views import View

class Register(View):

    def get(self, request):

        return render(request, "register.html")

    def post(self, request):

        username = request.POST.get("username")

        password = request.POST.get("pwd")

        print(username)

        print(password)

        User.objects.create_user(username=username, password=password)  

# User是以个对象

        return redirect("/index/")

二. 给视图加装饰器

1. 使用装饰器装饰FBV

FBV本身就是一个函数，所以和给普通的函数加装饰器无差：

# 一个时间的装饰器来验证是否运行了装饰器

def wrapper(func):

    def inner(*args, **kwargs):

        start_time = time.time()

        time.sleep(2)

        ret = func(*args, **kwargs)

        end_time = time.time()

        print("used:", end_time - start_time)

        return ret

return inner

@wrapper

def register(request):

    if request.method == "GET":

        return render(request, "register.html")

    if request.method == "POST":

        username = request.POST.get("username")

        password = request.POST.get("pwd")

        print(username)

        print(password)

        User.objects.create_user(username=username, password=password)  # User是以个对象

        return redirect("/index/")

访问的时候大概停留两秒再进行访问。并在后台打印出运行后的时间。

2.使用装饰器装饰CBV

类中的方法与独立函数不完全相同，因此不能直接将函数装饰器应用于类中的方法 ，我们需要先将其转换为方法装饰器。Django中提供了method_decorator装饰器用于将函数装饰器转换为方法装饰器。

使用之前需要先导入相应的包

from django.views import View

from django.utils.decorators import method_decorator

方式一：给某个方法加上装饰器（此例给get方法加上）

class Register(View):

    @method_decorator(wrapper)

    def get(self, request):

        return render(request, "register.html")

    def post(self, request):

        username = request.POST.get("username")

        password = request.POST.get("pwd")

        print(username)

        print(password)

        User.objects.create_user(username=username, password=password)  

# User是以个对象

        return redirect("/index/")

方式二：加在dispatch方法上面，会给类下的所有方法加上此装饰器

class Register(View):

    # 加在dispatch方法上面，会给类下的所有方法加上此装饰器

    @method_decorator(wrapper)

def dispatch(self, request, *args, **kwargs):

#这样的写法兼容python2*

        obj = super(Register, self).dispatch(request, *args, **kwargs)  

# python3写法如下(此方法不兼容python2*)

# obj = super().dispatch(request, *args, **kwargs)

        return obj

    def get(self, request):

        return render(request, "register.html")

    def post(self, request):

        username = request.POST.get("username")

        password = request.POST.get("pwd")

        print(username)

        print(password)

        User.objects.create_user(username=username, password=password)  

# User是以个对象

        return redirect("/index/")

此方式会给类下的所有方法加上此装饰器，也就是在这个注册过程运行了两次的装饰器，一次GET方法访问网页，一次POST方法注册。

方式三：加在类上面

@method_decorator(wrapper, name="post")

@method_decorator(wrapper, name="get")  # 给哪个方法加，就要指定name

class Register(View):

    def get(self, request):

        return render(request, "register.html")

    def post(self, request):

        username = request.POST.get("username")

        password = request.POST.get("pwd")

        print(username)

        print(password)

        User.objects.create_user(username=username, password=password)  # User是以个对象

        return redirect("/index/")

上面加装饰器的方法是有固定格式的：

@method_decorator(装饰器名, name="类中需要装饰器的函数")

可以从源码中看出格式固定如截图：

补充：

以上的例子均可以使用下面的前端模板register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
    <div class="row con">

        <form action="" method="post">
            {% csrf_token %}
            <div class="form-group col-sm-4 col-sm-offset-4">
                <h2>注册用户</h2>
                <label for="exampleInputEmail1">用户名</label>
                <input type="text" class="form-control" id="exampleInputEmail1" placeholder="用户名" name="username">
            </div>
            <div class="form-group col-sm-4 col-sm-offset-4">
                <label for="exampleInputPassword1">密码</label>
                <input type="password" class="form-control" id="exampleInputPassword1" placeholder="密码" name="pwd">
            </div>
            <div class="form-group col-sm-6 col-sm-offset-3">
                <button type="submit" class="btn btn-default col-sm-offset-2">确认</button>
                <button type="submit" class="btn btn-default col-sm-offset-2">返回</button>

            </div>

        </form>

    </div>
</div>
</body>
</html>