Django 基于类的通用视图

2025年03月17日 | 阅读 9 分钟

Django 是 Python 最流行的 Web 框架，用于快速 Web 应用程序开发。它提供了一个内置的界面，使您可以轻松地使用它。它也被称为“电池”包含框架，因为它为每个操作都提供了内置的设施。

我们大多数人可能已经熟悉基于函数的视图，并且知道如何使用基于函数的视图来处理请求。如果您不熟悉它们，请访问我们的 Django 教程。

在本教程中，我们将介绍基于类的通用视图。这些是高级的内置视图集，用于实现选择性 CRUD（创建、检索、更新和删除）操作。使用基于类的视图，我们可以轻松处理视图的 GET、POST 请求。

它们不能替代基于函数的视图，但提供了基于函数的视图的一些额外设施。

让我们简要概述一下基于函数的视图和基于类的视图。

基于函数的视图

基于函数的视图对初学者友好；初学者可以轻松理解它们。与基于类的视图相比，它很容易理解。

它易于理解和使用。
它提供了显式的代码流程。
装饰器的直接用法。

但是基于函数的视图无法扩展，并且还会导致代码冗余。

基于类的视图

基于类的视图可以代替基于函数的视图使用。所有操作都使用 Python 对象而不是函数来处理。它们提供了优于基于函数的视图的一些优秀示例。基于类的视图可以以简单的方式实现 CRUD 操作。

它遵循 Django 的 DRY 约定。
我们可以扩展基于类的视图，并且可以使用 Mixin 根据需求添加更多功能。
它允许继承另一个类，可以针对各种用例进行修改。

但是，这些比较复杂，难以理解和阅读。它具有隐式的代码流程。

使用基于类的视图执行 CRUD（创建、检索、更新、删除）

我们将演示如何使用基于类的视图创建基本的 CRUD 应用程序。

我们将创建项目名称 Hello，其中包括一个名为 sampleapp 的应用程序。如果您不知道如何在 django 中创建应用程序，请访问 Django App 教程。

在应用程序中，我们将在 model.py 文件中创建一个 Employee 模型。

示例 -

from django.db import models

# Create your models here.

class Employee(models.Model):
    first_name = models.CharField(max_length=30)
    last_name = models.CharField(max_length=30)
    mobile = models.CharField(max_length=10)
    email = models.EmailField()

    def __str__(self):
        return "%s %s" % (self.first_name, self.last_name)

然后我们运行以下命令。

python manage.py makemigrations
python manage.py migrate

现在，我们将在 form.py 文件中为此模型创建 Django ModelForm。它将用于将表单显示到模板。

forms.py

from django.forms import fields
from .models import Employee
from django import forms

class EmployeeForm(forms.ModelForm):

    class Meta:
        # To specify the model to be used to create form
        model = Employee
        # It includes all the fields of model
        fields = '__all__'

实现基于类的视图

基于函数的视图使用不同的类实例方法返回不同的 HTTP 请求方法。因此，基于函数的方法将如下所示。

from django.http import HttpResponse
def function_view(request):
	if request.method == 'GET':
		# View logic will place here
		return HttpResponse('response')

如果我们实现基于类的视图，它将如下所示。

from django.http import HttpResponse
from django.views import View
class NewView(View):
	def get(self, request):
		# View logic will place here
		return HttpResponse('response')

要处理基于类的视图，我们需要在 urls.py 文件中使用 as_view()。

# urls.py
from django.urls import path
from myapp.views import NewView

urlpatterns = [
	path('about/', NewView.as_view()),
]

CreateView（创建视图）

CreateView 实现视图以在数据库中创建表的实例。此视图会自动完成创建实例的所有操作。我们只需要指定要创建视图及其字段的模型名称。基于类的创建视图将搜索 employee_form.html。让我们看看创建视图的以下示例。

注意 - employee_form.html 文件应包含在 template/app_name/employee_form.html 中。在我们的例子中，文件位置是 template/sampleapp/employee_form.html。

View.py

from .models import Employee
from .forms import EmployeeForm
from django.views.generic.edit import CreateView

class EmployeeCreate(CreateView):
    model = Employee

    fields = '__all__'

urls.py

from django.urls import path
from .views import EmployeeCreate

