当前位置 : 主页 > 网页制作 > html >

template模板语言

来源:互联网 收集:自由互联 发布时间:2021-06-12
模板渲染 通过views视图函数对html页面进行渲染 标签{{ 变量 }}/标签 {% 逻辑 %} -- 标签 万能的点 h191李业网/h1h2{{ name }}/h2h2{{ d1.items }}/h2h2我是"{ {{ l1.1 }} }"/h2#三个括号必须加空格h2{{ num }}

模板渲染

通过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搞得事情。

    img

比如:

value = "点我" 和 value=""

{{ value(变量标签)|safe}}

    很多网站,都会对你提交的内容进行过滤,一些敏感词汇、特殊字符、标签、黄赌毒词汇等等,你一提交内容,人家就会检测你提交的内容,如果包含这些词汇,就不让你提交,其实这也是解决xss攻击的根本途径,例如博客园:

    img

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"))
网友评论