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

本文介绍了使用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). 更多语法和应用

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

WFForstar

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值