Django回顾【三】

news/2024/7/17 4:37:23

目录

一、模板层

1、介绍

2、了解

3、页面静态化

4、模版语法

5、内置过滤器

6、标签

for标签

 if 标签

7、模板导入和继承

模板导入

模板继承


一、模板层

1、介绍

  • 模板在浏览器中是运行不了的 ----》因为它有模板语法  ----》浏览器解析不了模板语法
    • 必须在后端渲染完成(替换完成)  -----》变成纯粹的html,css,js
    • 这种在后端会被渲染的类python语法,它叫模板语法
      • django中它又叫dtl(django template language)

2、了解

python的模板:HTML代码+模板语法

def current_time(req):# ================================原始的视图函数# import datetime# now = datetime.datetime.now()# html = "<html><body>现在时刻:<h1>%s.</h1></body></html>" %now# ================================django模板修改的视图函数from django.template import Template,Contextnow = datetime.datetime.now()# 内部打开了这个模板 ---》读出所有内容,实例化得到了t对象t = Template('<html><body>现在时刻是:<h1>{{current_date}}</h1></body></html>')# t = get_template('current_datetime.html')c = Context({'current_date':str(now)})html = t.render(c)return HttpResponse(html)# 另一种写法(推荐)import datetimenow = datetime.datetime.now()return render(req, 'current_datetime.html', {'current_date':str(now)[:19]})

 总结:

render(request,'模板名字',context={key:value,key1:value})
本质是:
t=Template('<html><body>现在时刻是:<h1>{{current_date}}</h1></body></html>')
c=Context({'current_date':str(now)})
html=t.render(c) # 返回是字符串
HttpResponse(html)

3、页面静态化

  • 把什么页面,做成静态化的?----》访问量高的页面
  • 目的:提高项目并发量,响应速度和效率就高了
  • 把首页静态化
def index(request):
# 1 判断 cache文件夹下有没有index.html   纯静态页面
# 2 如果没有:做下面的事#     books = Book.object.all()#     t = Template('<html><body>现在时刻是:<h1>{{current_date}}</h1></body></html>')#     # t=get_template('current_datetime.html')#     c = Context({'books':books})#     html = t.render(c)# 保存到某个文件中  cache文件夹下 index.html 
# 3 如果有那个文件,打开文件 ---》HttpReponse
books=Book.object.all()
return render(request,'index.html',{books:books})

4、模版语法

变量:{{ 变量名 }}   字典,列表,对象  ----》 通过.拿到属性或方法

  • 字典:dic.name--->这不是python语法  ---->  dic['name']    dic.get('name')
  • 列表:list.2--->这不是python语法   ---->   list[0]
  • 对象:person.name ----> 是python语法
    • person.run ----> 不是python语法,会自动加括号,把run的返回值放在模板中  
    • person.run()不支持传参数
  1. 深度查询 用句点符
  2. 过滤器
  3. 标签:{{% % }} 

5、内置过滤器