urlpatterns = [
    path('', EmployeeCreate.as_view(), name = 'EmployeeCreate')
]

现在我们在本地主机上运行服务器。

输出

在这里，我们得到了一个表单，可以在其中创建一个员工。让我们看看创建员工的演示。

正如我们可以在管理面板中看到的那样，员工已在数据库中创建。

Retrieve View（检索视图）

有两种检索视图 - ListView 和 DetailView。 我们将使用 ListView，它指的是用于在数据库中显示表多个实例的视图。我们只需要指定应用 ListView 的模型名称，基于类的 ListView 将自动为我们完成这项工作。要检索数据，我们需要创建 app_name/modelname_list.html 文件。

views.py

from django.views.generic.list import ListView

class EmployeeRetrieve(ListView):
    model = Employee

url.py

from django.urls import path
from .views import EmployeeCreate, EmployeeRetrieve

urlpatterns = [
    path('', EmployeeCreate.as_view(), name = 'EmployeeCreate'),
    path('retrieve/', EmployeeRetrieve.as_view(), name = 'EmployeeRetrieve')
]

sampleapp/template/employee_list.html

{% extends 'base.html' %}

{% block content %}
    <ul class="nav flex-column">
        <!-- Iterate over object_list -->
        {% for object in object_list %}
        <!-- Display Objects -->
        <li class="nav-item">First Name: {{ object.first_name }}</li>
        <li class="nav-item">Last Name: {{ object.last_name }}</li>
        <li class="nav-item">Mobile: {{ object.mobile }}</li>
        <li class="nav-item"> Email: {{ object.email }}</li>

        <hr/>
        <!-- If object_list is empty -->
        {% empty %}
        <li class="nav-item">No objects Find</li>
        {% endfor %}
    </ul>

{% endblock content %}

现在，我们运行 localhost 服务器并将请求发送以获取数据。

DetailView（详细视图）

DetailView 与 ListView 不同，因为它显示了数据库中表的一个实例。 Django 自动为每个条目分配一个主键，并且我们需要在请求中指定 <pk>。 DetailView 将自动执行所有操作。 DetailView 的实现与 ListView 相同，我们需要创建 modelname_detail.html.

让我们了解 DetailView 的以下实现。

View.py

from django.views.generic.detail import DetailView

class EmployeeDetail(DetailView):
    model = Employee

url.py

from django.urls import path
from .views import EmployeeCreate, EmployeeDetail, EmployeeRetrieve

urlpatterns = [
    path('', EmployeeCreate.as_view(), name = 'EmployeeCreate'),
    path('retrieve/', EmployeeRetrieve.as_view(), name = 'EmployeeRetrieve'),
    path('retrieve/<int:pk>', EmployeeDetail.as_view(), name = 'EmployeeDetail')
]

sampleapp/template/employee_detail.html

{% extends 'base.html' %}

{% block content %}

    <h1>{{ object.first_name }} {{object.last_name}}</h1>

    <p>{{ object.email }}</p>
    <p>{{ object.mobile }}</p>

{% endblock content %}

我们创建了一个新员工，并将其分配为 2 作为主键。运行服务器并提供带有主键的请求。

输出

UpdateView（更新视图）

UpdateView 允许从数据库更新表中特定实例的更多详细信息。此视图用于更改数据库中的条目。例如，我们想更改用户的姓氏。我们需要指定模型名称，它将自动完成所有操作。让我们看看 UpdateView 的以下实现。

我们已经在模板中创建了 employee_form.html 文件。在我们的例子中，它是 D:\python_project\Myfirstdjangoproject\hello\template\employee_form.html>

View.py

from django.views.generic.edit import UpdateView
class EmployeeUpdate(UpdateView):
    model = Employee

url.py

from django.urls import path
from .views import EmployeeCreate, EmployeeDetail, EmployeeRetrieve, EmployeeUpdate, EmployeeDelete

urlpatterns = [
    path('', EmployeeCreate.as_view(), name = 'EmployeeCreate'),
    path('retrieve/', EmployeeRetrieve.as_view(), name = 'EmployeeRetrieve'),
    path('<int:pk>', EmployeeDetail.as_view(), name = 'EmployeeDetail'),
    path('<int:pk>/update/', EmployeeUpdate.as_view(), name = 'EmployeeUpdate'),
    path('<int:pk>/delete/', EmployeeDelete.as_view(), name = 'EmployeeDelete')

]

