当前位置： 首页 > news >正文

Django——模板

news 2026/4/12 1:48:29

Django——模板

Django 提供一种动态生成 HTML 页面 —— 模板

1、模板语言

模板语言(DTL): 变量 ， 注释 ， 标签 ， 过滤器 ， 模板继承

1、变量

<body>
<!-- 这个是前端中的注释 -->
{# 这种是Django中模板语言的注释 #}
<div style="color: red"><p>变量</p><p>姓名：{{ name }}</p><p>年龄：{{ age }}</p><p>性别：{{ gender }}</p>
</div>
<div style="color: blue"><p>调用函数</p><p>{{ demo }}</p><p>调用类</p><p>{{ Demo.name }}</p><p>{{ Demo.eat }}</p><p>调用对象</p><p>{{ ek.name }}</p><p>{{ ek.eat }}</p>
</div>
<div><p>列表</p><p>{{ ll }}</p><p>通过下标获取列表中的数据</p><p>{{ ll.1 }}</p>
</div>
</body>

def template_view(request):name = '阿宸'age = 17gender = '男'# 可以将函数，类传递到 html 模板中def demo():return '你好呀'class Demo:def __init__(self):self.name = '尔康'def eat(self):return "等下一起去吃KFC"ek = Demo()ll = ['叶晓春','樱岛麻衣','境界']return render(request , 'template_demo.html' , locals())

2、过滤器

过滤器的格式：{{ 变量名|过滤器名称:数据}}

<body>
<div style="color: red"><p>default 过滤器</p><p>当变量为空或者为 False 的时候响应为设置的默认值</p>{{ sex | default:'靓仔' }}<br>{{ age | default:'18' }}
</div>
<div style="color: green"><p>length 过滤器</p><p>返回变量的长度</p>{{ name | length }}<br>{{ ll | length }}
</div>
<div style="color: black"><p>safe 过滤器</p><p>可以将带有 html 标签的字符串进行格式转换 </p>{{ name | safe }}<br>{{ html_str }}{{ html_str | safe }}
</div>
<div style="color: #096"><p>rendom 过滤器</p><p>在指定的列表中随机获取一个数据</p>{{ ll | random }}
</div>
</body>

自定义过滤器

在应用下创建 templatetags 包 ， 在这个包内创建一个 py 文件

from django import templateregister = template.Library()# 自定义过滤器
# name 是定义过滤器名称的
@register.filter(name='max_number')
def num(num_1 , num_2):return max(num_1 , num_2)

<div style="color: #096"><p>自定义过滤器</p>{# 导入自定义过滤器的模块 #}{% load mytag %}{{ age | max_number:27 }}
</div>

3、流程控制

if 判断

{% if 判断条件 %}
……
{% elif 判断条件 %}
……
{% else %}
……
{% endif %}

for 循环

{% for 变量名 in 可迭代对象 %}
……
{% endfor %}

<p>if 判断</p>
{% if age > 18 %}<div style="color: red">{{ name }}</div>
{% else %}<div style="color: pink">{{ gender }}</div>
{% endif %}
<div><p>for 循环</p>{% for i in ll %}{# forloop 循环信息 #}
{#        {{ forloop }}#}<li>{{ forloop.counter0 }}:{{ i }}</li>{% endfor %}
</div>

4、include 标签

include 标签用户模板的包含

<div style="color: blue"><p>模板A</p><p>作者：{{ name }}</p><p>籍贯：{{ add }}</p><p>联系地址：{{ tel_addr }}</p>
</div>

<div>{#  {% include 'include_demo.html' %} #}{#  {% include 'include_demo.html' with 导入模板参数 %} #}{% include 'include_demo.html'  with  name='ac' add='广东' tel_addr='广州天河花城大道'%}
</div>

5、自定义 inclusion_tag

制作局部的 html 标签

局部标签中的内容需要通过模板引擎来制作

# 自定义 inclusion_tag
# inclusion_tag 制定局部标签在哪一个文件中
@register.inclusion_tag('tag.html')
def tag_demo():ls = ['？：','境界','樱岛麻衣','。。','叶晓春']return locals()

<ul>{% for l in ls %}<li>{{ l }}</li>{% endfor %}
</ul>

<div>{% load mytag %}{# 使用自定义的局部标签 ， 标签的名称就是自定义标签的函数名 #}{% tag_demo %}
</div>

6、模板继承

子模板继承语法： {% extends '父模板文件名' %}

重写模板：{% block 名称 %}{% endblock 名称 %} 被这个标签包含的 ， 子模板可以重写

<body>
<div><p>阿宸好帅</p>
</div>{% block content %}
<div><p>等下那个一起去吃KFC</p><p>尔康、樱岛麻衣</p>
</div>
{% endblock content %}<div>
{% block neiron %}
{% endblock neiron %}
</div></body>

{# 继承模板页面 #}
{% extends 'f_extend.html' %}{# 重写父模板中的内容 #}
{% block content %}
<div><p>樱岛麻衣:我还有倒三角</p>
</div>
{% endblock content %}{% block neiron %}<p>境界:看回放辣眼睛</p>
{% endblock %}

相关文章：

Django——模板

Django——模板 Django 提供一种动态生成 HTML 页面 —— 模板 1、模板语言 模板语言(DTL): 变量 &#xff0c; 注释 &#xff0c; 标签 &#xff0c; 过滤器 &#xff0c; 模板继承 1、变量 <body> <!-- 这个是前端中的注释 --> {# 这种是Django中模板语言的…...

编程日记 2024/3/11 21:34:39

角蜥优化算法 （Horned Lizard Optimization Algorithm ，HLOA）求解无人机路径优化

一、无人机路径规划模型介绍 无人机三维路径规划是指在三维空间中为无人机规划一条合理的飞行路径，使其能够安全、高效地完成任务。路径规划是无人机自主飞行的关键技术之一，它可以通过算法和模型来确定无人机的航迹，以避开障碍物、优化飞行时间和节省能量消耗。 二、算法介…...

编程日记 2024/3/11 21:27:33

Windows下 OracleXE_21 数据库的下载与安装

Oracle 数据库的下载与安装 数据库安装包下载数据库安装访问数据库进行测试Navicat连接数据库 1. 数据库安装包的下载 1.1 下载地址 Oracle Database Express Edition | Oracle 中国 1.2 点击“下载 Oracle Database XE”按钮&#xff0c;进去到下载页面&#xff08;选择对…...

编程日记 2024/3/11 21:26:32

新手如何快速上手学习单片机？

读者朋友能容我&#xff0c;不使博文负真心 新开专栏&#xff0c;期待与诸君共享精彩 个人主页&#xff1a;17_Kevin-CSDN博客 专栏&#xff1a;《单片机》 学习单片机是一个有趣且有挑战性的过程。单片机是一种微控制器&#xff0c;广泛应用于各种电子设备和嵌入式系统中。在这…...

编程日记 2024/3/11 21:23:28

grpc的验证器

简介 在使用grpc库时候 ,很多时候我们需要对反序列化的参数进行校验,代码中有很多参数校验的代码&#xff0c;如果手动实现&#xff0c;会非常繁琐&#xff0c;对于grpc来说&#xff0c;在定义proto的时候使用直接定义参数的限制规则是一种更合理、更优雅的方式&#xff0c;插…...

编程日记 2024/3/11 21:21:26

无法找到concrt140.dll怎么办?concrt140.dll丢失的5种解决方法

在我们使用计算机的时候&#xff0c;偶尔会遭遇一些技术问题&#xff0c;其中一个比较常见的问题就是出现了"丢失concrt140.dll文件"的提示。当我们的电脑告诉我们缺少了concrt140.dll文件时&#xff0c;常常是因为某些程序无法找到这个文件而导致了程序的运行异常。…...

编程日记 2024/3/11 21:15:20

Elasticsearch 分享

一、Elasticsearch 基础介绍 ElasticSearch 是分布式实时搜索、实时分析、实时存储引擎&#xff0c;简称&#xff08;ES)&#xff0c; 成立于2012年&#xff0c;是一家来自荷兰的、开源的大数据搜索、分析服务提供商&#xff0c;为企业提供实时搜索、数据分析服务&#xff0c;…...

编程日记 2024/3/11 21:12:16

cpu masks的初始化

在内核中&#xff0c;有几个位图变量是用作标识cpu数量和状态的&#xff0c;它们分别是&#xff1a; 变量名称用途循环所使用的宏cpu_possible_mask系统中有多少个可以运行的cpu核for_each_possible_cpucpu_present_mask系统中有多少个可处于运行状态的cpu核for_each_present_…...

编程日记 2024/3/11 21:11:15

【软件测试面试】银行项目测试面试题+答案（二）

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 面试题&#xff1…...

编程日记 2024/3/11 21:07:11

视频极速切割无损工具免费版，亲测好用！

问题描述 最近想兼职做自媒体&#xff0c;最初想法是想把视频资源下载到本地&#xff0c;本地做一些剪辑和图文配音发布到自媒体app上&#xff0c;但是要把视频(腾讯视频qlv转mp4看我上一篇文章&#xff0c;也是免费版)切割成一小段的片段用手机剪太费劲了&#xff0c;网上好多…...

编程日记 2024/3/11 21:06:09

LightDB ecpg 支持 exec sql execute ... end-exec【24.1】【oracle 兼容】

LightDB 从24.1 版本开始支持 oracle pro*c 中执行匿名块的语法&#xff08;之前可以通过do 语句执行匿名块&#xff09;&#xff1a; EXEC SQL EXECUTEanonymous block END-EXEC;因为匿名块不是SQL标准的一部分&#xff0c;所以此用法也不存在于SQL标准中。 示例 #include …...

编程日记 2024/3/11 21:03:05

菜品检测，基于YOLOV8

菜品检测&#xff0c;基于YOLOV8NANO&#xff0c;训练得到模型PT&#xff0c;然后转换成ONNX&#xff0c;OPENCV的DNN调用&#xff0c;支持C/PYTHON/ANDROID开发菜品检测&#xff0c;基于YOLOV8&#xff0c;能检测五种菜品&#xff0c;水豆腐、豆腐干、空心菜、豆芽菜、茄子...

编程日记 2024/3/11 21:00:01

前端面试练习24.3.5

webpack相关 项目使用webpack流程 进入一个初始化好的vue项目下载安装webpack相关依赖包/插件 npm install --save-dev webpack webpack-cli webpack-dev-server安装一些相关的loader,比如vue-loader&#xff0c;babel-loader&#xff0c;css-loader等创建webpack.config.js文…...

编程日记 2024/3/11 20:59:00

vim 编辑器

vim 编辑器是什么用途&#xff1f; vim 是一种强大而灵活的文本编辑器&#xff0c;广泛用于开发和系统管理任务。它可以在命令行界面中使用&#xff0c;并提供许多高级编辑功能和快捷键&#xff0c;使用户能够高效地编辑文本文件。 vim 编辑器适用于哪些语言&#xff1f; vim 编…...

编程日记 2024/3/11 20:50:50

docker安装MongoDB脚本

使用docker安装MongoDB只需要按以下步骤执行即可&#xff1a; 一、docker 运行 注意修改默认端口&#xff0c;防止被攻击&#xff1a; docker run -d --name mongo --restartalways -p 25066:28317 -v /usr/local/mongDb/configdb:/data/configdb -v /usr/local/mongDb/db:…...

编程日记 2024/3/11 20:47:48

资料下载-嵌入式 Linux 入门

学习的第一步是去下载资料。 1. 有哪些资料 所有资料分 4 类&#xff1a; ① 开发板配套资料(原理图、虚拟机的映像文件、烧写工具等)&#xff0c;放在百度网盘 ② 录制视频过程中编写的文档、源码、图片&#xff0c;放在 GIT 仓库 ③ u-boot、linux 内核、buildroot 等比较大…...

编程日记 2024/3/11 20:46:46

错误票据 刷题笔记

开数组 读入数据 记录最小值和最大值 每次读入x; 让a[x]; 从最小值开始 向上扫 当扫到a[x]0时候为断号 扫到a[x]>1为重号&#xff1b; 该题的小技巧 未知长度的数据的读入方式 1.首先在头文件敲上 #include<sstream> #include<string> #include<…...

编程日记 2024/3/11 20:45:45

十堰网站建设公司华想科技具有10年的网站制作经验

2018年已经结束了。 华翔科技收到了很多客户的咨询&#xff0c;他们都有一个共同的问题&#xff1a;建一个网站需要多少钱&#xff1f; 但是&#xff0c;我们都会问&#xff1a;您有什么具体需求吗&#xff1f; 大多数人的答案是否定的&#xff0c;他们只是想打听一下价格。 十…...

编程日记 2024/3/11 20:43:43

站库分离技术--反向代理技术-雷池云WAF-给自己搭建一个安全点的网站

文章目录 概要整体架构流程技术名词解释技术细节ssh-ubuntu服务器docker-映射-链接-通信nginx反代mysql设置数据库新密码 小结我的mysql映射目录我的wordpress映射目录 成果展示 概要 新买了一个云服务器&#xff0c;想搭建一个站库分离的wordpress为主的网站&#xff0c;采用d…...

编程日记 2024/3/11 20:42:42

MySQL常见的索引类型介绍

我将为您详细讲解 MySQL 中常见的索引类型&#xff0c;以及它们的使用场景、特点、区别和优势。索引是提高数据库查询性能的关键工具&#xff0c;它可以加速数据检索速度&#xff0c;减少服务器的负担。在 MySQL 中&#xff0c;索引类型主要包括 B-Tree 索引、哈希索引、全文索…...

编程日记 2024/3/11 20:36:34

保姆级 uPyPi 教程｜从 到 ：MicroPython 驱动包一键安装 + 分享全攻略赶

这个代码的核心功能是&#xff1a;基于输入词的长度动态选择反义词示例&#xff0c;并调用大模型生成反义词&#xff0c;体现了 “动态少样本提示&#xff08;Dynamic Few-Shot Prompting&#xff09;” 与 “上下文长度感知的示例选择” 的能力。 from langchain.prompts impo…...

编程新知 2026/4/12 1:28:24

生态研究者的数据工具箱：如何高效获取并利用全国自然保护区边界shp文件

生态研究者的空间数据实战&#xff1a;从自然保护区边界到科学决策的全流程解析 清晨的阳光透过实验室窗户洒在电脑屏幕上&#xff0c;生态学家林教授正在为即将开展的生物多样性研究项目准备基础数据。她深知&#xff0c;精确的自然保护区边界数据是这项研究的基石——它不仅关…...

编程新知 2026/4/12 1:04:10

告别复制粘贴！用WPS表格智能合并拆分数据的3种高阶玩法

WPS表格数据智能处理&#xff1a;3种高阶技巧解放你的双手 每次看到同事还在手动复制粘贴处理数据&#xff0c;我都忍不住想分享几个WPS表格的"黑科技"。作为国内办公软件的佼佼者&#xff0c;WPS表格在数据处理方面其实藏着不少实用功能&#xff0c;特别是针对中文环…...

编程新知 2026/4/11 23:57:31

【单片机】架构设计

以上只是理想架构&#xff0c;或者说和RT-Thread一样&#xff0c;实际做项目往这个上面靠即可。...

编程新知 2026/4/11 23:28:45

一季度收官，AI在交通运输行业表现如何？

公路、铁路、航空、水运&#xff0c;共同构成了这个国家的交通网络。货物经由港口中转&#xff0c;旅客借助铁路和航空流动&#xff0c;城市依靠道路交通维持日常运转。这张网络每天承载着数以亿计的出行和运输需求&#xff0c;任何一个环节的效率与安全&#xff0c;都会影响整…...

编程新知 2026/4/11 23:18:20

使用Alpine配置WSL ssh门户攘

1. 哑铃图是什么&#xff1f; 哑铃图&#xff08;Dumbbell Plot&#xff09;&#xff0c;有时也称为DNA图或杠铃图&#xff0c;是一种用于比较两个相关数据点的可视化图表。 它源于人们对更有效数据比较方式的持续探索。 在传统的时间序列比较中&#xff0c;我们通常使用两条折…...

编程新知 2026/4/11 23:11:56

MATLAB GUI：打造你的专属图像美化工具箱

1. MATLAB GUI图像处理工具箱入门指南 第一次接触MATLAB GUI开发时&#xff0c;我也曾被那些专业术语吓到。但后来发现&#xff0c;用MATLAB做个图像处理工具箱其实比想象中简单得多。就像搭积木一样&#xff0c;把各种功能模块组合起来&#xff0c;就能做出一个实用的图像美化…...

编程新知 2026/4/11 22:18:57

我的OpenClaw使用体验：从怀疑到依赖的“数字员工”

最初接触OpenClaw时&#xff0c;我和许多人一样&#xff0c;抱着怀疑的态度。一个开源项目&#xff0c;真的能成为我口中那个“能干活”的AI助手吗&#xff1f;然而&#xff0c;经过几个月的深度使用&#xff0c;它已经从一个新奇的玩具&#xff0c;变成了我工作流中不可或缺的…...

编程新知 2026/4/11 21:48:12

【紧急预警】AI原生应用上线前必做通信压测：单连接承载＞50路token流+多Agent状态同步时，这3类协议已证实失效

第一章&#xff1a;AI原生软件研发实时通信技术选型 2026奇点智能技术大会(https://ml-summit.org) AI原生软件对低延迟、高吞吐、语义感知的实时通信能力提出全新要求——模型推理流式响应、多模态协同状态同步、边缘-云协同训练反馈闭环等场景&#xff0c;已远超传统Web应用…...

编程新知 2026/4/11 21:31:38

从微观到介观：MCE SIG突破算力瓶颈的DPD算子已开源

从微观到介观&#xff1a;MCE SIG突破算力瓶颈的DPD算子已开源&#xff0c;化工行业深入介观尺度&#xff0c;持续完善AI科学计算能力 作者&#xff1a;张强豪&#xff08;zhangqianghao&#xff09; 指导&#xff1a;黄剑兴&#xff08;huangjianxing&#xff09; 1、为什么…...

编程新知 2026/4/11 21:00:54