Django之模板

news2024/11/26 10:26:30

一）模板（T）

什么时候会使用模板呢？
仅对于Django这个框架来说，因为其是默认前后端不分离的框架（前后端不分离值开发时前后端的代码在一起，不通过接口的方式连接，通过模板渲染的方式展示），不分离的情况下，前端的逻辑代码一般默认存放于templates中。
目前大多数公司所采用的开发方式多以前后端分离的方式，只有极少数的项目采用前后端不分离的模式去开发。
相比于前后端不分离，前后端分离更有利于项目的迭代开发，因为项目的开发都多以追去高内聚，低耦合为最终目标，同时，前后端不分离的情况下，如果有一个Bug是前端的问题，这时候改动代码后，后端的代码也需要一起改动发布，对于项目来说，时间成本和运维成本相对较高。
当然，运维平台（TOB）前后端不分离的情况并不少。

1.寻找html模板

我们可以在根目录的setting.py中找到如下的代码：
image.png
其中“DIRS”的代码的作用是将BASE_DIR（项目根目录）和templates目录路径合并成一个完整的路径。然后，这个路径将添加到DIRS列表中，告诉Django在这个目录中查找模板文件。
一般寻找模板时，都会优先去项目根目录寻找，然后再去每个已经注册的app的templates目录找。那么两种存放模板的方式，我们该如何选择：

  • 简单的项目，模板存放于根目录
  • 复杂的项目，模板存放于各app中，公共部分存放于templates目录

注意，在复杂的项目里面，因为是根据APP的注册顺序来查找templates，因此建议在每一个APP下面新建一个文件夹，这个文件夹用来存放APP的templates，视图里面访问该模板，需要去加上文件夹的名。

2.模板处理的本质

渲染指的是在views里面把动态数据传递给模板文件，模板文件通过获取数据到展示出来的过程。
渲染完成后，生成字符串，然后返回给浏览器。
例如在方法定义时，我们传入参数（字典）：
方法：
image.png
html代码：
image.png
PS：在html中使用传递参数的方法：{{ 参数名 }}
效果：
image.png

3.常用语法
a.前置知识
列表推导式–

我们先提出需求，生成一个列表，列表里的元素是1-100，那么一般我们会使用以下代码：

li = []
for i in range(1, 101):
    li.append(i)

print(li)

那么列表推导式可以让我们将这几行代码用一行解决：

li2 = [i for i in range(1, 101)]
print(li2)

那么大概的格式大家可以看出：
列表推导式=[变量表达式 for 变量 in 容器 if 条件判断]
那么我们现在将需求扩大，生成一个列表，里面的元素是1-100的偶数：

li3 = []
for i in range(1, 101):
    if i % 2 == 0:
        li3.append(i)
print(li3)

那么用列表推导式该如何？

li4 = [i for i in range(1, 101) if i % 2 == 0]
print(li4)

原来可以在最后增加if判断。
那么我们再将需求扩大，这次求偶数的平方：

li5 = []
for i in range(1, 101):
    if i % 2 == 0:
        li5.append(i ** 2)
print(li5)

列表推导式：

li4 = [i ** 2 for i in range(1, 101) if i % 2 == 0]
print(li4)

可以看见，我们可以在最开始的变量名进行最后的数据操作。

列表生成器----

列表推导式是一种快速创建列表的方式，而生成器是一种惰性计算的方式。
生成器是一种用于惰性计算的对象，它可以逐个地生成值，而不是一次性生成一整个列表。生成器通过使用yield关键字来定义，它的运行过程中会暂停和恢复，可以节省内存空间。生成器可以通过循环来逐个获取生成的值，也可以使用next()函数来获取下一个值。
为什么会有生成器呢？如果你的硬件不够顶，那么在实际开发的过程中可能会导致数据报错，也就是传说中的死机，例如：

li6 = [i for i in range(10000000000000000000)]
print(li6)

这个代码千万不要运行，我并不保证你需不需要强制重启机器。
那么我们该如何处理这个大问题呢？这就需要用到生成器了：

li6 = (i for i in range(10000000000000000000))
print(li6)
print(next(li6))
print(next(li6))
print(next(li6))
print(next(li6))
print(next(li6))

image.png
image.png
我们仔细观察，可以发现next这个命令，是一个一个，按顺序生成结果。

函数生成器—

简单的一些逻辑需求我们可以采用列表生成器来生成，但是如果涉及到一些复杂的逻辑运算，我们就需要用到函数生成器。那么如果要用到函数生成器，我们就需要介绍yield命令。
yield命令的作用：

  • 当做函数的返回，类似于return
  • 会把函数变成是一个生成器，每次调用的时候都会执行yield
  • return执行之后表示函数结束，yield执行表示函数依然挂起

