Django 模板_django single-优快云博客

本文链接：https://blog.youkuaiyun.com/single7_/article/details/110790805

本文详细介绍了Django框架中的模板系统，包括模板的基本概念、如何使用变量、列表和字典等数据类型，以及如何利用过滤器和标签进行数据处理和控制流程。

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

0x01 概念

模板是一个文本，用于分离文档的表现形式和内容。

0x02 模板应用实例

HelloWorld/
|-- HelloWorld
|   |-- __init__.py
|   |-- __init__.pyc
|   |-- settings.py
|   |-- settings.pyc
|   |-- urls.py
|   |-- urls.pyc
|   |-- views.py
|   |-- views.pyc
|   |-- wsgi.py
|   `-- wsgi.pyc
|-- manage.py
`-- templates
    `-- runoob.html

0x03 Django 模板标签

变量

view：｛"HTML变量名" : "views变量名"｝
HTML：｛｛变量名｝｝

HelloWorld/HelloWorld/views.py 文件代码：

from django.shortcuts import render

def runoob(request):
  views_name = "菜鸟教程"
  return  render(request,"runoob.html", {"name":views_name})

列表
templates 中的 runoob.html中，可以用 . 索引下标取出对应的元素。
HelloWorld/HelloWorld/views.py 文件代码：

from django.shortcuts import render

def runoob(request):
    views_list = ["菜鸟教程1","菜鸟教程2","菜鸟教程3"]
    return render(request, "runoob.html", {"views_list": views_list})

HelloWorld/templates/runoob.html 文件代码：

<p>{{ views_list }}</p>   # 取出整个列表
<p>{{ views_list.0 }}</p> # 取出列表的第一个元素

字典
templates 中的 runoob.html中，可以用 .键取出对应的值。

HelloWorld/HelloWorld/views.py 文件代码：

from django.shortcuts import render

def runoob(request):
    views_dict = {"name":"菜鸟教程"}
    return render(request, "runoob.html", {"views_dict": views_dict})

HelloWorld/templates/runoob.html 文件代码：

<p>{{ views_dict }}</p>
<p>{{ views_dict.name }}</p>

接下来我们需要向Django说明模板文件的路径，修改HelloWorld/settings.py，修改 TEMPLATES 中的 DIRS 为 [BASE_DIR, “/templates”,]，如下所示:
HelloWorld/HelloWorld/settings.py 文件代码：

...
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],       # 修改位置
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]
...

修改 views.py，增加一个新的对象，用于向模板提交数据
HelloWorld/HelloWorld/views.py 文件代码：

from django.shortcuts import render
 
def runoob(request):
    context          = {}
    context['hello'] = 'Hello World!'
    return render(request, 'runoob.html', context)

HelloWorld/HelloWorld/urls.py 文件代码：

from django.urls import path
 
from . import views
 
urlpatterns = [
    path('runoob/', views.runoob),
]

使用 render 来替代之前使用的 HttpResponse。render 还使用了一个字典 context 作为参数。

context 字典中元素的键值 hello 对应了模板中的变量 {{ hello }}。

再次访问 http://127.0.0.1:8000/runoob，可以看到页面：
在这里插入图片描述
列表
templates 中的 runoob.html中，可以用 . 索引下标取出对应的元素。
字典
templates 中的 runoob.html中，可以用 .键取出对应的值。
过滤器
模板语法：
{{ 变量名 | 过滤器：可选参数 }}
模板过滤器可以在变量被显示前修改它，过滤器使用管道字符，如下所示：