当前位置: 首页 > article >正文

Django 5实用指南(五)模板系统

Django5的模板系统是其核心功能之一,允许开发者将动态数据嵌入到HTML模板中,并根据不同的业务需求渲染页面。Django模板系统基于 Django模板语言(DTL),它提供了一些强大的功能,如模板标签、过滤器、条件语句和循环等,帮助开发者灵活地渲染和控制页面内容。

本章将详细介绍 Django5 的模板语言、模板标签、过滤器及其自定义,帮助您深入理解如何在 Django 中使用模板系统。

5.1 Django5模板语言概述

Django 模板语言(DTL)是一种简单、易学的语言,能够有效地将动态内容注入到静态HTML中。Django模板的基本结构包括以下几个部分:

  • 模板变量:用于显示动态数据。
  • 模板标签:控制模板的逻辑(如条件语句、循环等)。
  • 模板过滤器:用于修改变量的输出内容。

5.2 模板变量

模板变量用 {{ }} 包裹,通常来自于视图传递的数据。你可以在视图函数中传递数据到模板,然后使用模板变量将数据展示出来。

5.2.1 模板变量示例

假设你有一个 User 模型,并想显示用户的名字和邮箱。

视图函数:

from django.shortcuts import render
from .models import Userdef user_profile(request, user_id):user = User.objects.get(id=user_id)return render(request, 'user_profile.html', {'user': user})

模板:

<!DOCTYPE html>
<html><head><title>{{ user.username }}'s Profile</title></head><body><h1>Welcome, {{ user.username }}!</h1><p>Email: {{ user.email }}</p></body>
</html>

在这个例子中,{{ user.username }} 和 {{ user.email }} 是模板变量,模板引擎会将它们替换为 user 对象中的 username 和 email 字段的值。

5.3 模板标签

模板标签用于实现更复杂的功能,如条件判断、循环等。标签使用 {% %} 包裹。常用的模板标签包括 if、for、block 等。

5.3.1 条件语句(if 标签)

if 标签用于根据条件执行不同的代码块。在模板中,if 标签用于判断条件是否成立,如果成立则执行相应的代码。

条件语句示例:

{% if user.is_authenticated %}<p>Welcome back, {{ user.username }}!</p>
{% else %}<p>Please log in to access your profile.</p>
{% endif %}

在这个示例中,Django会检查 user.is_authenticated 是否为 True,如果是,则显示欢迎信息,否则提示用户登录。

5.3.2 循环语句(for 标签)

for 标签用于循环遍历一个序列(如列表、字典等)。在模板中,常用的 for 标签用于遍历列表或查询集。

循环语句示例:

<ul>{% for post in posts %}<li>{{ post.title }} - {{ post.created_at }}</li>{% empty %}<li>No posts available.</li>{% endfor %}
</ul>

在这个例子中,{% for post in posts %} 遍历 posts 列表中的每个 post 对象,显示文章的标题和创建时间。如果列表为空,则显示 No posts available。

5.3.3 引入模板(include 标签)

include 标签允许在一个模板中嵌入另一个模板,通常用于重复的页面结构,如头部、脚部等。

引入模板示例:

{% include 'header.html' %}<h1>{{ title }}</h1>
{% include 'footer.html' %}

在这个例子中,header.html 和 footer.html 是独立的模板文件,include 标签将它们嵌入到当前模板中。

5.4 模板过滤器

模板过滤器用于修改变量的显示方式。它们在模板变量后面用 | 分隔。例如,{{ value|lower }} 会将 value 变量转换为小写字母。

5.4.1 常见过滤器

date:格式化日期

<p>Published on: {{ post.created_at|date:"Y-m-d" }}</p>

default:如果变量为空,则使用默认值

<p>{{ user.bio|default:"This user has not updated their bio." }}</p>

length:返回一个列表或字符串的长度

<p>Number of posts: {{ posts|length }}</p>

lower:将字符串转换为小写

<p>{{ user.username|lower }}</p>

join:将列表元素连接成一个字符串

<p>{{ tags|join:", " }}</p>

5.4.2 自定义过滤器

Django 允许开发者创建自定义过滤器,以便在模板中使用。

自定义过滤器示例:

  1. 创建过滤器:

在 templatetags 目录下创建一个 custom_filters.py 文件:

from django import templateregister = template.Library()@register.filter
def add_suffix(value, suffix):return f"{value}{suffix}"

加载并使用过滤器:

在模板中使用自定义过滤器之前,首先需要加载该过滤器:

{% load custom_filters %}<p>{{ user.username|add_suffix:"_profile" }}</p>

在这个例子中,add_suffix 过滤器会将用户的用户名添加一个后缀 "_profile"。

5.5 模板继承与块(Block)

