模板层
标签
过滤器
自定义标签 过滤器 inclusion_tag
模板的继承
模板的导入
#后期向前端页面传递数据的方式 #第一种 return render(request,'index.html',{'n':n}) #第二种 return render(request,'index.html',locals()) #将当前所在的名称空间中的名字全部传递给前端页面
模板层中支持的写法
{# 取l中的第一个参数 #}
{{ l.0 }}
{# 取字典中key的值 #}
{{ d.name }}
{# 取对象的name属性 #}
{{ person_list.0.name }}
{# .操作只能调用不带参数的方法 #}
{{ person_list.0.dream }}
只需要记两种特殊符号：
{{ }}和 {% %}
变量相关的用{{}}，逻辑相关的用{%%}
后端
from django.shortcuts import render # Create your views here. def index(request): n=6969 s='你好 技术类的 束带结发了 jsddsfjl sdjfl1' # l = ['a', 'b', 'c','d','e','f','g'] l = [] d = {'name':'jason','password':'22','hobby':['看书','学习','琴棋书画']} t = ('观摩','邪魔','容嬷嬷') st ={'python','java','php','golang'} # flag = 123 flag = None def func(): return '你找我干啥？' class Demo(object): def __init__(self,name): self.name = name def func(self): return self.name @classmethod def index(cls): return 'cls' @staticmethod def bar(name,age): return 'bar' def __str__(self): return '大帅比' obj = Demo('jason') print(obj) #<app01.views.index.<locals>.Demo object at 0x00000000042F7908> file_size = 231334 from datetime import datetime ctime = datetime.now() res = 'hello big ba by baj na jam lj' ht = '<h1>我是h1标签</h1>' sr = '<script>alert(123)</script>' from django.utils.safestring import mark_safe xxx = mark_safe('<h1>我是安全的h1</h1>') return render(request,'index.html',locals()) #将当前所在的名称空间中的名字全部传递给前端页面
前端
<p>{{ n }}</p> <p>{{ s }}</p> <p>{{ d }}</p> <p>{{ d.hobby.2 }}</p> <p>{{ t }}</p> <p>{{ t.2 }}</p> <p>{{ st }}</p> <!--集合无序--> <p>{{ flag }}</p> <p>{{ func }}</p> <!--无参函数 会自动加括号调用 --> <p>{{ obj }}</p> <!--<app01.views.index.<locals>.Demo object at 0x0000000004309E10>--> <p>{{ obj.name }}</p> <p>{{ obj.func }}</p> <p>{{ obj.bar }}</p> <!--不支持传参--> <p>{{ obj.index }}</p> <!--类方法绑定给类 不需要手动传入参数--> {#过滤器#} {#调用python自带的内置方法，可以调用不需要传参的一些内置方法#} <!--我是原生的html注释--> #这里的注释可以在前端页面检查看到 <p>前端统计字符串长度{{ s|length }}</p> {#前端统计字符串长度30#} <p>前端获取数据如果是空就返回default后面默认的数值》》》》{{ flag|default:'flag没有值' }}</p> {#前端获取数据如果是空就返回default后面默认的数值》》》》flag没有值#} <p>把数字按照数据转换进制进行转换表示文件大小的单位：{{ file_size|filesizeformat }}</p> {#把数字按照 数据转换进制 进行转换表示文件大小的单位：225.9 KB#} <p>{{ ctime }}</p> {#June 11, 2019, 3:15 p.m.#} <p>格式化时间（不要加百分号）{{ ctime|date:'Y-m-d' }}</p> {#格式化时间（不要加百分号）2019-06-11#} <p>字符串的切片操作：{{ res|slice:'0:8' }}</p> {#hello bi#} <p>{{ res|slice:'0:8:2' }}</p> {#hlob#} <p>截取固定的长度的字符串 四个点也算：{{ s|truncatechars:10 }}</p> {#截取固定的长度的字符串 三个点也算：你好 技术类...#} <p>按照空格截取文本内容：{{ res|truncatewords:4 }}</p> {#按照空格截取文本内容：hello big ba by ...#} <p>{{ s|truncatewords:4 }}</p> {#你好 技术类的 束带结发了 jsddsfjl ...#} <p>{{ 'hhha'|add:'hehheheh' }}</p> {#hhhahehheheh#}
{#重点#}
<p>{{ ht }}</p>
{#<h1>我是h1标签</h1>#}
<p>{{ sr }}</p>
{#<script>alert(123)</script>#}
<p>{{ ht|safe }}</p>
{#前端可以识别#}
<p>{{ sr|safe }}</p>
{#告诉前端是安全的前端可以识别脚本语法#}
<p>{{ xxx }}</p>
{#后端处理好已经是安全的再去发给前端#}
{#标签#}
{% for foo in l %}
{# <p>{{ foo }}</p>#}
{# <p>{{ forloop.counter }}</p>#} for循环次数从1 开始计数
{# <p>{{ forloop.counter0 }}</p>#} for循环次数从0开始计数
{% if forloop.first %}
<p>这是第一次</p>
{% elif forloop.last %}
<p>这是最后一次</p>
{% else %}
<p>{{ foo }}</p>
{% endif %}
{% empty %}
<p>你给我的容器是个空的啊！这怎么玩？</p>
{% endfor %}
{% if flag %}
<p>flag不为空</p>
{% else %}
<p>flag竟然是空的 卧槽</p>
{% endif %}
{% for foo in d.keys %}
<p>{{ foo }}</p>
{% endfor %}
{% for foo in d.values %}
<p>{{ foo }}</p>
{% endfor %}
{% for foo in d.items %}
<p>{{ foo }}</p>
{% endfor %}
{{ d.keys }}
{{ d.values }}
{{ d.items }}
{{ d.hobby.2 }}
{% with d.hobby.2 as h %} #这个是当你这个值用到的很多次的时候可以起别名 但是这个别名只能在with里面使用 原来的方式点语法依然可以使用
{{ h }}
{{ d.hobby.2 }}
{% endwith %}
总结： 后端传函数名到前端，会自动加括号调用，但是不支持传参
后端传对象到前端，就相当于打印了这个对象
前端获取后端传过来的容器类型的内部元素，统一采用句点符号（.）
<p>{{ d.hobby.2 }}</p> 数字对应的就是数据的索引
前端能够调用python后端数据类型的一些不需要传参的内置方法
模板语法的注意：
不会展示到前端的页面：{#调用python自带的内置方法,可以调用不需要传参的一些内置方法#}
原生html的注释
会展示到前端：<!--我是原生的html注释-->
前后端取消转义（*****） 脚本语法 js语法 都能识别
#前端 |safe #后端 from django.utils.safestring import mark_safe xxx= mark_safe('<h1>我是h1标签</h1>')
标签
for循环 {%for foo in l %} <P>{{ foo }}</P> <p>{{ forloop }}</p> {% endfor %} if 判断 {% if flag %} <p>flag不为空</p> {% else %} <p>flag是空</p> {% endif %} 嵌套使用 {% for foo in l %} {% if forloop.first %} <p>这是我的第一次</p> {% elif forloop.last %} <p>这是最后一次了啊</p> {% else %} <p>嗨起来！！！</p> {% endif %} {% endfor %} empty 当你的for循环对象为空的时候会自动走empty代码块的内容 后端: l = None 前端: {% for foo in l %} {% if forloop.first %} <p>这是我的第一次</p> {% elif forloop.last %} <p>这是最后一次了啊</p> {% else %} <p>嗨起来！！！</p> {% endif %} {% empty %} <p>你给我的容器类型是个空啊，没法for循环</p> {% endfor %}
filters过滤器
在Django的模板语言中，通过使用 过滤器 来改变变量的显示。
过滤器的语法： {{ value|filter_name:参数 }}
使用管道符"|"来应用过滤器。
例如：{{ name|lower }}会将name变量应用lower过滤器之后再显示它的值。lower在这里的作用是将文本全都变成小写。
注意事项：
- 过滤器支持“链式”操作。即一个过滤器的输出作为另一个过滤器的输入。
- 过滤器可以接受参数，例如：{{ sss|truncatewords:30 }}，这将显示sss的前30个词。
- 过滤器参数包含空格的话，必须用引号包裹起来。比如使用逗号和空格去连接一个列表中的元素，如：{{ list|join:', ' }}
- '|'左右没有空格没有空格没有空格
Django的模板语言中提供了大约六十个内置过滤器。
default
如果一个变量是false或者为空，使用给定的默认值。 否则，使用变量的值。
{{ value|default:"nothing"}}
如果value没有传值或者值为空的话就显示nothing
length
返回值的长度，作用于字符串和列表。
{{ value|length }}
返回value的长度，如 value=['a', 'b', 'c', 'd']的话，就显示4.
filesizeformat
将值格式化为一个 “人类可读的” 文件尺寸 （例如 '13 KB', '4.1 MB', '102 bytes', 等等）。例如：
{{ value|filesizeformat }}
如果 value 是 123456789，输出将会是 117.7 MB。
slice
切片
{{value|slice:"2:-1"}}
date
格式化
{{ value|date:"Y-m-d H:i:s"}}
可用的参数：
| 格式化字符 | 描述 | 示例输出 |
|---|---|---|
| a | 'a.m.'或'p.m.'（请注意，这与PHP的输出略有不同，因为这包括符合Associated Press风格的期间） |
'a.m.' |
| A | 'AM'或'PM'。 |
'AM' |
| b | 月，文字，3个字母，小写。 | 'jan' |
| B | 未实现。 | |
| c | ISO 8601格式。 （注意：与其他格式化程序不同，例如“Z”，“O”或“r”，如果值为naive datetime，则“c”格式化程序不会添加时区偏移量（请参阅datetime.tzinfo） 。 |
2008-01-02T10:30:00.000123+02:00或2008-01-02T10:30:00.000123如果datetime是天真的 |
| d | 月的日子，带前导零的2位数字。 | '01'到'31' |
| D | 一周中的文字，3个字母。 | “星期五” |
| e | 时区名称 可能是任何格式，或者可能返回一个空字符串，具体取决于datetime。 | ''、'GMT'、'-500'、'US/Eastern'等 |
| E | 月份，特定地区的替代表示通常用于长日期表示。 | 'listopada'（对于波兰语区域，而不是'Listopad'） |
| f | 时间，在12小时的小时和分钟内，如果它们为零，则分钟停留。 专有扩展。 | '1'，'1:30' |
| F | 月，文，长。 | '一月' |
| g | 小时，12小时格式，无前导零。 | '1'到'12' |
| G | 小时，24小时格式，无前导零。 | '0'到'23' |
| h | 小时，12小时格式。 | '01'到'12' |
| H | 小时，24小时格式。 | '00'到'23' |
| i | 分钟。 | '00'到'59' |
| I | 夏令时间，无论是否生效。 | '1'或'0' |
| j | 没有前导零的月份的日子。 | '1'到'31' |
| l | 星期几，文字长。 | '星期五' |
| L | 布尔值是否是一个闰年。 | True或False |
| m | 月，2位数字带前导零。 | '01'到'12' |
| M | 月，文字，3个字母。 | “扬” |
| n | 月无前导零。 | '1'到'12' |
| N | 美联社风格的月份缩写。 专有扩展。 | 'Jan.'，'Feb.'，'March'，'May' |
| o | ISO-8601周编号，对应于使用闰年的ISO-8601周数（W）。对于更常见的年份格式，请参见Y。 | '1999年' |
| O | 与格林威治时间的差异在几小时内。 | '+0200' |
| P | 时间为12小时，分钟和'a.m。'/'p.m。'，如果为零，分钟停留，特殊情况下的字符串“午夜”和“中午”。 专有扩展。 | '1 am'，'1:30 pm' / t3>， |
| r | RFC 5322格式化日期。 | 'Thu, 21 Dec 2000 16:01:07 +0200' |
| s | 秒，带前导零的2位数字。 | '00'到'59' |
| S | 一个月的英文序数后缀，2个字符。 | 'st'，'nd'，'rd'或'th' |
| t | 给定月份的天数。 | 28 to 31 |
| T | 本机的时区。 | 'EST'，'MDT' |
| u | 微秒。 | 000000 to 999999 |
| U | 自Unix Epoch以来的二分之一（1970年1月1日00:00:00 UTC）。 | |
| w | 星期几，数字无前导零。 | '0'（星期日）至'6'（星期六） |
| W | ISO-8601周数，周数从星期一开始。 | 1，53 |
| y | 年份，2位数字。 | '99' |
| Y | 年，4位数。 | '1999年' |
| z | 一年中的日子 | 0到365 |
| Z | 时区偏移量，单位为秒。 UTC以西时区的偏移量总是为负数，对于UTC以东时，它们总是为正。 | -43200到43200 |
safe
Django的模板中会对HTML标签和JS等语法标签进行自动转义，原因显而易见，这样是为了安全。但是有的时候我们可能不希望这些HTML元素被转义，比如我们做一个内容管理系统，后台添加的文章中是经过修饰的，这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本，如果自动转义的话显示的就是保护HTML标签的源文件。为了在Django中关闭HTML的自动转义有两种方式，如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。
比如：
value = "<a href='#'>点我</a>"
{{ value|safe}}
truncatechars
如果字符串字符多于指定的字符数量，那么会被截断。截断的字符串将以可翻译的省略号序列（“...”）结尾。
参数：截断的字符数
{{ value|truncatechars:9}}
truncatewords
在一定数量的字后截断字符串。 按照空格切分
{{ value|truncatewords:9}}
cut
移除value中所有的与给出的变量相同的字符串
{{ value|cut:' ' }}
如果value为'i love you'，那么将输出'iloveyou'.
join
使用字符串连接列表，例如Python的str.join(list)
timesince
将日期格式设为自该日期起的时间（例如，“4天，6小时”）。
采用一个可选参数，它是一个包含用作比较点的日期的变量（不带参数，比较点为现在）。 例如，如果blog_date是表示2006年6月1日午夜的日期实例，并且comment_date是2006年6月1日08:00的日期实例，则以下将返回“8小时”：
{{ blog_date|timesince:comment_date }}
分钟是所使用的最小单位，对于相对于比较点的未来的任何日期，将返回“0分钟”。
timeuntil
似于timesince，除了它测量从现在开始直到给定日期或日期时间的时间。 例如，如果今天是2006年6月1日，而conference_date是保留2006年6月29日的日期实例，则{{ conference_date | timeuntil }}将返回“4周”。
使用可选参数，它是一个包含用作比较点的日期（而不是现在）的变量。 如果from_date包含2006年6月22日，则以下内容将返回“1周”：
{{ conference_date|timeuntil:from_date }}
自定义过滤器必须做的三件事：
#1 在应用名下新建一个名为tmplatetags文件夹（必须叫这个名字） #2 在该新建的文件夹内新建一个任意名称的py文件 #3 在该py文件中需要固定写下面两句代码 from django import template register = template.Library() #自定过滤器 @register.filter(name='XBB') def index(a,b)： return a+b #自定义标签 @register.simple_tag def plus(a,b,c): return a+b+c #自定义inclusion_tag @register.inclusion_tag('login.html',name='login') def login(n): l = ['第%s项'%i for i in range(n)] return {'l':l} #login.html <ul> {% for foo in l %} <li>{{ foo}} </li> {% endfor %} </ul> #调用 #是将自定义的inclusion_tag 返回给它的括号内指定的小页面 在页面渲染好之后 是把这个渲染好的页面返回给调用页面的地方 {% login 5 %}
#注意：要想使用自定义的过滤器 标签 inclusion_tag 必须现在需要使用的html页面加载你的py文件
{% load my_tag%} #这个my_tag就是你tmplatetags文件夹下的py文件
{{ 666|XBB:8}} #过滤器
{% plus 1 2 3 %} #标签
{% login 5 %} #inclusion_tag
for循环
普通for循环
<ul>
{% for user in user_list %}
<li>{{ user.name }}</li>
{% endfor %}
</ul>
for循环可用的一些参数：
| Variable | Description |
|---|---|
forloop.counter |
当前循环的索引值（从1开始） |
forloop.counter0 |
当前循环的索引值（从0开始） |
forloop.revcounter |
当前循环的倒序索引值（从1开始） |
forloop.revcounter0 |
当前循环的倒序索引值（从0开始） |
forloop.first |
当前循环是不是第一次循环（布尔值） |
forloop.last |
当前循环是不是最后一次循环（布尔值） |
forloop.parentloop |
本层循环的外层循环 |
for ... empty
<ul>
{% for user in user_list %}
<li>{{ user.name }}</li>
{% empty %}
<li>空空如也</li>
{% endfor %}
</ul>
if判断
if,elif和else
{% if user_list %}
用户人数：{{ user_list|length }}
{% elif black_list %}
黑名单数：{{ black_list|length }}
{% else %}
没有用户
{% endif %}
当然也可以只有if和else
{% if user_list|length > 5 %}
七座豪华SUV
{% else %}
黄包车
{% endif %}
if语句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判断。
with
定义一个中间变量，多用于给一个复杂的变量起别名。 起的名字只能在with 里面用 原始的变量依然可以使用
注意等号左右不要加空格。
{% with total=business.employees.count %}
{{ total }} employee{{ total|pluralize }}
{% endwith %}
或
{% with business.employees.count as total %}
{{ total }} employee{{ total|pluralize }}
{% endwith %}
csrf_token
这个标签用于跨站请求伪造保护。
在页面的form表单里面写上{% csrf_token %}
注释
{# ... #}
注意事项
1. Django的模板语言不支持连续判断，即不支持以下写法：
{% if a > b > c %}
...
{% endif %}
2. Django的模板语言中属性的优先级大于方法
def xx(request):
d = {"a": 1, "b": 2, "c": 3, "items": "100"}
return render(request, "xx.html", {"data": d})
如上，我们在使用render方法渲染一个页面的时候，传的字典d有一个key是items并且还有默认的 d.items() 方法，此时在模板语言中:
{{ data.items }}
默认会取d的items key的值。
模板的继承与导入
#首先需要再被继承的模块中划分多个区域 {% block 给区域起的名字 %} {% endblock %} #通常情况下一个模板中应该至少有三块 {% block css %} 页面css代码块 {% endblock %} {% block js %} 页面js代码块 {% endblock %} {% block contet %} #注意起的名字不加引号 页面主题内容 {% endblock %}
子板继承模板
#先继承模板所有的内容 {% extends 'home.html' %} #然后根据block块的名字修改指定区域的内容 {% block content %} <form action=""> <p>username:<input type="text" class="form-control"></p> <p>password:<input type="text" class="form-control"></p> </form> {% endblock %}
模板的导入：将一段html当做模块的方式导入另一个html展示
{% include '想导入的html文件名' %}
静态文件相关
{% static %}
{% load static %}
<img src="{% static "images/hi.jpg" %}" alt="Hi!" />
引用JS文件时使用：
{% load static %}
<script src="{% static "mytest.js" %}"></script>
某个文件多处被用到可以存为一个变量
{% load static %}
{% static "images/hi.jpg" as myphoto %}
<img src="{{ myphoto }}"></img>
{% get_static_prefix %}
{% load static %}
<img src="{% get_static_prefix %}images/hi.jpg" alt="Hi!" />
或者
{% load static %}
{% get_static_prefix as STATIC_PREFIX %}
<img src="{{ STATIC_PREFIX }}images/hi.jpg" alt="Hi!" />
<img src="{{ STATIC_PREFIX }}images/hi2.jpg" alt="Hello!" />
静态文件配置
{% load static %} <link rel='stylesheet' href="{% static 'css/mycss.css'%}"> # 第一种方式 <link rel='stylesheet' href="{% get_static_prefix %}css/mycss.css"> # 第二种方式