4:表单和通用视图

1、编写一个简单的表单

(1)更新polls/detail.html文件 使其包含一个html < form > 元素

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Polls Details</title>
</head>
<body>

    <h1>{{question.question_text}}</h1>
    <ul>
        {% for choice in question.choice_set.all %}
            <li>{{ choice.choice_text }}</li>
        {% endfor %}
    </ul>

    <form action="{% url 'polls:vote' question.id  %}" method="post">
        {% csrf_token %}
        <fieldset>
            <legend><h1>{{ question.question_text }}</h1></legend>
            {% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}
            {% for choice in question.choice_set.all %}
                <input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}">
                <label for="choice{{ forloop.counter }}">{{choice.choice_text}}</label><br>
            {% endfor %}
        </fieldset>
        <input type="submit" value="Vote">
    </form>
</body>
</html>

代码解释

1、表单开始标签:
<form action="{% url 'polls:vote' question.id  %}" method="post">
<form>:定义表单。
action="{% url 'polls:vote' question.id %}":表单提交的URL,由Django的url模板标签生成,指向名为polls:vote的视图,传递当前问题的ID。
method="post":表单提交方法为POST。

2、CSRF保护:由于我们创建了一个POST表单(它具有修改数据的作用),所以我们要小心跨站点请求伪造
{% csrf_token %}:Django模板标签,用于生成CSRF令牌,防止跨站请求伪造攻击。

3、表单字段集
<fieldset>:将表单控件分组。
<legend><h1>{{ question.question_text }}</h1></legend>:为字段集提供标题,显示投票问题。
{% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}:如果存在错误信息,则显示。
{% for choice in question.choice_set.all %}:遍历问题的所有选项。
<input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}">:定义一个单选按钮,name属性用于组名,id属性唯一标识每个单选按钮,value属性为选项ID。
<label for="choice{{ forloop.counter }}">{{choice.choice_text}}</label>:定义单选按钮的标签。
<br>:换行符。

4、提交按钮
<input type="submit" value="Vote">:定义表单的提交按钮。

(2)创建一个Django视图来处理提交的数据

将以下代码 添加到 polls.views.py

导入模块
from django.db.models import F #导入F表达式,用于在数据库层面进行字段操作
from django.http import HttpResponse, HttpResponseRedirect
from django.shortcuts import get_object_or_404, render
from django.urls import reverse #导入reverse函数,用于反向解析URL
from .models import Choice, Question

#...

def vote(request,question_id):
    #获取投票问题
    question=get_object_or_404(Question,pk=question_id)
    #处理投票请求
    try:
        selected_choice=question.choice_set.get(pk=request.POST["choice"])
    #异常处理:捕获KeyError和Choice.DoesNotExist异常,表示用户没有选择任何选项或选择的选项不存在
    except(KeyError,Choice.DoesNotExist):
        #重新渲染投票页面,并显示错误信息
        return render(request,"polls/detail.html" ,{"question":question,"error_message":"You didn't select a choice."})
    #更新投票数并保存
    else:
        selected_choice.votes=F("votes")+1
        selected_choice.save()
        #重定向到结果页面,生成结果页面的URL
        return HttpResponseRedirect(reverse("polls:results",args=(question.id,)))

(3)当有人对 Question 进行投票后,vote()视图将请求重定向到 Question 的结果页面。

def results(request,question_id):
    question=get_object_or_404(Question,pk=question_id)
    return render(request,"polls/results.html",{"question":question})

(4)创建polls/results.html 模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Polls Results</title>
</head>
<body>
    <h1> {{ question.question_text }} </h1>
    <ul>
    {% for choice in question.choice_set.all %}
        <li>{{ choice.choice_text }}--{{ choice.votes}} vote {{ choice.votes|pluralize}}</li>
    {% endfor %}
    </ul>
    <a href="{%url 'polls:detail' question.id %}">Vote again?</a>
</body>
</html>

访问polls/3/并进行投票
在这里插入图片描述
在这里插入图片描述

  • 注意
    如果报错,原因很可能是:args 期望的是一个可迭代对象,但你传递的是一个整数

