Django 之模板层
一. 模板语法传参
1.后端朝前端页面传递数据的方式
第一种: return render(request,'index.html',{'n':n}) 第二种: return render(request,'index.html',locals()) # 将当前所在的名称空间中的名字全部传递给前端页面
2.后端传函数名到前端，会自动加括号调用，但是不支持传参 ; 后端传对象到前端，就相当于打印了这个对象
views.py:
def test(request,n1): def func(): return 'hello' class myclass: def __init__(self,name): self.name=name def bar(self): return 'good' myclass_obj=myclass('bob') print(myclass_obj)
#<app01.views.test.<locals>.myclass object at 0x07617ED0> return render(request,'test.html',locals())
test.py:
<p>{{ func }}</p>
<p>{{ myclass_obj }}</p>
-----------------------------------------------
前端显示:
hello
<app01.views.test.<locals>.myclass object at 0x07617ED0>
3.前端获取后端传过来的容器类型的内部元素 统一采用句点符(.)
字符串:
<p>{{ st }},{{ st.1 }}</p> 数字对应的就是数据的索引 --------------------------------------- 江山代有才人出,山
---------------------------------------
字典:
<p>{{ dic }},{{ dic.items }},{{ dic.keys}}</p>
{% for foo in dic.items %}
{{ foo.1 }}
{% endfor %}
--------------------------------------------------
{'name': 'cat', 'password': '123'}, dict_items([('name', 'cat'), ('password', '123')]), dict_keys(['name', 'password'])
cat 123
4.前端能够调用python后端数据类型的一些不需要传参的内置方法
5.注释
模板语法的注释 不会展示到前端页面:{#调用python自带的内置方法,可以调用不需要传参的一些内置方法#} 原生html的注释
会展示到前端:<!--我是原生的html注释-->
二.模板语法之过滤器
<p>前端统计字符串的长度:{{ s|length }}</p>
def length(value): """Returns the length of the value - useful for lists.""" try: return len(value) except (ValueError, TypeError): return 0
<p>前端获取数据如果是空就返回default后面默认的参数值:{{ flag|default:'你这个东西是个空'}}</p>
def default(value, arg): """If value is unavailable, use given default.""" return value or arg
<p>将数字格式化成表示文件大小的单位:{{ file_size|filesizeformat }}</p>
file_size=10000000
将数字格式化成表示文件大小的单位:9.5 MB
<p>{{ ctime }}</p>
<p>格式化时间(不要加百分号){{ ctime|date:'Y-m-d' }}</p>
import datetime ctime=datetime.datetime.now() ------------------------------------------------- June 11, 2019, 3:58 p.m. 格式化时间(不要加百分号)2019-06-11
<p>字符串的切片操作:{{ res|slice:'0:8' }}</p>
<p>{{ res|slice:'0:8:2' }}</p>
字符串的切片操作:江山代有才人出,
江代才出
<p>截取固定的长度的字符串 三个点也算:{{ s|truncatechars:10 }}</p>
截取固定的长度的字符串 三个点也算:江山代有才人出...
<p>按照空格截取文本内容:{{ res|truncatewords:4 }}</p>
按照空格截取文本内容:江 山 代 有 ...
<p>{{ '莫愁前路无知己'|add:'西出阳关无故人' }}</p>
<p>{{ '123'|add:'321' }}</p>
@register.filter(is_safe=False)
def add(value, arg):
"""Adds the arg to the value."""
try:
return int(value) + int(arg)
except (ValueError, TypeError):
try:
return value + arg
except Exception:
return ''
-------------------------------------
莫愁前路无知己西出阳关无故人
444
前后端取消转义:
前端: str='<h1>我是h1标签</h1>' <p>{{ str|safe }}</p> 后端: from django.utils.safestring import mark_safe xxx = mark_safe('<h1>我是h1标签</h1>')
-----------------------------------------------------------
我是h1标签
三.模板语法之标签
for循环:
for循环 {% for foo in ls%} <p>{{ foo }}</p> <p>{{ forloop }}</p> {% endfor %} -------------------------------------------------- ls=[1,2,3]
if判断:
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 %}
with起别名只在内部作用域生效,原来名称仍生效:
{% with ls.2 as l %}
{{ l }},{{ ls.2 }}
{% endwith %}
四.自定义过滤器,标签,inclusion_tag
1.自定义过滤器
必须做的三件事: 1.在应用名下新建一个名为templatetags文件夹(必须叫这个名字) 2.在该新建的文件夹内新建一个任意名称的py文件 3.在该py文件中需要固定写下面两句代码 from django import template register = template.Library()
@register.filter(name='add') #名字可不取,直接用index def index(a,b): return a+b
test.html:
{% load temp %} {{ 100|add:200 }}
类似前面内容,用后端路由地址打开即可
2.自定义标签
@register.simple_tag def plus(a,b,c): return a+b+c
test.html:
{% load temp %} {% plus 1 2 3 %}
3.自定义inclusion_tag
@register.inclusion_tag('login.html',name='login') #必须要起名字 def login(n): # l = [] # for i in range(n): # l.append('第%s项'%i) l = [ '第%s项'%i for i in range(n)] return {'l':l}
login.html (无其他任何内容,包括head,body等):
<ul> {% for foo in l %} <li>{{ foo }}</li> {% endfor %} </ul>
test.html:
{% load my_tag %}
{% login 5 %}
效果:
五.模板的继承与导入
从bootstrap组件中导入导航条,侧边栏,巨幕等代码来布局页面:
建一个home.html:
urls.py:
url(r'^home', views.home), url(r'^login', views.login), url(r'^reg', views.reg),
views.py:
def home(request): return render(request,'home.html') def login(request): return render(request,'login.html') def reg(request): return render(request,'reg.html')
在点击主页中的login和reg时,应跳到相应页面,但导航条,侧边栏不动,巨幕部分需要改动,改动部分增加block模块:
头部改动cs的block:
中间改动内容的block:
尾部改动js的block:
login.html继承home.html内容,并修改block区域内容:
{% extends 'home.html' %} #继承
{% block content %} #按照父模板中block的名字(content)修改指定区域内容
<h1>登录页面</h1>
{{ block.super }} #沿用home.html中的的block内容
<form action="">
<p><input type="text" class="form-control"></p>
<p><input type="text" class="form-control"></p>
<input type="submit" class="btn btn-success">
</form>
{% endblock %}
reg.html同理操作:
{% extends 'home.html' %}
{% block content %}
<h1>注册页面</h1>
{{ block.super }}
<form action="">
<p><input type="text" class="form-control"></p>
<p><input type="text" class="form-control"></p>
<input type="submit" class="btn btn-danger pull-right">
</form>
{% endblock %}
模板导入( 将一段html当做模块的方式导入到另一个html展示):
{% include '想导入的html文件名' %}
imported.html:
<body> <h1>我是被导入的html</h1> <form action=""> <p><input type="text"></p> <p><input type="text"></p> <input type="submit"> </form> </body>
效果:
静态文件配置:
{% load static %}
<link rel='stylesheet' href="{% static 'css/mycss.css'%}"> # 第一种方式
<link rel='stylesheet' href="{% get_static_prefix %}css/mycss.css"> # 第二种方式
