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

Django——模板

news 2026/2/10 7:53:06

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

（二）TensorRT-LLM | 模型导出（v0.20.0rc3）

0. 概述 上一节 对安装和使用有个基本介绍。根据这个 issue 的描述&#xff0c;后续 TensorRT-LLM 团队可能更专注于更新和维护 pytorch backend。但 tensorrt backend 作为先前一直开发的工作&#xff0c;其中包含了大量可以学习的地方。本文主要看看它导出模型的部分&#x…...

编程新知 2026/1/24 6:44:11

iPhone密码忘记了办？iPhoneUnlocker，iPhone解锁工具Aiseesoft iPhone Unlocker 高级注册版​分享

平时用 iPhone 的时候&#xff0c;难免会碰到解锁的麻烦事。比如密码忘了、人脸识别 / 指纹识别突然不灵&#xff0c;或者买了二手 iPhone 却被原来的 iCloud 账号锁住&#xff0c;这时候就需要靠谱的解锁工具来帮忙了。Aiseesoft iPhone Unlocker 就是专门解决这些问题的软件&…...

编程新知 2026/1/29 10:22:28

【机器视觉】单目测距——运动结构恢复

ps&#xff1a;图是随便找的&#xff0c;为了凑个封面 前言 在前面对光流法进行进一步改进&#xff0c;希望将2D光流推广至3D场景流时&#xff0c;发现2D转3D过程中存在尺度歧义问题&#xff0c;需要补全摄像头拍摄图像中缺失的深度信息&#xff0c;否则解空间不收敛&#xf…...

编程新知 2026/2/8 3:03:01

在Ubuntu中设置开机自动运行（sudo）指令的指南

在Ubuntu系统中&#xff0c;有时需要在系统启动时自动执行某些命令&#xff0c;特别是需要 sudo权限的指令。为了实现这一功能&#xff0c;可以使用多种方法&#xff0c;包括编写Systemd服务、配置 rc.local文件或使用 cron任务计划。本文将详细介绍这些方法&#xff0c;并提供…...

编程新知 2025/12/23 11:20:24

涂鸦T5AI手搓语音、emoji、otto机器人从入门到实战

“&#x1f916;手搓TuyaAI语音指令 &#x1f60d;秒变表情包大师&#xff0c;让萌系Otto机器人&#x1f525;玩出智能新花样&#xff01;开整&#xff01;” &#x1f916; Otto机器人 → 直接点明主体 手搓TuyaAI语音 → 强调 自主编程/自定义 语音控制&#xff08;TuyaAI…...

编程新知 2026/1/30 16:09:53

【碎碎念】宝可梦 Mesh GO : 基于MESH网络的口袋妖怪 宝可梦GO游戏自组网系统

目录 游戏说明《宝可梦 Mesh GO》 —— 局域宝可梦探索Pokmon GO 类游戏核心理念应用场景Mesh 特性 宝可梦玩法融合设计游戏构想要素1. 地图探索&#xff08;基于物理空间 广播范围&#xff09;2. 野生宝可梦生成与广播3. 对战系统4. 道具与通信5. 延伸玩法 安全性设计 技术选…...

编程新知 2025/12/12 6:01:17

初学 pytest 记录

安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...

编程新知 2026/2/8 21:57:26

在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的？

uni-app 中 Web-view 与 Vue 页面的通讯机制详解 一、Web-view 简介 Web-view 是 uni-app 提供的一个重要组件&#xff0c;用于在原生应用中加载 HTML 页面&#xff1a; 支持加载本地 HTML 文件支持加载远程 HTML 页面实现 Web 与原生的双向通讯可用于嵌入第三方网页或 H5 应…...

编程新知 2025/8/6 2:19:46

推荐 github 项目:GeminiImageApp(图片生成方向，可以做一定的素材)

推荐 github 项目:GeminiImageApp(图片生成方向&#xff0c;可以做一定的素材) 这个项目能干嘛? 使用 gemini 2.0 的 api 和 google 其他的 api 来做衍生处理 简化和优化了文生图和图生图的行为(我的最主要) 并且有一些目标检测和切割(我用不到) 视频和 imagefx 因为没 a…...

编程新知 2026/1/25 10:41:07

A2A JS SDK 完整教程：快速入门指南

目录 什么是 A2A JS SDK?A2A JS 安装与设置A2A JS 核心概念创建你的第一个 A2A JS 代理A2A JS 服务端开发A2A JS 客户端使用A2A JS 高级特性A2A JS 最佳实践A2A JS 故障排除 什么是 A2A JS SDK? A2A JS SDK 是一个专为 JavaScript/TypeScript 开发者设计的强大库&#xff…...

编程新知 2025/12/12 8:42:24