备案控制台
开发者社区 开发与运维 文章 正文

[Python]Django模板的配置及其语法（二）

2023-08-06 91
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： [Python]Django模板的配置及其语法（二）

6. 模板继承

模板继承和类的继承含义是一样的，主要是为了提高代码重用，减轻开发人员的工作量。

父模板：

如果发现在多个模板中某些内容相同，那就应该把这段内容定义到父模板中。

标签block：

用于在父模板中预留区域，留给子模板填充差异性的内容，预留区域的名字不能相同。 为了更好的可读性，建议给endblock标签也写上名字，这个名字与对应的block名字相同。父模板中也可以使用传递过来的数据。

语法：

{% block 名称 %}
  预留区域，可以编写默认内容，也可以不编写默认内容
{% endblock 名称 %}

子模板：

标签extends：继承，写在子模板文件的第一行。

语法：

{% extends "父模板路径" %}

填充父模板中指定名称的预留区域。

子模版不用填充父模版中的所有预留区域，如果子模版没有填充，则使用父模版定义的默认值。

{% block 名称 %}
  重写预留区域
{% endblock 名称 %}

父模板：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        {% block title %}
            页面标题
        {% endblock title %}
    </title>
</head>
<body>
    {% block header %}
        <h1>页面的顶部</h1>
    {% endblock header %}
    {% block main %}
        <h1>页面的主要部分</h1>
    {% endblock main %}
    {% block footer %}
        <h1>页面的底部</h1>
    {% endblock footer %}
</body>
</html>

继承父模板重写index.html:

