Django之模版层
模版层
模板语法符号 {{}} 变量相关 {%%} 逻辑相关css
一.模版语法之传值
- python基本数据类型所有支持传递给html文件
# views.py
def index(request):
# python全部的数据类型都支持传递给html页面
i = 11
f = 11.11
str = 'hello world'
list = [1, 2, 3, 4, 5, 6]
d = {"username": 'jason', 'password': 123, 'hobby': ['read', {'username': ['jason', 'egon']}]}
t = (1, 2, 3, 4, 5, 6, 7,)
se = {1, 2, 3, 4, 5, 6}
b = True
ff = False
# python后端传给前端值的两种方式
# 第一种传值方式
return render(request, 'index.html', {'i':i, 'f':f, 'str': str })
# 第二种传值方式
# 会将当前名称空间全部的变量名都所有传递给html页面
return render(request, 'index.html', locals())
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<p>{{ i }}</p>
<p>{{ f }}</p>
<p>{{ str }}</p>
<p>{{ list }}</p>
<p>{{ d }}</p>
<p>{{ t }}</p>
<p>{{ se }}</p>
<p>{{ b}}</p>
<p>{{ ff }}</p>
</body>
- python后端函数发送到前端html页面
def index(request):
# 写一个示例函数
def func():
print('views')
return render(request, 'index.html', locals())
<!--这下面带#号的注释前端浏览器是不展现的，可是html自身的注释是能够看到的-->
{#<p>{{ i }}</p>#}
{#<p>{{ f }}</p>#}
{#<p>{{ str }}</p>#}
{#<p>{{ list }}</p>#}
{#<p>{{ d }}</p>#}
{#<p>{{ t }}</p>#}
{#<p>{{ se }}</p>#}
{#<p>{{ b}}</p>#}
{#<p>{{ ff }}</p>#}
<p>{{ func }}</p>
因此，当传递函数名的时候，函数名会自动加括号进行执行，展现的只是函数的返回值，若不设置返回值，默认返回Nonehtml
注意：模板语法不支持给函数传参前端
- python后端传递类给前端html页面
from django.shortcuts import render
def index(request):
class MyClass(object):
def get_self(self):
return 'from self'
@staticmethod
def get_func():
return 'from func'
@classmethod
def get_cls(cls):
return 'from cls'
obj = MyClass()
return render(request, 'index.html', locals())
<p>{{ MyClass }}</p>
<p>{{ obj }}</p>
<body>
<p>{{ MyClass.get_cls }}</p>
<p>{{ MyClass.get_func }}</p>
<p>{{ MyClass.get_self }}</p>
<p>{{ obj.get_cls }}</p>
<p>{{ obj.get_func}}</p>
<p>{{ obj.get_self}}</p>
</body>
</html>
一样，传递类名给前端html时候的也会加括号执行获取类的对象,也不支持传参python
- 取值方法
django模板语法取值 只有一种操做方式 经过句点符 .jquery
def index(request):
d = {"username":'jason','password':123,'hobby':['read',{'username':['jason','egon']}]}
")
return render(request,'index.html',locals())
<p>{{ d.hobby.1.username.1 }}</p>
句能够经过多个句点符的方式去获取须要的数据django
二.模版语法之过滤器
- |length:获取长度
- |add:加法运算
- |default:判断是否为空
- |truncatechars:截取字符(指定数量字符中会包括三个点)
- |truncatewords:截取单词(截取指定单词数目，会额外添加三个点)
- |filesizeformat:自动计算文件大小（MB,GB等）
- |slice:切片
- |date:日期格式化
- |safe:转义
过滤器语法：过滤器 |左边的会当作过滤器的第一个参数 过滤器名右边的会当作过滤器的第二个参数bootstrap
from django.shortcuts import render
from datetime import datetime
# 该模块能够帮助后端直接转义前端标签
from django.utils.safestring import mark_safe
# Create your views here.
def index(request):
# python全部的数据类型都支持传递给html页面
i = 11
f = 11.11
s = 'hello world'
str = 'hello world'
list = [1, 2, 3, 4, 5, 6]
d = {"username": 'jason', 'password': 123, 'hobby': ['read', {'username': ['jason', 'egon']}]}
t = (1, 2, 3, 4, 5, 6, 7,)
se = {1, 2, 3, 4, 5, 6}
b = True
ff = False
ff = False
ss = 'kjasdklas ksd;lk akjsdkl da kjda k;lak d k;a dk ska d'
sss = '卡时间 冻结 鲨科 技的 卡拉 手动 卡萨 丁卡'
file_size = 32213213424
ddd = datetime.now()
#能够传入前端转义
res = "<h1>你好啊</h1>"
# 直接传是不会被前端识别并展现到浏览器中的
res1 = "<script>alert(123)</script>"
#能够直接在后端就进行转义
res2 = mark_safe("<h1>你好啊</h1>")
return render(request, 'index.html', locals())
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<p>{{ s|length }}</p>
<p>{{ i|add:10 }}</p> <!--加法运算必须先后都是数字或者字符串-->
<p>{{ b|default:'判断是否为空，获得的是布尔值' }}</p> <!--如有值返回True，没有值返回|右面的参数-->
<p>{{ s|truncatechars:8 }}</p>
<p>{{ ss|truncatewords:3 }}</p>
<p>{{ file_size|filesizeformat }}</p>
<p>{{ s|slice:'0:3:2' }}</p>
<p>{{ ddd|date:'Y年/m月/d日' }}</p> <!--注意time模块时间戳不能够转换-->
<p>{{ res1 }}</p> <!--后端标签语言传入前端是失效的，防止一些恶意脚本攻击-->
<p>{{ res|safe }}</p><!--能够经过safe转义-->
<p>{{ res2 }}</p><!--也能够在前端经过from django.utils.safestring import mark_safe中的mark_safe方法-->
</body>
</html>
先后端取消转义
前端
|safe
后端
from django.utils.safestring import mark_safe
mark_safe('<h1>安全滴</h1>')
总结:前端代码不必定非要在前端页面写,能够在后端写好传递给前端页面使用
这样的话 你就能够利用到后端更加多的逻辑语法
三.模版语法之标签
- 前端for循环中forloop参数
{% for foo in list %}
<p>{{ forloop }}</p>
{% endfor %}
获得下图，能够看到有first，last等方法后端
- 前端if条件
{% for foo in list %}
{% if forloop.first %}
<p>这是第一个值</p>
{% elif forloop.last %}
<p>这是第一个值</p>
{% else %}
<p>{{ foo }}</p>
{% endif %}
{% endfor %}
补充：for循环的对象必须是可迭代对象或者不为空，不然没法执行，能够经过empty方法浏览器
a = []
{% for foo in a %}
{% if forloop.first %}
<p>这是第一个值</p>
{% elif forloop.last %}
<p>这是第一个值</p>
{% else %}
<p>{{ foo }}</p>
{% endif %}
{% empty %}
<p>for循环的对象内没有值</p>
{% endfor %}
keys，vlues，items一样可使用安全
d = {"username": 'jason', 'password': 123, 'hobby': ['read', {'username': ['jason', 'egon']}]}
{% for foo in d.items %}
<p>键值对:{{ foo }}</p>
{% endfor %}
{% for foo in d.keys %}
<p>key:{{ foo }}</p>
{% endfor %}
{% for foo in d.values %}
<p>值:{{ foo }}</p>
{% endfor %}
补充：能够经过with起别名快速获取值
<p>当一个值获取的步骤很是繁琐 可是又须要在不少地方用到 咱们能够用起别名的方式来简化代码</p>
<p>{{ d.hobby.1.username.1 }}</p>
<!--或者经过with起一个别名，就能够快速调用-->
{% with d.hobby.1.username.1 as ag %}
<p>{{ ag }}</p>
{% endwith %}
四.自定义过滤器，标签，inclusion_tag
- 前戏准备工做
1.在应用名下新建一个名字必须叫templatetags文件夹 2.在该文件夹内新建一个任意名称的py文件(eg:mytag) 3.在该文件内 必须先写如下两句代码 from django.template import Library register = Library()
# 自定义过滤器的建立和使用
1.在应用名下新建一个名字必须叫templatetags文件夹
2.在该文件夹内新建一个名称为mytag.py的文件
mytag.py
from django.template import Library
register = Library()
# 自定义过滤器,给过滤器起个名字my_sum
@register.filter(name='my_sum')
def index(a, b):
# 注意此处省略了逻辑校验
return a + b
index.html文件中使用过滤器
<p>自定义过滤器的使用</p>
{#先将自定义的过滤器加载过来#}
{% load mytag %}
<p>{{ 10|my_sum:90 }}</p>
注意：过滤器最多只能传两个参数，即|左右(若是非要传多个参数，能够经过x|name:[1,2,3,4]等方式手动处理)
# 自定义标签的建立和使用
1.在应用名下新建一个名字必须叫templatetags文件夹
2.在该文件夹内新建一个名称为mytag.py的文件
mytag.py
from django.template import Library
register = Library()
# 自定义标签
@register.simple_tag(name='my_simpletag')
def newtag(a, b, c, d):
return '%s?%s?%s?%s'%(a, b, c, d)
index.html文件中使用过滤器
<p>自定义标签的使用</p>
{% load mytag %}
<p>{% my_simpletag 1 2 3 4 %}</p>
# 这里能够得出：标签是{% %},而且能够传多个参数，过滤器是{{}},只能传两个参数，而且经过simple_tag建立的标签不能做为条件使用for循环和if逻辑语句，而经过filter建立的过滤器就可使用if逻辑语句
# 自定义inclusion_tag的建立和使用
#inclusion_tag的做用：
# 好比在一个html页面上调用一个inclusion_tag,这个inclusion_tag会调用一个函数并生成一些数据，这些数据会放到一个html页面上进行渲染，将渲染好的页面再传回inclusion_tag的位置（相似于函数的装饰器，能够额外添加到某个已经写好的html页面
# 第一步：自定义inclusion_tag
@register.inclusion_tag('demo.html',name='my_name')
def index1(n):
list1 = []
for i in range(n):
list1.append(i)
# 将列表数据传递给demo.html
# 注意用locals传的时候是传所有变量
return locals()
#或者使用字典的形式是指定参数传值
# return {'list':list}
# 第二步，能够新建一个demo.html文件接收数据(只须要部分能实现功能的代码就好)
<div>
{% for foo in list1 %}
<li>{{ foo }}</li>
{% endfor %}
</div>
# 第三步：调用inclusion_tag
<p>自定义inclusion_tag的使用</p>
{% load mytag %}
{% my_name 10 %}
五.模版的继承和导入
- 继承
模板的继承
某一个页面大部分区域都是公用的 那这个页面就能够做为模板页面
当别人继承这个页面以后 如何修改对应的区域
先在模板页面上经过block实现划定区域
{% block content %}
模板页面内容
{% endblock %}
子页面中先导入整个模板
{% extends '模板页面.html'%}
修改特定的区域 经过实现划定好的区域名称
{% block content %}
子页面内容
{% endblock %}
一般状况下 模板页面页面应该起码有三块区域
{% block css %}
模板页面内容
{% endblock %}
{% block content %}
模板页面内容
{% endblock %}
{% block js %}
模板页面内容
{% endblock %}
# 模板的block块越多 可扩展性越高
还支持子页面调用父页面对应区域的内容 而且能够无限次调用
{{ block.super }}
- 导入
模板的导入
将html页面当作模块使用 哪里须要导哪里 这个html页面一般都不是完整的 只是一个局部样式
{% include 'left.html' %}
相关文章
- 1. Django--模版层
- 2. Django之模板层
- 3. Django之模型层
- 4. Django之模型层（1）
- 5. Django学习之模板层
- 6. Django之模型层（2）
- 7. Django框架之模板层
- 8. django——模型层之单表
- 9. Django模块之jinja2模版
- 10. Django之路——6 Django的模型层（一）
- 更多相关文章...
- • ionic 背景层 - ionic 教程
- • MySQL的版本以及版本号 - MySQL教程
- • 委托模式
- • 互联网组织的未来：剖析GitHub员工的任性之源
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. python的安装和Hello，World编写
- 2. 重磅解读：K8s Cluster Autoscaler模块及对应华为云插件Deep Dive
- 3. 鸿蒙学习笔记2（永不断更）
- 4. static关键字 和构造代码块
- 5. JVM笔记
- 6. 无法启动 C/C++ 语言服务器。IntelliSense 功能将被禁用。错误: Missing binary at c:\Users\MSI-NB\.vscode\extensions\ms-vsc
- 7. 【Hive】Hive返回码状态含义
- 8. Java树形结构递归（以时间换空间）和非递归（以空间换时间）
- 9. 数据预处理---缺失值
- 10. 都要2021年了，现代C++有什么值得我们学习的？
欢迎关注本站公众号,获取更多信息
相关文章
- 1. Django--模版层
- 2. Django之模板层
- 3. Django之模型层
- 4. Django之模型层（1）
- 5. Django学习之模板层
- 6. Django之模型层（2）
- 7. Django框架之模板层
- 8. django——模型层之单表
- 9. Django模块之jinja2模版
- 10. Django之路——6 Django的模型层（一）