例如：
image.png
image.png
我们可以发现yield命令和next命令的运行都是逐行运行。

b.在html模板中实现遍历

那么才介绍了的生成器等语法，该如何应用到模板中呢？
我们先在方法中创建一个class对象，
image.png
ps：构造字典的时候，注意 键必须是 不可变数据类型（字符串，元组，整型，浮点型）
相信先前render这个方法大家并没有忘记，我们只需要增加一个参数context，然后定义context的内容是一个字典：
image.png
那么现在数据都准备好了，如何在html模板中使用呢？
image.png
如图所示，name取值context字典中的单个键值对，那么k1和k2两个多键值对的字典如何取值？
用for循环就可，但是不同于python中的for循环，我们需要在for循环的结尾处加上：

{% endfor %}

效果：
image.png
在python中我们遍历字典可以使用values,items,keys等参数去遍历，那么在模板中我们也可以。
image.png
image.png
image.png
当然，唯一的不同是我们需要在字典中再定义一个字典才可以调用。这也是一个需要注意的点。

4.内置函数

当然，django中也有些许内置函数让我们使用，例如upper，lower与date（时间）。
image.png
image.png
image.png
在这里的”|“也就是管道符，大家可以将其与Linux中的管道符联想，两者是大差不差的。

5.自定义模板功能

在这里，自定义模板功能分为三个小功能，也就是三个标签，分别是filter、simple_tag、inclusion_tag三个标签，有什么分别呢？

  1. filter
  • 数据处理，参数：1个
  • 数据处理，if条件
  • 返回数据，非文本
  1. simple_tag
  • 参数无限制
  • 返回文本
  1. inclusion_tag
  • 参数无限制
  • HTML片段
a.filter

在app下新建文件夹名为templatetags，然后新建函数：
image.png
请注意，在这里自定义有一部分代码是固定的：

from django import template

register = template.Library()

如何使用我们自定义的函数呢？
image.png
image.png
可以观察到，我们使用filter标签的方法时，只需要{{函数名}}就可以。
导入我们定义好的py文件，便可以调用其中我们自定义的函数。
image.png
image.png

b.simple_tag

那么simple_tag也分为带参数与不带参数
image.png
这是不带参数，效果如下：
image.png
image.png
可以观察到，在simple_tag中，我们在模板中调用是使用{%函数名%}。
带参数：
image.png
传参时，我们需要使用空格来区分参数。
image.png

3.inclusion_tag

这个标签有些不一样，返回的既不是参数也不是数据，而是经过处理的html代码片段。image.png
我们如果有需要处理的数据，只需要在html片段里进行处理就好，例如我现在需要处理这个name的数据，那么html里就是这样：
image.png
而在调用时，我们只需要{% 方法名 %}就好：
image.png
image.png
这里需要注意，return里的值需要是数组.

6.继承与母版

如果每个类中都有一个同名的方法，而且方法内容一致，这不仅显得代码冗余，也会消耗性能，如何解决呢，我们只需要抽离公共类部分。在python中也有继承的定义：

  • 单继承：一个子类继承一个父类
  • 多层继承：C继承B，B继承A
  • 多继承：C类同时继承A和B类

为什么要继承母版？
在我们实际开发的过程中，大部分的页面代码存在着高度的重复，因此有了继承母版这样的行为。那么编写母版文件，也就是父类，我们一般将其放在项目的templates文件夹中。
在母版文件中我们需要定义block和endblock。
image.png
这继承些什么呢，在block和endlock两个标签中间的代码一概不会继承。也就是：
image.png
那么在需要继承的html代码中我们该如何继承？
image.png
我们只需要开头导入母版，然后在block和endblock两个标签中增加需要的效果：
image.png

7.模板的导入

导入模板文件有以下几个好处：

  1. 重用代码：通过导入模板文件，你可以在多个页面中重用相同的代码块。例如，你可以将网站的页眉和页脚放在单独的模板文件中，并在每个页面中导入它们，这样可以避免在每个页面中重复编写相同的代码。
  2. 维护性：通过将代码块放在独立的模板文件中，可以提高代码的可维护性。如果需要对某个代码块进行修改或修复错误，只需要在模板文件中进行一次修改，所有导入该模板文件的页面都会自动更新。
  3. 可读性：通过将模板文件分割为多个小的代码块，可以提高代码的可读性和可理解性。模板文件中的代码块可以按照功能或逻辑进行组织，使代码更加清晰和易于理解。
  4. 提高开发效率：导入模板文件可以提高开发效率。通过重用和组织代码块，可以减少重复编写相同的代码，节省开发时间。

总而言之，导入模板文件在Django中是一种有效的代码复用和组织方式，能够提高代码的可维护性、可读性和开发效率。
导入格式：