{# 继承父模板 #}
{% extends "base.html" %}
{# 重写页面标题区域 #}
{% block title %}
    张三的个人介绍
{% endblock title %}
{# 重写页面的主体区域 #}
{% block main %}
    <h1>hello world</h1>
    {#  name 为模板等待接收的数据，需要View查询数据库传入模板  #}
    <h1>你好 {{ name }}</h1>
    <p>年龄：{{ age }}</p>
    <p>
        {% if age < 10 %}
            年龄小于10
        {% elif age >= 10 and age < 20 %}
            年龄大于10小于20
        {% else %}
            年龄大于20
        {% endif %}
    </p>
    <p>生日：{{ birthday|date:'Y-m-d H:i:s' }}</p>
    <p>朋友：</p>
    <ul>
        {#    for 循环    #}
        {% for friend in friends %}
            {#    forloop.counter 获取循环的次序，forloop.count0 获取下标    #}
            <li>{{ forloop.counter }} {{ forloop.counter0 }} {{ friend }}</li>
        {% endfor %}
    </ul>
    {#  获取列表中的某个元素，使用点+下标的方式进行获取  #}
    <p>女朋友：{{ friends.2 }}</p>
    {#  获取字典中的某个元素，使用点+key的形式获取  #}
    <p>第一年的薪资：{{ money.2019 }}</p>
{% endblock %}
{# 不需要底部区域，重写底部区域 #}
{% block footer %}{% endblock %}

7. jinja2模板

Jinja2：是 Python 下一个被广泛应用的模板引擎，是由Python实现的模板语言，他的设计思想来源于 Django 的模板引擎，并扩展了其语法和一系列强大的功能，尤其是Flask框架内置的模板语言。

7.1 安装jinja2模板

pip install jinja2
pip3 install jinjia2 -i https://pypi.tuna.tsinghua.edu.cn/simple

7.2 Django配置jinja2

在settings.py文件：

TEMPLATES = [
    {
        # 'BACKEND': 'django.template.backends.django.DjangoTemplates',
        # 修改为jinja2模板
        'BACKEND': 'django.template.backends.jinja2.Jinja2',
        'DIRS': [ os.path.join(BASE_DIR, 'template') ],
        'APP_DIRS': True,
        'OPTIONS': {
            # 默认的
            # 'environment': 'jinja2.Environment',
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

报错的话，使用下面的配置设置：

ERRORS: ?: (admin.E403) A 'django.template.backends.django.DjangoTemplates' instance must be configured in TEMPLATES in order to use the admin application.

来源：08、jinja2模板使用

TEMPLATES = [
    {
        # 'BACKEND': 'django.template.backends.django.DjangoTemplates',
        # 修改为jinja2模板
        'BACKEND': 'django.template.backends.jinja2.Jinja2',
        'DIRS': [ os.path.join(BASE_DIR, 'template') ],
        'APP_DIRS': True,
        'OPTIONS': {
            # 设置jinja2的环境变量
            # 默认设置就为这个，可以不用配置该项
            # 'environment': 'jinja2_env.environment',
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
  {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [ os.path.join(BASE_DIR, 'template') ],
        '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',
            ],
        },
    },
]

7.3 jinja2模板与Django自带模板的区别

  1. jinja2模板没有多行注释
{% comment %}
  注释内容
{% endcomment %}
  1. jinja2模板中的过滤器使用的就是函数，不为变量|过滤器:参数，如：在Django自带的模板中date过滤器的写法为birthday|date:'Y-m-d H:i:s'，在jinja2中直接写函数形式date(birthday)
  2. jinja2中不存在forloop，使用的为loop，jinja2中的loop：

{# 继承父模板 #}
{% extends "base.html" %}
{# 重写页面标题区域 #}
{% block title %}
    张三的个人介绍
{% endblock title %}
{# 重写页面的主体区域 #}
{% block main %}
    <h1>hello world</h1>
    {#  name 为模板等待接收的数据，需要View查询数据库传入模板  #}
    <h1>你好 {{ name }}</h1>
    <p>年龄：{{ age }}</p>
    <p>
        {% if age < 10 %}
            年龄小于10
        {% elif age >= 10 and age < 20 %}
            年龄大于10小于20
        {% else %}
            年龄大于20
        {% endif %}
    </p>
{#    <p>生日：{{ birthday|date:'Y-m-d H:i:s' }}</p>#}
    <p>朋友：</p>
    <ul>
        {#    for 循环    #}
        {% for friend in friends %}
            {#    forloop.counter 获取循环的次序，forloop.count0 获取下标    #}
            <li>{{ loop.index }} {{ loop.index0 }} {{ friend }}</li>
        {% endfor %}
    </ul>
    {#  获取列表中的某个元素，使用点+下标的方式进行获取  #}
    <p>女朋友：{{ friends.2 }}</p>
    {#  获取字典中的某个元素，使用点+key的形式获取  #}
    <p>第一年的薪资：{{ money.first }}</p>
{% endblock %}
{# 不需要底部区域，重写底部区域 #}
{% block footer %}{% endblock %}

7.4 jinja2过滤器

在jinja2_env.py文件中设置jinja2的过滤器.

jinja2_env.py 定义在项目的文件夹目录下

from jinja2 import Environment
# 导入Django中模板的过滤器函数
from django.template.defaultfilters import date
def environment(**options):
    # 创建Environment实例
    env = Environment(**options)
    # 指定jinja2的函数执行django的指定过滤器
    env.globals.update({
        'data': date
    })
    return env

修改配置jinja2的环境配置：

TEMPLATES = [
    # jinja2模板配置
    {
        # 'BACKEND': 'django.template.backends.django.DjangoTemplates',
        # 修改为jinja2模板
        'BACKEND': 'django.template.backends.jinja2.Jinja2',
        'DIRS': [ os.path.join(BASE_DIR, 'template') ],
        'APP_DIRS': True,
        'OPTIONS': {
            # 设置jinja2的环境变量
            # jinja2的默认环境
            # 'environment': 'jinja2.Environment',
            # 我们自己的jinja2环境
            'environment': 'django_pro2.jinja2_env.environment',
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
    # Django自带模板配置
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [ os.path.join(BASE_DIR, 'template') ],
        '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',
            ],
        },
    },
]

使用jinja2过滤器：

{# 继承父模板 #}
{% extends "base.html" %}
{# 重写页面标题区域 #}
{% block title %}
    张三的个人介绍
{% endblock title %}
{# 重写页面的主体区域 #}
{% block main %}
    <h1>hello world</h1>
    {#  name 为模板等待接收的数据，需要View查询数据库传入模板  #}
    <h1>你好 {{ name }}</h1>
    <p>年龄：{{ age }}</p>
    <p>
        {% if age < 10 %}
            年龄小于10
        {% elif age >= 10 and age < 20 %}
            年龄大于10小于20
        {% else %}
            年龄大于20
        {% endif %}
    </p>
    {#  使用jinja2中的过滤器  #}
    {#  第一个参数为需要进行过滤处理的数据，第二个参数为过滤器需要传递的参数  #}
    <p>生日：{{ date(birthday, 'Y-m-d H:i:s') }}</p>
    <p>朋友：</p>
    <ul>
        {#    for 循环    #}
        {% for friend in friends %}
            {#    forloop.counter 获取循环的次序，forloop.count0 获取下标    #}
            <li>{{ loop.index }} {{ loop.index0 }} {{ friend }}</li>
        {% endfor %}
    </ul>
    {#  获取列表中的某个元素，使用点+下标的方式进行获取  #}
    <p>女朋友：{{ friends.2 }}</p>
    {#  获取字典中的某个元素，使用点+key的形式获取  #}
    <p>第一年的薪资：{{ money.first }}</p>
{% endblock %}
{# 不需要底部区域，重写底部区域 #}
{% block footer %}{% endblock %}

7.5 修改pycharm的模板引擎

7.6 自定义过滤器

在jinja2_env.py文件中自定义过滤器

from jinja2 import Environment
# 导入Django中模板的过滤器函数
from django.template.defaultfilters import date
def environment(**options):
    # 创建Environment实例
    env = Environment(**options)
    # 指定jinja2的函数执行django的指定过滤器
    env.globals.update({
        'date': date,
        # 将自定义的过滤器添加
        'do_listreverse': do_listreverse
    })
    return env
# 1.自定义过滤器
def do_listreverse(li):
    if li == "B":
        return "哈哈"
{# 继承父模板 #}
{% extends "base.html" %}
{# 重写页面标题区域 #}
{% block title %}
    张三的个人介绍
{% endblock title %}
{# 重写页面的主体区域 #}
{% block main %}
    <h1>{{ do_listreverse('B') }}</h1>
{% endblock %}
{# 不需要底部区域，重写底部区域 #}
{% block footer %}{% endblock %}


文章标签：
Python
关键词：
Python配置
Django python
Python Django
Python语法
Django模板
萤火虫的小尾巴
目录
相关文章
wait_
|
7天前
|
Linux 数据库管理 Python
CentOS7编译安装Python3.10（含OpenSSL1.1.1安装），创建虚拟环境，运行Django项目（含sqlite版本报错）
CentOS7编译安装Python3.10（含OpenSSL1.1.1安装），创建虚拟环境，运行Django项目（含sqlite版本报错）
wait_
66 4
梦回故国楼台梦
|
4天前
|
开发框架 数据库 开发者
Web开发新境界：用Python玩转Django和Flask！
【6月更文挑战第12天】Python的Web开发框架Django和Flask各有千秋。Django是全能型框架，适合快速开发大型应用，提供ORM、模板引擎、URL路由和后台管理等全面功能。Flask则轻量级且灵活，适用于小型到中型应用，以其简单易用、高度可扩展和灵活路由著称。两者结合使用，能应对各种Web开发需求。
梦回故国楼台梦
18 5
一只大鸽子
|
1天前
|
存储 IDE Linux
Python零基础入门-0 Python简介和开发环境PyCharm配置
Python零基础入门-0 Python简介和开发环境PyCharm配置
一只大鸽子
10 2
爱喝兽奶的熊孩子
|
2天前
|
数据安全/隐私保护 Python
Python以及基础语法保姆级教程(超详细)-3
Python以及基础语法保姆级教程(超详细)
爱喝兽奶的熊孩子
12 1
编程千纸鹤
|
2天前
|
小程序 前端开发 JavaScript
计算机Python项目｜django傣族节日及民间故事推广小程序
计算机Python项目｜django傣族节日及民间故事推广小程序
编程千纸鹤
5 1
爱喝兽奶的熊孩子
|
2天前
|
存储 Python 容器
Python以及基础语法保姆级教程(超详细)-2
Python以及基础语法保姆级教程(超详细)
爱喝兽奶的熊孩子
14 1
爱喝兽奶的熊孩子
|
2天前
|
机器学习/深度学习 Linux 开发者
Python以及基础语法保姆级教程(超详细)-1
Python以及基础语法保姆级教程(超详细)
爱喝兽奶的熊孩子
14 1
编程千纸鹤
|
2天前
|
前端开发 JavaScript 数据安全/隐私保护
计算机Python项目｜django学生成绩管理系统
计算机Python项目｜django学生成绩管理系统
编程千纸鹤
10 2
嘟嘟嘟嘟嘟嘟
|
5天前
|
缓存 运维 Serverless
Serverless 应用引擎产品使用合集之基于django应用模板创建的FC，如何配置数据库
阿里云Serverless 应用引擎（SAE）提供了完整的微服务应用生命周期管理能力，包括应用部署、服务治理、开发运维、资源管理等功能，并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景，帮助企业快速构建、部署、运维和扩展微服务架构，实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述，包括应用管理、服务治理、开发运维、资源管理等方面。
嘟嘟嘟嘟嘟嘟
25 0
傻啦嘿哟
|
1月前
|
存储 XML JSON
Python如何读写配置文件？
Python如何读写配置文件？
傻啦嘿哟
33 0

热门文章

最新文章

  • 1
    Vue+Django+MySQL搭建指南（个人全栈快速开发）
  • 2
    通过Nginx部署Django（基于ubuntu)
  • 3
    Python 3+Django 3 结合Vue.js框架构建前后端分离Web开发平台实战
  • 4
    Python的Django框架的运行方式及处理流程
  • 5
    使用Django实现分页器功能
  • 6
    django学习之pythonbrew部署开发环境
  • 7
    django 1.8 官方文档翻译： 2-5-6 多数据库
  • 8
    Django入门实践（二）
  • 9
    Django之Model世界
  • 10
    Django之CSRF(跨站请求伪造)
  • 1
    Python中的装饰器：概念、用法和实例
    25
  • 2
    Python中的装饰器：概念、用法及实例
    20
  • 3
    使用Python实现图像处理中的边缘检测算法
    109
  • 4
    Python中如何实现字符串反转？请提供至少两种方法。
    35
  • 5
    在Python中，如何创建一个迭代器？
    25
  • 6
    请解释Python中的迭代器和生成器的区别？并分别举例说明。
    22
  • 7
    在Python中，如何使用装饰器重写类的方法？
    297
  • 8
    Python中的装饰器：概念、用法及实例
    22
  • 9
    Python中的装饰器：概念、应用与实例
    281
  • 10
    Python中的装饰器：概念、用法和实例
    28

    • 相关课程

    更多
  • Python Web开发基础
  • Python爬虫实战
  • Python开发基础入门
  • Python常用数据科学库
  • Python网络爬虫实战
  • Python完全自学手册图文教程

    • 相关电子书

    更多
  • From Python Scikit-Learn to Sc
  • Data Pre-Processing in Python:
  • 双剑合璧-Python和大数据计算平台的结合

    • 相关实验场景

    更多
  • 用Python画圣诞树
  • 使用Python完成RDS数据开发及分析
  • Python选择及循环结构
  • 云端Python及基本操作
  • Python网络通信程序典型应用
  • Python新手入门（Anolis OS）
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考