<p>{{ now | date:"Y-m-d H:i:s" }}</p>
  • 注意:冒号后面不能加空格
{#如果变量为空,设置默认值,空数据,None,变量不存在,都适用#}
<p>{{ name |default:'数据为空' }}</p>
{#计算长度,只有一个参数#}
<p>{{ person_list |length }}</p>
{#计算文件大小#}
<p>{{ 1024 |filesizeformat }}</p>{#字符串切片,前闭后开,前面取到,后面取不到#}
<p>{{ 'hello world lqz' |slice:"2:-1" }}</p>
<p>{{ 'hello world lqz' |slice:"2:5" }}</p>{#截断字符,至少三个起步,因为会有三个省略号(传负数,1,2,3都是三个省略号)#}
<p>{{ '刘清政 world lqz' |truncatechars:"4" }}</p>
{#截断文字,以空格做区分,这个不算省略号#}
<p>{{ '刘清政   是      大帅比 谢谢' |truncatewords:"1" }}</p>{{s}}   不会渲染成标签,没有xss攻击
{#我们知道s是安全的,我们可以使用safe标签,把它渲染成真正的标签}
<p>{{ link1 }}</p>
<p>{{ link1|safe }}</p>
<p>{{ link }}</p><p>&spades;</p>
<p>{{ dot }}</p>{#add   可以加负数,传数字字符串都可以#}
<p>{{ "10"|add:"-2" }}</p>
<p>{{ li.1|add:"-2" }}</p>
<p>{{ li.1|add:2 }}</p>
<p>{{ li.1|add:"2" }}</p>
<p>{{ li.1|add:"-2e" }}</p>{#upper#}
<p>{{ name|upper }}</p>
<p>{{ 'LQZ'|lower }}</p>

6、标签

for标签

{% for person in person_list %}<p>{{ person.name }}</p>
{% endfor %}# 可以利用{% for obj in list reversed %}反向完成循环。

遍历一个字典:

{% for key,val in dic.items %}<p>{{ key }}:{{ val }}</p>
{% endfor %}

 for … empty

# for 标签带有一个可选的{% empty %} 从句,以便在给出的组是空的或者没有被找到时,可以有所操作。
{% for person in person_list %}<p>{{ person.name }}</p>{% empty %}<p>sorry,no person here</p>
{% endfor %}

 if 标签

# {% if %}会对一个变量求值,如果它的值是True(存在、不为空、且不是boolean类型的false值),对应的内容块会输出。{% if num > 100 or num < 0 %}<p>无效</p>
{% elif num > 80 and num < 100 %}<p>优秀</p>
{% else %}<p>凑活吧</p>
{% endif %}if语句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判断。

7、模板导入和继承

模板导入

语法:{% include '模版名称' %}
<!--little.html  这个是以后要导入的代码块-->
<div><h1>我是广告</h1><p>亚洲最大交友平台</p><p>名字是:{{ name }}---诚信交友</p>
</div>
<!--在index.html 或者 login.html中想用-->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title></head>
<body>
<div>{% include 'little.html' %}<!--这个位置引入即可,但是如果little中有模板语法,需要如下--> 
</div>
<hr>
<div>我是div222
</div></body>
</html>
# python代码:
def index(request):return render(request, 'index.html', {'name': '彭于晏'})

模板继承

Django模版引擎中最强大也是最复杂的部分就是模版继承了。模版继承可以让您创建一个基本的“骨架”模版,它包含您站点中的全部元素,并且可以定义能够被子模版覆盖的 blocks 。

<!DOCTYPE html>
<html lang="en">
<head><link rel="stylesheet" href="style.css"/><title>{% block title %}My amazing site{% endblock %}</title>
</head><body>
<div id="sidebar">{% block sidebar %}<ul><li><a href="/">Home</a></li><li><a href="/blog/">Blog</a></li></ul>{% endblock %}
</div><div id="content">{% block content %}{% endblock %}
</div>
</body>
</html>

这个模版,我们把它叫作 base.html, 它定义了一个可以用于两列排版页面的简单HTML骨架。“子模版”的工作是用它们的内容填充空的blocks。

在这个例子中, block 标签定义了三个可以被子模版内容填充的block。 block 告诉模版引擎: 子模版可能会覆盖掉模版中的这些位置。

子模版可能看起来是这样的:

{% extends "base.html" %}{% block title %}My amazing blog{% endblock %}{% block content %}
{% for entry in blog_entries %}<h2>{{ entry.title }}</h2><p>{{ entry.body }}</p>
{% endfor %}
{% endblock %}

extends 标签是这里的关键。它告诉模版引擎,这个模版“继承”了另一个模版。当模版系统处理这个模版时,首先,它将定位父模版——在此例中,就是“base.html”。

那时,模版引擎将注意到 base.html 中的三个 block 标签,并用子模版中的内容来替换这些block。根据 blog_entries 的值,输出可能看起来是这样的:

<!DOCTYPE html>
<html lang="en">
<head><link rel="stylesheet" href="style.css" /><title>My amazing blog</title>
</head><body><div id="sidebar"><ul><li><a href="/">Home</a></li><li><a href="/blog/">Blog</a></li></ul></div><div id="content"><h2>Entry one</h2><p>This is my first entry.</p><h2>Entry two</h2><p>This is my second entry.</p></div>
</body>
</html>

https://www.xjx100.cn/news/3118775.html

相关文章

kubernetes七层负载Ingress搭建(K8S1.23.5)

首先附上K8S版本及Ingress版本对照 Ingress介绍 NotePort&#xff1a;该方式的缺点是会占用很多集群机器的端口&#xff0c;当集群服务变多时&#xff0c;这个缺点就愈发的明显(srevice变多&#xff0c;需要的端口就需要多) LoadBalancer&#xff1a;该方式的缺点是每个servi…

鸿蒙4.0开发笔记之ArkTS装饰器语法基础@Extend扩展组件样式与stateStyles多态样式(十一)

一、Extend扩展组件样式 1、作用 前文提到可以使用Styles用于样式的扩展&#xff0c;在Styles的基础上&#xff0c;ArkTS语法还提供了Extend&#xff0c;⽤于扩展原生组件样式&#xff0c;包括Text、Button等等。 2、定义语法 Extend(UIComponentName) function functionNam…

C# 模拟鼠标操作工具类

写在前面 用WinForm做RPA项目时经常需要模拟鼠标操作&#xff0c;通过调用Windows Api 可以实现控制鼠标的移动、点击以及滚轮滚动&#xff0c;做到跟人工一样的操作。 代码实现 public static class MouseKeyController{[DllImport("user32")]private static exte…

C++面试的一些总结day1:指针和引用的区别

文章目录 指针和引用的区别和作用定义区别作用 指针和引用的区别和作用 定义 指针&#xff1a;指针是一个变量&#xff0c;其值为指向对象的内存地址&#xff0c;而不是值本身。引用&#xff1a;可以理解为对象的别名&#xff0c;是另外一个变量的直接别名&#xff0c;用于创…

虚幻学习笔记7—蓝图接口

一、前言 蓝图接口就是可以在蓝图中实现的接口&#xff0c;有它方便的地方&#xff0c;可以很方便的调用到实现了接口的函数。 二、实现 2.1、创建一个蓝图接口 1&#xff09;可以添加多个函数。 2&#xff09;函数在蓝图接口中只能规定输入和输出参数。 只有输入参数的可以…

详细学习Pyqt5中的5种布局方式

Pyqt5相关文章: 快速掌握Pyqt5的三种主窗口 快速掌握Pyqt5的2种弹簧 快速掌握Pyqt5的5种布局 快速弄懂Pyqt5的5种项目视图&#xff08;Item View&#xff09; 快速弄懂Pyqt5的4种项目部件&#xff08;Item Widget&#xff09; 快速掌握Pyqt5的6种按钮 快速掌握Pyqt5的10种容器&…

PHP+ajax+layui实现双重列表的动态绑定

需求&#xff1a;商户下面有若干个门店&#xff0c;每个门店都需要绑定上收款账户 方案一&#xff1a;每个门店下面添加页面&#xff0c;可以选择账户去绑定。&#xff08;难度&#xff1a;简单&#xff09; 方案二&#xff1a;从商户进入&#xff0c;可以自由选择门店&#…

智能AI问答系统ChatGPT网站系统源码+Midjourney绘画+支持GPT-4-Turbo模型+支持GPT-4图片理解能力

一、AI创作系统 SparkAi创作系统是基于ChatGPT进行开发的Ai智能问答系统和Midjourney绘画系统&#xff0c;支持OpenAI-GPT全模型国内AI全模型。本期针对源码系统整体测试下来非常完美&#xff0c;可以说SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。那么如何搭建部署AI…