模板继承是 Django 模板系统的一个重要特性,它允许你创建一个基本的“框架”模板,并在子模板中插入特定内容。

5.5.1 基本模板(父模板)

父模板定义了网页的基本结构,如头部、导航栏、脚本等。使用 {% block %} 标签定义可以被子模板覆盖的部分。

父模板(base.html):

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>{% block title %}My Website{% endblock %}</title></head><body><header><h1>Welcome to My Website</h1></header><nav><a href="/">Home</a> | <a href="/about">About</a></nav><main>{% block content %}Default content{% endblock %}</main><footer><p>© 2023 My Website</p></footer></body>
</html>
5.5.2 子模板

子模板继承自父模板,并覆盖其中的块部分。

子模板(home.html):

{% extends 'base.html' %}{% block title %}Home - My Website{% endblock %}{% block content %}<h2>Welcome to the home page!</h2><p>This is where the content goes.</p>{% endblock %}

通过 {% extends %} 和 {% block %} 标签,子模板可以继承父模板的结构,并定制其内容。

5.6 模板的性能优化

在 Django 项目中,模板渲染的性能非常重要,尤其是在高流量的 Web 应用中。以下是一些优化模板性能的方法:

缓存模板:使用 Django 的模板缓存机制,减少重复渲染的开销。

{% load cache %}{% cache 600 sidebar %}<!-- 这里是需要缓存的内容 -->{% endcache %}

避免过多的循环和条件判断:尽量避免在模板中进行复杂的计算和大量的循环。

静态文件和媒体文件的优化:确保在模板中使用 static 标签来引用静态文件,并设置适当的缓存策略。

小结

本章深入介绍了 Django5 中的模板系统,包括模板变量、模板标签、过滤器的使用,以及如何自定义过滤器。我们还讲解了模板继承和块的概念,使得在大型项目中复用模板变得更加容易。通过有效的模板管理,Django5 提供了一个灵活、强大的系统来动态渲染和展示数据。

相关文章:

Django 5实用指南(五)模板系统

Django5的模板系统是其核心功能之一&#xff0c;允许开发者将动态数据嵌入到HTML模板中&#xff0c;并根据不同的业务需求渲染页面。Django模板系统基于 Django模板语言&#xff08;DTL&#xff09;&#xff0c;它提供了一些强大的功能&#xff0c;如模板标签、过滤器、条件语句…...

基于深度学习进行呼吸音检测的详细示例

以下是一个基于深度学习进行呼吸音检测的详细示例&#xff0c;我们将使用Python语言以及一些常见的深度学习库&#xff08;如TensorFlow、Keras&#xff09;和数据处理库&#xff08;如numpy、pandas&#xff09;&#xff0c;同时会用到音频处理库librosa。整个流程包括数据加载…...

iOS 中使用 FFmpeg 进行音视频处理

在 iOS 中使用 FFmpeg 进行音视频处理,通常需要将 FFmpeg 的功能集成到项目中。由于 FFmpeg 是一个 C 库,直接在 iOS 中使用需要进行一些配置和封装。 1. 在 iOS 项目中集成 FFmpeg 方法 1:使用 FFmpeg 预编译库 下载 FFmpeg iOS 预编译库: 可以从以下项目中获取预编译的 …...

web的分离不分离:前后端分离与不分离全面分析

让我们一起走向未来 &#x1f393;作者简介&#xff1a;全栈领域优质创作者 &#x1f310;个人主页&#xff1a;百锦再新空间代码工作室 &#x1f4de;工作室&#xff1a;新空间代码工作室&#xff08;提供各种软件服务&#xff09; &#x1f48c;个人邮箱&#xff1a;[1504566…...

记录一个ES分词器不生效的解决过程

问题背景 商城项目,其中商品查询检索使用的是ES, 但存在某些商品查询不到的问题 例如:某商品名包含AA_BBB这样的关键词,但是搜索"AA"不能查询到该商品,但是将商品名修改为AA BBB后就能查询到了. 怀疑是分词的问题,但看代码,在创建ES索引时在对应字段上也定义了分词器…...

高性能内存对象缓存Memcached详细实验操作

目录 前提准备&#xff1a; cache1&#xff0c;2&#xff1a; 客户端cache-api&#xff08;一定得是LAMP环境&#xff09; memcache实现主主复制以及高可用(基于以上完成) cache1,2: memcachekeepalived(基于以上完成) cache1,2: 前提准备&#xff1a; 1. 准备三台cent…...

css之display:grid布局改块级元素布局

1.问题&#xff1a; div是块级元素&#xff0c;一个div元素占一行&#xff0c;但是&#xff0c;今天测试样式时&#xff0c;总是会有两个div并占一行&#xff0c;很困惑&#xff0c;结果发现是app这个样式 在main.css里 #app样式布局在main.ts里被应用 2.原因以及样式分析 im…...

