模板渲染
通过views视图函数对html页面进行渲染
标签{{ 变量 }}/标签 {% 逻辑 %} -- 标签
万能的点
<h1>91李业网</h1> <h2>{{ name }}</h2> <h2>{{ d1.items }}</h2> <h2>我是"{ {{ l1.1 }} }"</h2>#三个括号必须加空格 <h2>{{ num }}</h2> <h2>{{ obj.p }}</h2> #如果调用的方法需要显性传参,可以印象传产,sorry用不了 注意点 可以嵌套点 可以自动执行函数
locals()函数会以字典类型返回当前位置的全部局部变量 return render(request,'home.html',locals()) 字典类型的数据传入home.html return render(request,'home.html',{'name':name,})#指定传入html 可以直接拿来引用
过滤器
在模板渲染的基础上进行过滤
注意传值必须 :指定值
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="hello world",还有其他可切片的数据类型
{{value(变量)|slice:"2:-1"}}
date
格式化,如果 value=datetime.datetime.now(
{{ value(变量)|date:"Y-m-d H:i:s"}}
关于时间日期的可用的参数(除了Y,m,d等等)还有很多,有兴趣的可以去查查看看。
safe(识别成标签)
Django的模板中在进行模板渲染的时候会对HTML标签和JS等语法标签进行自动转义,原因显而易见,这样是为了安全,django担心这是用户添加的数据,比如如果有人给你评论的时候写了一段js代码,这个评论一提交,js代码就执行啦,这样你是不是可以搞一些坏事儿了,写个弹窗的死循环,那浏览器还能用吗,是不是会一直弹窗啊,这叫做xss攻击,所以浏览器不让你这么搞,给你转义了。但是有的时候我们可能不希望这些HTML元素被转义,比如我们做一个内容管理系统,后台添加的文章中是经过修饰的,这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本,如果自动转义的话显示的就是保护HTML标签的源文件。为了在Django中关闭HTML的自动转义有两种方式,如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。
我们去network那个地方看看,浏览器看到的都是渲染之后的结果,通过network的response的那个部分可以看到,这个a标签全部是特殊符号包裹起来的,并不是一个标签,这都是django搞得事情。
比如:
value = "点我" 和 value=""
{{ value(变量标签)|safe}}
很多网站,都会对你提交的内容进行过滤,一些敏感词汇、特殊字符、标签、黄赌毒词汇等等,你一提交内容,人家就会检测你提交的内容,如果包含这些词汇,就不让你提交,其实这也是解决xss攻击的根本途径,例如博客园:
truncatechars
如果字符串字符多于指定的字符数量,那么会被截断。截断的字符串将以可翻译的省略号序列(“...”)结尾。
参数:截断的字符数
{{ value|truncatechars:9}} #注意:最后那三个省略号也是9个字符里面的,也就是这个9截断出来的是6个字符+3个省略号,有人会说,怎么展开啊,配合前端的点击事件就行啦
truncatewords
在一定数量的字后截断字符串,是截多少个单词。
例如:‘hello girl hi baby yue ma’,
{{ value|truncatewords:3}} #上面例子得到的结果是 'hello girl h1...' 以空格为分界点
cut
移除value中所有的与给出的变量相同的字符串
{{ value|cut:' ' }}
如果value为‘i love you‘,那么将输出‘iloveyou‘.
join
使用字符串连接列表,{{ list|join:‘, ‘ }},就像Python的str.join(list)**
<h1>{{ name|join:"+"}}</h1>
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 }}
标签
for循环标签
#循环列表等 {% for person in person_list %} <p>{{ person.name }}</p> <!--凡是变量都要用两个大括号括起来--> {% endfor %} #循环字典 {% for key,val in dic.items %} <p>{{ key }}:{{ val }}</p> {% endfor %} #循环字符串 {% for i in name %} <h2>{{ i }}</h2> {% endfor %} #empty {% for person in person_list %} <p>{{ person.name }}</p> <!--凡是变量都要用两个大括号括起来--> {% empty %} <p>没有找到东西!</p> {% endfor %} forloop.counter 当前循环的索引值(从1开始),forloop是循环器,通过点来使用功能 forloop.counter0 当前循环的索引值(从0开始) forloop.revcounter 当前循环的倒序索引值(从1开始) forloop.revcounter0 当前循环的倒序索引值(从0开始) forloop.first 当前循环是不是第一次循环(布尔值) forloop.last 当前循环是不是最后一次循环(布尔值) forloop.parentloop 本层循环的外层循环的对象,再通过上面的几个属性来显示外层循环的计数等 示例: {% for i in d2 %} {% for k,v in d1.items %} <li>{{ forloop.counter }}-- {{ forloop.parentloop.counter }} === {{ k }} -- {{ v }}</li> {% endfor %} {% endfor %}
if判断标签
{% if num > 100 or num < 0 %} <p>无效</p> <!--不满足条件,不会生成这个标签--> {% elif num > 80 and num < 100 %} <p>优秀</p> {% else %} <!--也是在if标签结构里面的--> <p>凑活吧</p> {% endif %} if语句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判断,注意条件两边都有空格。
with(起别名)
方法1 {% with total=business.employees.count %} #注意等号两边不能有空格 {{ total }} <!--只能在with语句体内用--> {% endwith %} 方法2 {% with business.employees.count as total %} {{ total }} {% endwith %}
render
locals 返回当前页面的所有变量 以字典形式展示
模板语法
模板继承
目的是:减少代码的冗余
常用于左侧菜单栏
把父类对应标签直接拿过来使用
{% block content(变量可以随便命名)%} {{block.super}}#延续父类的变量 包裹什么就修改什么 {% endblock %} 可以修改 继承页面{% extends 'base.html' %}
1.创建一个xx.html页面作为模板,其他页面来继承他 2。在母版中定义block块 {% block content %}<!--预留钩子。供其他html页面使用,自定义自己内容> 3 其他子页面继承写法 {% extends 'base.html' %}必须放在页面开头 #相当于继承子页面的声明 4 页面中写和母版中名字相同的block块,从而来显示自定义的内容 {% block content %} <!-- 预留的钩子,共其他需要继承它的html,自定义自己的内容 --> {{ block.super }} #这是显示继承的母版中的content这个快中的内容 这是xx1 {% endblock %}
组件
插件比组件小
1 创建html页面,里面写上自己封装的组件内容,xx.html 2 新的html页面使用这个组件 {% include 'xx.html' %}
组件 直接拿来使用相当于外部引入 但是不能直接修改
{% include 'xx.html' %}
自定义标签和过滤器
注意传值必须一一对应
自定义标签和过滤器都必须创建一个文件夹在文件夹下面的py文件里面写 def 函数
1 在应用下django文件夹下创建一个叫做templatetags的文件夹(名称不能改),在里面创建一个py文件,例如xx.py 2 在xx.py文件中引用django提供的template类,写法 from django import template register = template.Library() #register变量名称不能改
定义过滤器
1 在应用下django文件夹下创建一个叫做templatetags的文件夹(名称不能改),在里面创建一个py文件,例如xx.py 2 在xx.py文件中引用django提供的template类,写法 from django import template register = template.Library() #register变量名称不能改 [email protected]#自定义过滤器的声明,装上这个装饰器解释过滤器了 参数至多两个 def xx(v1,v2): #{{name(外部传参第一个值)|xx(过滤器名称):第二个值}} return v1+"xx"#自定义过滤 返回值 #结果 v1xx 使用: {% load xx %}#开头引用 内容 {{ name|xx:'oo' }}
自定义标签
过程: name是一个值 5是第二个值 #def huxtag(n1(第一个值),n2(第二个值)) 前端:{% huxtag name 5 %} # 自定义标签 没有参数个数限制 后端:@register.simple_tag def huxtag(n1,n2): #冯强xx '牛欢喜' ''' :param n1: 变量的值 name前面的 :param n2: 对应5传的参数 如果不需要传参,就不要添加这个参数 :return: ''' return n1+n2
自定义标签的一种
执行过程: 1.通过urls的函数返回li.html 2.执行到{% res name %}开始执行res自定义标签 3.把name值传给result.html 4.最后把渲染过标签返回给li.html(通过res函数处理过的数据) #li.html写法 ''' {% load xx %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {% res name %} </body> </html> ''' #result.html页面代码 ''' <body> {% for i in li %} <div>{{ i }}</div> {% endfor %} </body> ''' # inclusion_tag 返回html片段的标签 @register.inclusion_tag('result.html') def res(n1): #n1 : ['aa','bb','cc'] return {'li':n1 } 使用: html页面 {% res a %}
模板渲染结束替换字符串
url别名和反向解析(别名)
别名写法 url(r'^index2/', views.index,name='index'), #name=别名 反向解析 通过reverse 解析出路径 后端(py文件): from django.urls import reverse reverse('别名') 例如:reverse('index') -- /index2/ html: {% url '别名' %} -- 例如:{% url 'index' %} -- /index2/
带参数的反向解析
后端: from django.urls import reverse reverse('index',args=(10))--/index2/10 html: 带参数的反向解析 {% url '别名' 参数1 参数二 %} 例如 {% url 'index' 10 %}--/index2/10 <a href='/index2/10'>hhh</a> 示例 html页面a标签写法 <a href="{% url 'app01:index' 10 %}">hhh</a> app01下面视图函数(views.py)写法 from django.shortcuts import render,HttpResponse,redirect from django.urls import reverse def ppt(request): return redirect(reverse('app01:index',args=(10))) app01下面路径(urls.py)写法 from django.conf.urls import url,include from django.contrib import admin from app01 import views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^index/(\d+)/',views.index,name="index", url(r'^home/',views.home,name="home"), ]
url命名空间
路由分发 include
路由分发就是把很多的路径分给每个对应app下的页面,便于统一管理
#注意include是模块里面的方法要引用才能发挥作用 1 在每个app下创建urls.py文件,写上自己app的路径 2 在项目目录下的urls.py文件中做一下路径分发,看下面内容 在主文件夹里面的urls分发 from django.conf.urls import url,include from django.contrib import admin urlpatterns = [ # url(r'^admin/', admin.site.urls), #app01/home/直接跳转到对应app01下面的urls url(r'^app01/',include('app01.urls')), url(r'^app02/', include('app02.urls')), ]
命名空间namespace
为了避免url别名冲突 从而产生的一种规则
使用格式: 后端(py文件):reverse('命名空间名称:别名') -- reverse('app01:home') hmtl:{% url '命名空间名称:别名' %} -- {% url 'app01:home' %} from django.conf.urls import url,include from django.contrib import admin django下面的文件夹urls.py写法 urlpatterns = [ # url(r'^admin/', admin.site.urls), url(r'^app01/', include('app01.urls',namespace='app01')),#app01/home/ url(r'^app02/', include('app02.urls',namespace='app02')), ] app01下面的urls.py 写法 from django.conf.urls import url from django.contrib import admin from app01 import views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^home2/', views.home,name="home"), url(r'^index/', views.index,name="index"), url(r'^ppt/', views.ppt,name="ppt1"), ] ''' app01下views.py写法 ''' from django.shortcuts import render,HttpResponse,redirect from django.urls import reverse #render的三个参数 是在html 之前就渲染好了 例如 {"name":name} # 模板X HttpResponse("字符串") 返回一个字符串页面 # Create your views here. def home(request): return render(request,"home2.html") def index(request): return render(request,"index.html") def ppt(request): return redirect(reverse("app01:index"))