Django3 ----- 视图和简单模板

原创已于 2022-07-24 16:12:00 修改 · 276 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#django #python #后端

于 2022-07-24 16:10:52 首次发布

本文介绍了使用Django构建投票应用的步骤，包括创建视图函数，实现首页、详情、结果和投票页面。通过模板系统分离业务逻辑与页面样式，创建了templates文件夹并编写了index.html，展示了如何渲染和传递数据到前端。同时，文章提到了模板的简单应用，并预告了更多模板语法和应用将在后续博客中讨论。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一. 前台界面

这次做投票界面demo，前端主要就三个页面：
首页：展示最新的投票页面
详细页面：展示具体的投票内容
尾页：显示投票结果

(1) 添加视图函数

在poll/views.py上添加以下代码：

from django.shortcuts import render
from django.http import HttpResponse
# Create your views here.


def index(request):
    return HttpResponse("欢迎来到投票系统！")


def detail(request, question_id):
    return HttpResponse("将为您打开问卷%s" % question_id)


def results(request, question_id):
    response = "正在查看问卷 %s 的结果"
    return HttpResponse(response % question_id)


def vote(request, question_id):
    return HttpResponse("请为问卷 %s 提交您的答案" % question_id)

再在路由poll/urls.py上添加对应的地址：

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index),
    path('<int:question_id>', views.detail),
    path('<int:question_id>/results', views.results),
    path('<int:question_id>/vote', views.vote),
    # 使用尖括号获得网址部分后发送给视图函数作为一个关键字参数
]

注意这时候要将主路由中加上path('poll/', include('poll.urls'))
打开浏览器输入http://127.0.0.1:8000/poll/1，就可以看到以下画面在这里插入图片描述

(2). 丰富视图功能(模板)

Django中提供了一套模板系统，可以将业务逻辑与页面显示样式分离。
在poll目录下创建templates文件夹，再在templates文件夹下创建poll文件夹，然后再在poll文件夹下面创建index.html文件。

整个项目目录结构就如下图所示，很清晰
在这里插入图片描述
将下面的代码写进html.index:

{% if latest_question_list %}
    <ul>
    {% for question in latest_question_list %}
        <li><a href="/poll/{{ question.id }}/">{{ question.question_text }}</a></li>
    {% endfor %}
    </ul>
{% else %}
    <p>No polls are available.</p>
{% endif %}

接着修改views.py中的index视图：

def index(request):
    latest_question_list = Question.objects.order_by('-pub_date')[:5]
    template = loader.get_template('poll/index.html')
    context = {
        'latest_question_list': latest_question_list,
    }
    return HttpResponse(template.render(context, request))

此外，因为很多Django模板的工作原理都是这样的，所以我们可以用render()这个函数来简化操作，且能达到一样的效果。

from django.shortcuts import render
from .models import Question

def index(request):
    latest_question_list = Question.objects.order_by('-pub_date')[:5]
    context = {'latest_question_list': latest_question_list}   
    return render(request, 'polls/index.html', context)

去浏览器看是一模一样的效果

二. 模板

(1). 简单应用

模板是Django中一个非常重要的内容，因此需要单独拿出来说一说。
我这里是新创建了一个项目来测试模板，在原项目上测试当然也是可以的。
项目的目录如下图所示：
在这里插入图片描述

hello_world.html:

<h1>{{ Hello1111 }}</h1>

变量要用双括号！

views.py:

from django.shortcuts import render


def hello_world(request):
    context = {'Hello1111': 'Hello World!'}
    return render(request, 'hello_world.html', context)

urls.py:

from django.contrib import admin
from django.urls import path
from . import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('hello', views.hello_world),
]

setting.py：

57        'DIRS': [os.path.join(BASE_DIR, 'template')],

(2). 更多语法和应用

这在下一篇博客再讲吧，太多了，挖个坑先~~