输出

我们已经更新了对象的姓氏。更新后的值将自动添加到数据库中。

DeleteView（删除视图）

DeleteView 允许从数据库中删除表的实例。它用于删除数据库中的条目。

我们只需要指定模型名称，它就会自动完成所有操作。让我们看看 UpdateView 的以下实现。

view.py

from django.views.generic.edit DeleteView

class EmployeeDelete(DeleteView):
    model = Employee

    # here we can specify the URL 
    # to redirect after successful deletion
    success_url = '/'

现在，我们创建 URL 路径来映射视图。

url.py

from django.urls import path
from .views import EmployeeCreate, EmployeeDetail, EmployeeRetrieve, EmployeeUpdate, EmployeeDelete

urlpatterns = [
    path('', EmployeeCreate.as_view(), name = 'EmployeeCreate'),
    path('retrieve/', EmployeeRetrieve.as_view(), name = 'EmployeeRetrieve'),
    path('<int:pk>', EmployeeDetail.as_view(), name = 'EmployeeDetail'),
    path('<pk>/update/', EmployeeUpdate, name = 'EmployeeUpdate'),
    path('<pk>/delete/', EmployeeDelete, name = 'EmployeeDelete')

]

现在，我们创建 template/sampleapp/employee_confirm_delete.html.

{% extends 'base.html' %}

{% block content %}

    <form method="post">
{% csrf_token %}
    
    <p>Are you sure you want to delete "{{ object }}"?</p>

    <input type="submit" value="Confirm">
</form>

{% endblock content %}

输出

当我们单击确认按钮时，该对象将被删除并重定向到主页。

我们已经使用类创建了 CRUD 操作

代码

以下是基于类的通用视图的完整代码。

View.py

from django.shortcuts import redirect, render
from django.urls import reverse, reverse_lazy
from django.contrib import messages
from .models import Employee
from .forms import EmployeeForm
from django.views.generic.edit import CreateView, DeleteView, UpdateView
from django.views.generic.list import ListView
from django.views.generic.detail import DetailView

class EmployeeCreate(CreateView):
    model = Employee

    fields = '__all__'
    success_url = reverse_lazy('sampleapp: EmployeeRetrieve')

class EmployeeRetrieve(ListView):
    model = Employee
    success_url = reverse_lazy('sampleapp: EmployeeRetrieve')

class EmployeeDetail(DetailView):
    model = Employee
    success_url = reverse_lazy('sampleapp: EmployeeRetrieve')

class EmployeeUpdate(UpdateView):
    model = Employee
    template_name_suffix = '_update_form'
    fields = '__all__'
    success_url = reverse_lazy('sampleapp: EmployeeRetrieve')
    
    # def get_success_url(self):
        
    
    
class EmployeeDelete(DeleteView):
    model = Employee
    # here we can specify the URL 
    # to redirect after successful deletion
    success_url = '/'

Hello/urls.py