{% include "html代码路径" %}

例如，我在test2.html中继承test3.html的代码：
image.png
image.png
image.png

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1056377.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

七大基于比较的排序算法（JAVA）

七大基于比较的排序算法（JAVA）

目录 冒泡排序 优化： 堆排序 插入排序 希尔排序 归并排序 快速排序 优化 选择排序 排序算法的稳定性： 大小相同的元素在排序前后相对位置相同就称其为稳定的排序。 注：一个本身就是稳定的排序 是可以实现为不稳定的排序的 &#x…
阅读更多...
JavaSE学习之--抽象类,接口,内部类

JavaSE学习之--抽象类,接口,内部类

💕"没有眼泪我们就会迷路，彻底变成石头，我们的心会变成冰凌，吻会变成冰块。"💕 作者：Mylvzi 文章主要内容：JavaSE学习之--抽象类，接口，内部类 目录 一.抽象…
阅读更多...
【牛客网】OR59 字符串中找出连续最长的数字串

【牛客网】OR59 字符串中找出连续最长的数字串

题目 思路 创建两个字符串 temp 和 ret 创建指针i用来遍历字符串通过i遍历字符串,如果遇到数字则将这个数组加到字符串temp中 i,如果遇到字母,则判断temp字符串的长度和ret字符串的长度,如果temp<ret则说明这个字符串不是要的字符串,如果temp>ret则说明此时temp字符串是…
阅读更多...
线性表的链式存储结构——链表

线性表的链式存储结构——链表

一、顺序表优缺点 优点&#xff1a;我们知道顺序表结构简单&#xff0c;便于随机访问表中任一元素&#xff1b; 缺点&#xff1a;顺序存储结构不利于插入和删除&#xff0c;不利于扩充&#xff0c;也容易造成空间浪费。 二、链表的定义 ①&#xff1a;概念&#xff1a; 用一组任…
阅读更多...
springmvc-页面跳转表单标签其他标签tomcat控制台中文乱码问题

springmvc-页面跳转表单标签其他标签tomcat控制台中文乱码问题

1. WEB-INF下页面跳转 容器启动后&#xff0c;如何默认显示web-inf目录下的系统首页。 2. ModelAttribute来注解非请求处理方法 用途&#xff1a;预加载数据&#xff0c;会在每个RequestMapping方法执行之前调用。 特点&#xff1a;无需返回视图&#xff0c;返回类型void 示例…
阅读更多...
【计算机网络黑皮书】应用层

【计算机网络黑皮书】应用层

【事先声明】 这是对于中科大的计算机网络的网课的学习笔记&#xff0c;感谢郑烇老师的无偿分享 书籍是《计算机网络&#xff08;自顶向下方法 第6版&#xff09;》 需要的可以私信我&#xff0c;无偿分享&#xff0c;课程简介下也有 课程连接 目录 应用层网络应用的原理应用架…
阅读更多...
[BJDCTF2020]The mystery of ip

[BJDCTF2020]The mystery of ip

打开环境 点击flag&#xff0c;提示ip&#xff0c;这里确实就比较容易联想到x-forwarded-for 点击hint 这个好像没啥用 使用bp抓包 添加请求头 X-Forwarded-For:1 试一下 发现ip可控 后来查了发现 PHP可能存在Twig模版注入漏洞 参考https://www.cnblogs.com/zzjdbk/p/13…
阅读更多...
Scala第十七章节

Scala第十七章节

Scala第十七章节 scala总目录 文档资料下载 章节目标 了解集合的相关概念掌握Traversable集合的用法掌握随机学生序列案例 1. 集合 1.1 概述 但凡了解过编程的人都知道程序 算法 数据结构这句话, 它是由著名的瑞士计算机科学家尼古拉斯沃斯提出来的, 而他也是1984年图灵…
阅读更多...
ADO连接Access的前期绑定方法实例（下）

ADO连接Access的前期绑定方法实例（下）

【分享成果&#xff0c;随喜正能量】眾生多悲苦&#xff0c;發願‬菩提心。願今天所有聽見我、看見我、憶念我的眾生&#xff0c;因我心而‬生喜悅&#xff01;除消身心的痛苦&#xff01;種下脫解‬的種子&#xff01;願我等‬身心念力所及之處一切眾切‬生因佛得度&#xff0…
阅读更多...
【AI视野·今日CV 计算机视觉论文速览 第258期】Mon, 2 Oct 2023

【AI视野·今日CV 计算机视觉论文速览 第258期】Mon, 2 Oct 2023

AI视野今日CS.CV 计算机视觉论文速览 Mon, 2 Oct 2023 (showing first 100 of 112 entries) Totally 100 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Computer Vision Papers Multi-task View Synthesis with Neural Radiance Fields Authors Shuhong Zheng, Zh…
阅读更多...
Vue的模板语法