高效率:转换效率高达 96%,可有效减少能源损耗

WD5030 的特点 高效率&#xff1a;转换效率高达 96%&#xff0c;可有效减少能源损耗&#xff0c;降低设备发热&#xff0c;提高能源利用效率&#xff0c;延长电池供电设备的续航时间135。 精准输出电压&#xff1a;内置可调线路补偿和可调输出电压功能&#xff0c;输出电压精度…...

推荐一个github star45k+进阶的java项目及知识的网站

mall是github上star 45k的一个java项目 mall项目是一套电商系统&#xff0c;包括前台商城系统及后台管理系统&#xff0c;基于SpringBootMyBatis实现&#xff0c;采用Docker容器化部署。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心…...

第2章 深入理解Thread构造函数

Thread的构造函数。 2.1 线程的命名 在构造一个Thread时可以为其命名。 2.1.1 线程的默认命名 下面构造函数中&#xff0c;并没有为线程命名。 Thread() Thread(Runnable target) Thread(ThreadGroup group, Runnable target)打开源码会看到 public Thread(Runnable targe…...

node 使用 Redis 缓存

缓存是什么&#xff1f; 高并发下&#xff0c;一个项目最先出问题的&#xff0c;并不是程序本身&#xff0c;而是数据库最先承受不住。 在数据库上我们可以做很多优化&#xff0c;例如优化 SQL 语句&#xff0c;优化索引&#xff0c;如果数据量大了&#xff0c;还可以分库、分表…...

PMBOK第7版整体架构全面详解

1. 引言 7月1日对于项目管理从业者和研究者而言&#xff0c;是个非凡意义的一个时间&#xff0c;这一天&#xff0c;翘首以待的《 项 目管理知识体系指南 》&#xff08;PMBOK&#xff09;第七版终于发布了。 总体而言&#xff0c;PMBOK第七版集百家之所长&#xff0c;成一…...

【Scrapy】Scrapy教程6——提取数据

前一小节我们拿到了页面的数据,那页面中那么多内容,我们想要其中的部分内容,该如何获取呢?这就需要对我们下载到的数据进行解析,提取出来想要的数据,这节就讲讲如何提取数据。 引入 我们编辑保存下来的shouye.html文件看下,发现这是什么鬼,全是如下图的代码。 没错…...

golang panic信息捕获

背景 我们的日志接入阿里云sls平台&#xff0c;但是&#xff0c;日志是以json的格式存储在阿里云sls平台上&#xff0c;程序中产生的error,info等日志都可以实现以json的格式打印。但是&#xff0c;golang程序中产生的panic信息本身不是以json的格式输出&#xff0c;这就导致p…...

一周学会Flask3 Python Web开发-http响应状态码

锋哥原创的Flask3 Python Web开发 Flask3视频教程&#xff1a; 2025版 Flask3 Python web开发 视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili 在Flask程序中&#xff0c;客户端发出的请求触发相应的视图函数&#xff0c;获取返回值会作为响应的主体&#xff0c;最后生成…...

goland无法debug项目

1、其实个原因是因为正在使用的Delve调试器版本太旧&#xff0c;无法兼容当前的Go语言版本1.2。Delve是Go语言的一个调试工具&#xff0c;用于提供源码级别的调试功能。Go语言每隔一段时间会发布新版本&#xff0c;而相应的调试器Delve也可能会更新以提供新的特性或修复已知问题…...

迪威模型网:免费畅享 3D 打印盛宴,科技魅力与趣味创意并存

还在为寻找优质3D打印模型而发愁&#xff1f;快来迪威模型网&#xff08;https://www.3dwhere.com/&#xff09;&#xff0c;一个集前沿科技与无限趣味于一体的免费3D打印宝藏平台&#xff01; 踏入迪威模型网&#xff0c;仿佛开启一场未来科技之旅。其“3D打印”专区&#xff…...

Python VsCode DeepSeek接入

Python VsCode DeepSeek接入 创建API key 首先进入DeepSeek官网&#xff0c;https://www.deepseek.com/ 点击左侧“API Keys”&#xff0c;创建API key&#xff0c;输出名称为“AI” 点击“创建"&#xff0c;将API key保存&#xff0c;复制在其它地方。 在VsCode中下载…...

Java中JDK、JRE,JVM之间的关系

Java中的JDK、JRE和JVM是三个核心概念&#xff0c;其关系可概括为JDK > JRE > JVM&#xff0c;具体如下&#xff1a; 一、定义与作用 JDK&#xff08;Java Development Kit&#xff09; 定义&#xff1a;Java开发工具包&#xff0c;用于开发和编译Java程序。包含内容&…...

