Django之模板

一)模板(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 templateregister = 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.mzph.cn/news/92879.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Ubuntu 20.04 安装部署 TiDB DM v7.3.0 集群【全网独家】

文章目录 测试环境说明TiDB 单机环境部署DM 集群部署1. 免密设置2. 组件下载3. DM 配置文件模板获取4.DM 配置文件设置5.部署与启动 DM 集群 前言: 放眼全网,我找不出一篇在 Ubuntu 里面搭建 DM 集群的文章,虽然 TiDB 官方推荐使用 CentOS 系…

多线程 - 阻塞式队列

阻塞队列 阻塞队列,也是一个队列 ~~ 先进先出 实际上有一些特殊的队列,不一定非得遵守先进先出的 ~~ 优先级队列(PriorityQueue) 阻塞队列,也是特殊的队列,虽然也是先进先出的,但是带有特殊的功能: 阻塞 如果队列为空,执行出队列操作,就会阻塞.阻塞到另一个线程往队列里添加元…

gitee 远程仓库操作基础(二)

(1)clone远端仓库,本地建立分支推送 (基于远程仓库版本库 本地建立分支开发新功能) git clone gitgitee.com:xxxxx/alsa_test.git git remote add origin gitgitee.com:xxxxx/alsa_test.git进入clone过后路径代码,查看本地分支,发现该项目远程仓库有很多分支 基于…

分布式文件存储系统Minio实战

分布式文件系统应用场景 互联网海量非结构化数据的存储需求电商网站:海量商品图片视频网站:海量视频文件网盘 : 海量文件社交网站:海量图片 1. Minio介绍 MinIO 是一个基于Apache License v2.0开源协议的对象存储服务。它兼容亚马逊S3云存…

【JVM】第四篇 垃圾收集器ParNewCMS底层三色标记算法详解

导航 一. 垃圾收集算法详解1. 分代收集算法2. 标记-复制算法3. 标记-清除算法4. 标记-整理算法二. 垃圾收集器详解1. Serial收集器2. Parallel Scavenge收集器3. ParNew收集器4. CMS收集器三. 垃圾收集底层三色标记算法实现原理1. 垃圾收集底层使用三色标记算法的原因?2. 垃圾…

[Linux 基础] 一篇带你了解linux权限问题

文章目录 1、Linux下的两种用户2、文件类型和访问权限(事物属性)2.1 Linux下的文件类型2.2 基本权限2.3 文件权限值的表示方法(1)字符表示方法(2)8进制数值表示方法 2.4 文件访问权限的相关设置方法(1) chm…

javaee SpringMVC中json的使用

jsp <%--Created by IntelliJ IDEA.User: 呆萌老师:QQ:2398779723Date: 2019/12/6Time: 15:55To change this template use File | Settings | File Templates. --%> <% page contentType"text/html;charsetUTF-8" language"java" %> <%St…

json能够存储图片吗?

JSON 本身并不适合存储图片&#xff0c;因为它是一种轻量级的数据交换格式&#xff0c;易于阅读和编写&#xff0c;同时也易于机器解析和生成。JSON 数据格式简单&#xff0c;只包含键值对&#xff0c;因此它主要用于存储和传输文本数据。 然而&#xff0c;你可以将图片转换为 …

《数据结构、算法与应用C++语言描述》-栈的应用-列车车厢重排问题

列车车厢重排问题 一列货运列车有 n 节车厢&#xff0c;每节车厢要停靠在不同的车站。假设 n个车站从 1 到n 编号&#xff0c;而且货运列车按照从n到1的顺序经过车站。车厢的编号与它们要停靠的车站编号相同。为了便于从列车上卸掉相应的车厢&#xff0c;必须按照从前至后、从…

【吞噬星空】连播两集,尼赫鲁对徐欣动手,罗峰修分身强势复仇

Hello,小伙伴们&#xff0c;我是小郑继续为大家深度解析吞噬星空资讯。 吞噬星空动画第四季定档之后&#xff0c;官方真的是太宠粉了&#xff0c;每天都会公布全新预告情报&#xff0c;无论是外星人物角色&#xff0c;亦或者宇宙星球建模&#xff0c;那都是相当的炸裂。如今更…

Leetcode 450. 删除二叉搜索树中的节点

文章目录 题目代码&#xff08;10.2 首刷看解析&#xff09; 题目 Leetcode 450. 删除二叉搜索树中的节点 代码&#xff08;10.2 首刷看解析&#xff09; class Solution { public:TreeNode* deleteNode(TreeNode* root, int key) {if(!root)return root;if(root->val <…

Apache Derby的使用

Apache Derby是关系型数据库&#xff0c;可以嵌入式方式运行&#xff0c;也可以独立运行&#xff0c;当使用嵌入式方式运行时常用于单元测试&#xff0c;本篇我们就使用单元测试来探索Apache Derby的使用 一、使用IDEA创建Maven项目 打开IDEA创建Maven项目&#xff0c;这里我…

1、【开始】【简介】Qlib:量化平台

【简介】1、Qlib:量化平台 简介框架简介 Qlib是一个面向AI的量化投资平台,旨在实现AI技术在量化投资中的潜力,赋能研究,并创造价值。 通过Qlib,用户可以轻松利用他们的想法来创建更好的量化投资策略。 框架 在模块层,Qlib 是由上述组件组成的平台。这些组件被设计为低耦…

1.基本概念 进入Java的世界

1.1 Java的工作方式 1.2 Java的程序结构 类存于源文件里面&#xff0c;方法存于类中&#xff0c;语句&#xff08;statement&#xff09;存于方法中 源文件&#xff08;扩展名为.java&#xff09;带有类的定义。类用来表示程序的一个组件&#xff0c;小程序或许只会有一个类…

Flutter笔记:手写一个简单的画板工具

Flutter笔记 手写一个简单的画板工具 作者&#xff1a;李俊才 &#xff08;jcLee95&#xff09;&#xff1a;https://blog.csdn.net/qq_28550263 邮箱 &#xff1a;291148484163.com 本文地址&#xff1a;https://blog.csdn.net/qq_28550263/article/details/133418742 目 录 1…

localStorage实现历史记录搜索功能

&#x1f4dd;个人主页&#xff1a;爱吃炫迈 &#x1f48c;系列专栏&#xff1a;JavaScript &#x1f9d1;‍&#x1f4bb;座右铭&#xff1a;道阻且长&#xff0c;行则将至&#x1f497; 文章目录 为什么使用localStorage如何使用localStorage实现历史记录搜索功能&#xff08…

shell脚本学习笔记

shell脚本重点记录 判断文件或者文件夹是否存在 if [ ! -d "log" ];thenchmod 707 $file1一个文件的权限包括读取、写入、执行&#xff0c;权限范围包含所有者、所属组、其他人&#xff0c;可以通过数字或者字母描述一个文件的权限&#xff1a;读取权限对应r或4&a…

【办公自动化】在Excel中按条件筛选数据并存入新的表(文末送书)

&#x1f935;‍♂️ 个人主页&#xff1a;艾派森的个人主页 ✍&#x1f3fb;作者简介&#xff1a;Python学习者 &#x1f40b; 希望大家多多支持&#xff0c;我们一起进步&#xff01;&#x1f604; 如果文章对你有帮助的话&#xff0c; 欢迎评论 &#x1f4ac;点赞&#x1f4…

OpenHarmony Trace的使用

背景&#xff1a; 近期很多开发者反馈OpenHarmony三方库Imageknife有性能问题&#xff1a;连续拖动很多张图片时&#xff0c;界面有明显的卡顿现象。 因为对这个三方库的源码并不了解&#xff0c;因此需要了解目前Imageknife渲染花费了多少时间&#xff0c;最初想的是只有通过…

Numpy

一 、Numpy初级 1.1 安装numpy 2.2 Numpy操作数组 jupyter扩展插件&#xff08;用于显示目录&#xff09; 1、pip install jupyter_contrib_nbextensions -i https://pypi.tuna.tsinghua.edu.cn/simple 2、pip install jupyter_nbextensions_configurator -i https://pypi.tu…