需要确保 args 是一个包含单个元素的元组。在Python中,如果元组只有一个元素,需要在元素后面加一个逗号来明确它是一个元组

在这里插入图片描述

2、使用通用视图,代码还是少一些比较好

视图反映基本的网络开发中一个常见情况,根据URL中的参数,从数据库中获取数据,载入模板,返回渲染后的模板。由于这种情况十分常见,Django提供了一种快捷方式——“通用视图”系统

通用视图蒋昌建的模式抽象到了一种地步,不需要编写python代码就可以创建一个应用程序。

接下来,我们将投票系统使用通用视图系统,我们需要
1、转换URLconf
2、删除一些旧的、不再需要的视图
3、基于Django的通用视图引入新的视图

改良URLconf
修改 polls.url

urlpatterns=[
    path("",views.IndexView.as_view(),name="index"),
    path("<int:pk>/",views.DetailView.as_view(),name="detail"),
    path("<int:pk>/results/",views.ResultsView.as_view(),name="results"),
    path("<int:question_id>/vote/",views.vote,name="vote"),
]

我们将detail和results路径字符串匹配模式名称从<question_id>改成了。这是因为我们将使用通用视图替代原来的视图,它期望从URL中捕获的主键值被称为“pk”

3、改良视图

打开polls/views 删除index detail results视图,用通用视图代替

from django.views import generic
class IndexView(generic.ListView):
    template_name = "polls/index.html"
    context_object_name = "latest_question_list"
    
    def get_queryset(self):
        return Question.object.order_by("-pub_date")[:5]
    
class DetailView(generic.DetailView):
    model = Question
    template_name = "polls/detail.html"
class ResultsView(generic.DetailView):
    model = Question
    template_name = "polls/results.html"
  • template_name属性用来告诉django使用一个指定的模板名字
    而不是自动生成的默认名字,template_name 属性允许你指定一个不同于默认命名约定的模板文件名称。通过设置这个属性,你可以让同一个通用视图类在渲染不同内容时使用不同的模板。这使得你可以为不同的视图提供不同的外观和感觉,即使它们在后台使用相同的视图类

  • 默认上下文变量名:
    DetailView 默认提供的上下文变量名是模型名的小写形式,如 question。
    ListView 默认提供的上下文变量名是模型名的小写复数形式,如 question_list。
    自定义上下文变量名:
    使用 context_object_name 属性,你可以覆盖默认的上下文变量名,使用你想要的变量名。
    这是更便捷的方法,而不是修改模板以匹配默认的上下文变量名

再次启动服务器
在这里插入图片描述
没有问题

未完待续…

相关推荐

  1. 动态的实现校验

    2024-07-10 00:58:02       25 阅读
  2. PHP 验证:邮件URL

    2024-07-10 00:58:02       20 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-10 00:58:02       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-10 00:58:02       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-10 00:58:02       58 阅读
  4. Python语言-面向对象

    2024-07-10 00:58:02       69 阅读

热门阅读

  1. 决策树构建精要:算法步骤与实现细节

    2024-07-10 00:58:02       21 阅读
  2. 我们为什么要学数据库?

    2024-07-10 00:58:02       20 阅读
  3. redis的setnx实现分布式锁

    2024-07-10 00:58:02       30 阅读
  4. Bert 变种, T5模型

    2024-07-10 00:58:02       21 阅读
  5. Docker实战教程(一)

    2024-07-10 00:58:02       24 阅读
  6. Visual Studio编译优化选项

    2024-07-10 00:58:02       19 阅读
  7. Pywinauto:强大的Windows 应用程序测试工具

    2024-07-10 00:58:02       23 阅读
  8. Linux grep技巧 结合awk查询

    2024-07-10 00:58:02       16 阅读
  9. Appium:强大的移动应用测试工具

    2024-07-10 00:58:02       21 阅读
  10. 宝塔-Linux模板常用命令-centos7

    2024-07-10 00:58:02       21 阅读