Ubuntu22.04.6如何固定ip地址

Ubuntu22.04.6如何固定ip地址 主要参见这篇博客 ubuntu 桌面版如何设置固定IP地址_ubuntu桌面版如何修改ip-CSDN博客 1.先查看一下当前的IP是多少...

腿足机器人之十- SLAM地图如何用于运动控制

腿足机器人之十- SLAM地图如何用于运动控制 腿足机器人SLAM地图的表示与处理全局路径规划&#xff1a;地形感知的路径搜索基于A*的三维路径规划基于RRT*的可行步态序列生成 局部运动规划&#xff1a;实时步态调整与避障动态窗口法的腿足适配模型预测控制&#xff08;MPC&#x…...

毕业项目推荐:基于yolov8/yolov5/yolo11的果蔬检测识别系统(python+卷积神经网络)

文章目录 概要一、整体资源介绍技术要点功能展示&#xff1a;功能1 支持单张图片识别功能2 支持遍历文件夹识别功能3 支持识别视频文件功能4 支持摄像头识别功能5 支持结果文件导出&#xff08;xls格式&#xff09;功能6 支持切换检测到的目标查看 二、数据集三、算法介绍1. YO…...

pyside6学习专栏(二):程序图像资源的加载方式

pyside6中的QLabel控件可以加载图像和gif动画&#xff0c;可以直接从外部文件加载&#xff0c;也可以从QRC类型的文件(实际是一脚本文件)经编绎生成对应的资源.PY模块文件(就是将qrc文本中指定的资源文件的16制内容写入.py文件)来使用&#xff0c;本文对两种方式作了一简单的示…...

vue2和vue3的按需引入的详细对比通俗易懂

以下是 Vue2 与 Vue3 按需引入的对比详解&#xff0c;用最简单的语言和场景说明差异&#xff1a; 一、按需引入的本质 目标&#xff1a;只打包项目中实际用到的代码&#xff08;组件、API&#xff09;&#xff0c;减少最终文件体积。类比&#xff1a;去餐厅点餐&#xff0c;只…...

JAVA:Gson:序列化和反序列化

Gson 是 Google 提供的一个用于在 Java 中方便地进行 JSON 与对象互相转换的库。 Gson 并不是 Android Studio&#xff08;AS&#xff09;专用的库&#xff0c;它是一个 通用的 Java JSON 解析库&#xff0c;可以在 任何 Java 项目 中使用。基本用法如下&#xff1a; 1. 把 Ja…...

如何在 VS Code 中快速使用 Copilot 来辅助开发

在日常开发中&#xff0c;编写代码往往是最耗时的环节之一。而 GitHub Copilot&#xff0c;作为一款 AI 编码助手&#xff0c;可以帮助开发者 自动补全代码、生成代码片段&#xff0c;甚至直接编写完整的函数&#xff0c;大幅提升编码效率。那么&#xff0c;如何在 VS Code 中快…...

PyCharm 中的 %reset -f 功能:一键重置控制台变量

在 PyCharm 的日常使用中&#xff0c;我们经常需要在控制台中测试和运行各种代码片段。随着时间的推移&#xff0c;控制台中会积累大量的变量和输出&#xff0c;这可能会使得环境变得混乱&#xff0c;影响我们的开发效率。为了解决这个问题&#xff0c;IPython 提供了一个非常有…...

DeepSeek-R1论文阅读及本地调用

前言 DeepSeek已经火了一段时间了&#xff0c;对于这项“国运级”的技术成果&#xff0c;即便研究的不是这个方向&#xff0c;也不免好奇前来看看。本文将先解析一下DeepSeek-R1这篇论文&#xff0c;再对DeepSeek的本地部署使用进行研究配置。 论文标题&#xff1a;DeepSeek-…...

自然语言处理:第九十二章 chatBI 经验(转载)

本人项目地址大全&#xff1a;Victor94-king/NLP__ManVictor: CSDN of ManVictor 原文连接: 一文分享 ChatBI 实践经验 写在前面: 笔者更新不易&#xff0c;希望走过路过点个关注和赞&#xff0c;笔芯!!! 写在前面: 笔者更新不易&#xff0c;希望走过路过点个关注和赞&#x…...

体验用ai做了个python小游戏

体验用ai做了个python小游戏 写在前面使用的工具2.增加功能1.要求增加视频作为背景。2.我让增加了一个欢迎页面。3.我发现中文显示有问题。4.我提出了背景修改意见&#xff0c;欢迎页面和结束页面背景是视频&#xff0c;游戏页面背景是静态图片。5.提出增加更多游戏元素。 总结…...