Vue的模板语法

Vue的模板语法 Vue 使用一种基于 HTML 的模板语法&#xff0c;使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML&#xff0c;可以被符合规范的浏览器和 HTML 解析器解析。 测试准备 为了方便测试&#xff0c;先将vue-base项…
阅读更多...
【AI视野·今日Robot 机器人论文速览 第四十五期】Mon, 2 Oct 2023

【AI视野·今日Robot 机器人论文速览 第四十五期】Mon, 2 Oct 2023

AI视野今日CS.Robotics 机器人学论文速览 Mon, 2 Oct 2023 Totally 42 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Robotics Papers Learning Decentralized Flocking Controllers with Spatio-Temporal Graph Neural Network Authors Siji Chen, Yanshen Sun, …
阅读更多...
守护进程解析

守护进程解析

什么是守护进程&#xff1f; - 知乎 什么是守护进程&#xff1a;生存期长的一种进程&#xff0c;没有控制终端。它们常常在系统引导装入时启动&#xff0c;仅在系统关闭时才终止。 进程组 &#xff1a; 每个进程除了有一个进程ID之外&#xff0c;还属于一个进程组进程组是一…
阅读更多...
【已解决】opencv 交叉编译 ffmpeg选项始终为NO

【已解决】opencv 交叉编译 ffmpeg选项始终为NO

一、opencv 交叉编译没有 ffmpeg &#xff0c;会导致视频打不开 在交叉编译时候&#xff0c;发现在 pc 端能用 opencv 打开的视频&#xff0c;但是在 rv1126 上打不开。在网上查了很久&#xff0c;原因可能是 交叉编译过程 ffmpeg 造成的。之前 ffmpeg 是直接用 apt 安装的&am…
阅读更多...
LeetCode 周赛上分之旅 #49 再探内向基环树

LeetCode 周赛上分之旅 #49 再探内向基环树

⭐️ 本文已收录到 AndroidFamily&#xff0c;技术和职场问题&#xff0c;请关注公众号 [彭旭锐] 和 BaguTree Pro 知识星球提问。 学习数据结构与算法的关键在于掌握问题背后的算法思维框架&#xff0c;你的思考越抽象&#xff0c;它能覆盖的问题域就越广&#xff0c;理解难度…
阅读更多...
1300*C. Coin Rows（枚举模拟）

1300*C. Coin Rows（枚举模拟）

解析&#xff1a; 两人都绝对聪明&#xff0c;Alice先走&#xff0c;尽量让Bob所能拿的分数最少&#xff0c;Alice有一次往下走的机会&#xff0c;剩余没走过的点正好分为两断断开的区域&#xff0c;所以Bob的最大分数要么在第一格向下或者在最后一列向下。 遍历区间&#xff0…
阅读更多...
笔训day2

笔训day2

选择题 1、输出格式 此题与昨天的题类似&#xff0c;有“-”号时是左对齐&#xff0c;%-m.n m表示宽度&#xff0c;n表示左起取n位数。 2、常量指针和指针常量 //两种都是常量指针 const int *p1; int const *p2; //指针常量 int* const p3 3、字符数组和字符指针 4、函数…
阅读更多...
国庆节看这里，有你意想不到的收货！（建议收藏）

国庆节看这里，有你意想不到的收货！（建议收藏）

计算机视觉研究院专栏 作者&#xff1a;Edison_G “国庆长假&#xff0c;每个人都安耐不住了&#xff0c;但是&#xff0c;在你静心、游玩的时候&#xff0c;还是可以阅读今天的分享&#xff0c;干货满满&#xff01; 公众号ID&#xff5c;ComputerVisionGzq 学习群&#xff5c…
阅读更多...
基于SSM的医院住院综合服务管理系统的设计与实现

基于SSM的医院住院综合服务管理系统的设计与实现

末尾获取源码 开发语言&#xff1a;Java Java开发工具&#xff1a;JDK1.8 后端框架&#xff1a;SSM 前端&#xff1a;采用Vue技术开发 数据库&#xff1a;MySQL5.7和Navicat管理工具结合 服务器&#xff1a;Tomcat8.5 开发软件&#xff1a;IDEA / Eclipse 是否Maven项目&#x…
阅读更多...
数据结构与算法(C语言版)P9---哈夫曼树

数据结构与算法(C语言版)P9---哈夫曼树

1、哈夫曼树的基本概念 &#xff08;1&#xff09;路径&#xff1a;从树中一个结点到另一个结点之间的__分支__构成这两个结点间的路径。 &#xff08;2&#xff09;__结点的路径长度&#xff1a;__两结点间路径上的分支树。 练习&#xff1a;计算下面二叉树结点之间的路径长…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023