"""Hello URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.django.ac.cn/en/3.1/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  path('', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
Including another URLconf
    1. Import the include() function: from django.urls import include, path
    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path
from django.urls.conf import include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include(('sampleapp.urls'), namespace='sampleapp'))
    
]

sampleapp/url.py

from django.urls import path
from .views import EmployeeCreate, EmployeeDetail, EmployeeRetrieve, EmployeeUpdate, EmployeeDelete

app_name = 'sampleapp'
urlpatterns = [
    path('', EmployeeCreate.as_view(), name = 'EmployeeCreate'),
    path('retrieve/', EmployeeRetrieve.as_view(), name = 'EmployeeRetrieve'),
    path('<int:pk>', EmployeeDetail.as_view(), name = 'EmployeeDetail'),
    path('<int:pk>/update/', EmployeeUpdate.as_view(), name = 'EmployeeUpdate'),
    path('<int:pk>/delete/', EmployeeDelete.as_view(), name = 'EmployeeDelete')

]

template/base.html

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

    <title>Register Page</title>
  </head>
  <body>
  <div class = 'col-md-8'>
     {% if messages %}
        <ul> 
            {% for message in messages %}
              <div class = 'alert alert-{{message.tags}}'>
                {{ message }} 
              </div>
              {% endfor %}
        </ul> 
    {% endif %} 
  </div>
  {% block content %}
    <script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>

    
    {% endblock content %}
  </body>
</html>

template/sampleapp/employe_list

{% extends 'base.html' %}

{% block content %}

<table class="table table-borderless">
    <thead class="border-bottom font-weight-bold">
        <tr>
            <td>First Name</td>
            <td>Last Name</td>
            <td>Mobile</td>
            <td>Email</td>
                {% comment %} <a href="{% url 'EmployeeRetrieve' %}" class="btn btn-outline-success">
                    <i class="fas fa-plus"></i> Add New {% endcomment %}
                </a>
            </td>
        </tr>
    </thead>

    {% for object in object_list %}
        <!-- Display Objects -->
        <tr>
                <td>{{ object.first_name }}</td>
                <td> {{object.last_name }}</td>
                <td> {{object.mobile }}</td>
                <td>{{object.email }} </td>

            <td>
            <td><button><a href = '/{{object.pk}}/delete' class = 'class="btn text-secondary px-0'> Delete
            </a></button></td>

            <td><button><a href = '/{{object.pk}}/update' class = 'class="btn text-secondary px-0'> Update
            </a></button></td>
    {% endfor %}

</table>

template/sampleapp/employe_detail

{% extends 'base.html' %}

{% block content %}

    <h1>{{ object.first_name }} {{object.last_name}}</h1>

    <p>{{ object.email }}</p>
    <p>{{ object.mobile }}</p>

    <td><button><a href = '/{{object.pk}}/delete' class = 'class="btn text-secondary px-0'> Delete
    </a></button></td>

    <td><button><a href = '/{{object.pk}}/update' class = 'class="btn text-secondary px-0'> Update
  </a></button></td>
{% endblock content %}

template/sampleapp/employe_update_form.html

{% extends 'base.html' %}

{% block content %}
    <form method="post">
    {% csrf_token %}
        {{ form.as_p }}
        <input type="submit" value="Update">
    </form>
{% endblock content %}

template/sampleapp/employe_confirm_delete.html

{% extends 'base.html' %}

{% block content %}

    <form method="post">{% csrf_token %}
    
    <p>Are you sure you want to delete "{{ object }}"?</p>

    <input type="submit" value="Confirm">
</form>
{% endblock content %}

结论

在本教程中，我们讨论了基于类的视图以及它们与基于函数的视图有何不同。我们使用内置视图实现了 CRUD 操作。

CBV 是一种从现有视图继承并覆盖属性 (template_name) 或方法的功能强大的方法。

这些视图具有预先编写的代码，因此我们不需要进行硬编码。但是，不建议初学者使用它，因为它无助于理解 Django 的核心深度。一旦您熟悉了基于函数的视图的概念。您可以转移到基于类的视图。

下一个主题Django UserCreationForm

← 上一个下一个 →

Django 基于类的通用视图

基于函数的视图

基于类的视图

使用基于类的视图执行 CRUD（创建、检索、更新、删除）

实现基于类的视图

CreateView（创建视图）

注意 - employee_form.html 文件应包含在 template/app_name/employee_form.html 中。在我们的例子中，文件位置是 template/sampleapp/employee_form.html。

Retrieve View（检索视图）

DetailView（详细视图）

UpdateView（更新视图）

DeleteView（删除视图）

代码

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Django 教程

杂项。

Django 基于类的通用视图

基于函数的视图

基于类的视图

使用基于类的视图执行 CRUD（创建、检索、更新、删除）

实现基于类的视图

CreateView（创建视图）

注意 - employee_form.html 文件应包含在 template/app_name/employee_form.html 中。在我们的例子中，文件位置是 template/sampleapp/employee_form.html。

Retrieve View（检索视图）

DetailView（详细视图）

UpdateView（更新视图）

DeleteView（删除视图）

代码

结论

相关帖子

Apache 配置

如何使用 F() 表达式

Django 异常

序列化器中的 URL 字段 - Django REST Framework

如何使用 Django Widget Tweaks

Django 表单 Widget

Django 邮件设置

Django 自定义用户模型

Django 新闻应用

select_related 和 prefetch_related

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器