提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

Python Django 编程 | 连载 04 - Django 模板

Pythondjango模板编程 04 连载
2023-06-13 09:14:40 时间

一、Django Template 模板

模板可以动态生成HTML网页，由HTML代码和特殊的模板语法组成。

Django 项目的模板文件是放置在 templates 目录下的，使用 PyCharm 创建的 Django 项目会在 settings 文件中的 TEMPLATES 中自动将模板位置配置好

在视图函数中使用 render() 函数可以渲染页面，需要请求、模板路径以及动态数据作为参数。

from django.shortcuts import render

def hallo(request):
    # 业务代码
    # 返回render函数渲染的页面
    return render(request, template_path, context)

HTML模板中通过{{ 变量名 }}来渲染从后端传来的动态数据

使用 Pycharm 创建项目django_templates

会自定配置好模板路径

通过命令行创建的 django 项目，则需要手动添加模板路径

通过命令行创建zulu应用

python3 manage.py startapp zulu

在 zulu app 内增加 urls.py，配置一个 tango/ 路径

from django.urls import path
from .views import *

urlpatterns = [
    path('tango/', Tango.as_view()),
]

在项目根路径的 urls.py 中配置 zulu app 的映射

from django.urls import path, include
from zulu import urls as zulu

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

在 zulu app 的 views.py 中书写视图类，并绑定模板

from django.shortcuts import render
from django.views.generic import View
# Create your views here.

class Tango(View):
    def get(self, request):
        context = {'info': 'This is Tango 5'}
        return render(request, 'tango.html', context=context)

在项目根路径下的 templates 文件夹下增加模板 tango.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Zulu</title>
</head>
<body>
    <h1>{{info}}</h1>
</body>
</html>

启动 Django 应用，在浏览器中输入 /zulu/tango/

页面中的动态数据被成功渲染出来。

二、Template 内置标签与静态文件配置

变量与标签

变量使用 {{ }} 双大括号来表示，如果从后端传递到前端的数据 {{ info }}，内置的标签类型，使用 {% %} 大括号和百分号的形式来表示。常用的内置标签如下：

标签形式

标签说明

{% for %} {% endfor %}

遍历输出列表中的内容

{% if %} {% elif %} {% endif %}

对表达式进行判断

{% url name args %}

引用路由配置名

{% load %} {% load static %}

遍历输出列表中的内容

{% static path %}

读取静态资源

{% extends base_template %}

模板继承

{% block data %} {% endblock %}

重写继承的父模板的内容

{% csrf_token %}

跨域秘钥

for 循环标签是模板中比较常用的标签，常常用来遍历输出列表中的数据，for 循环标签还有一些比较常用的变量，比如索引等

变量名

变量说明

forloop.counter

从 1 开始计算获取当前索引

forloop.counter0

从 0 开始计算获取当前索引

forloop.revcounter

索引从最大数递减到 1

forloop.revcounter0

索引从最大数递减到 0

forloop.first

当前元素是否是第一个

forloop.last

当前元素是否是最后一个

empty

是否为空

相关文章