Django之模板层
在一个项目里面有一个专门放模板的文件夹Templates，有一个专门放视图的文件views，而且我们大多给浏览器响应的都应该是一个完整的页面，也就是读取的是一个HTML文件，然后再返回给浏览器。但我们在写HTML文件时，里面关于要从数据库拿数据，或者经常更改的地方又不能写死了，此时就需要用到模板语法了，在HTML文件中写上模板语法，然后在views读取HTML文件时，再对HTML文件中模板语法进行解析，替换。这样即完成解耦，又实现代码的复用性。
一、模板语法中的变量
Templates中的HTML文件:：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>{{ content }}</p>
<p>{{ l1.0 }}</p>
<p>{{ l1.1 }}</p>
<p>{{ d1.name }}</p>
<p>{{ d1.age }}</p>
<p>{{ p1.id }}</p>
<p>{{ p1.hobby }}</p>
<p>{{p1.func}}</p>
</body>
</html>views.py文件：
def test(request):
l1=[1,2,4,6]
d1={'name':'hh','age':20}
content='你好啊，你在哪'
class Person(object):
def __init__(self,id,hobby):
self.id=id
self.hobby=hobby
def func(self):
return 111
p1=Person('xx',30)
return render(request,'test.html',{'content':content,'l1':l1,'d1':d1,'p1':p1})对于变量来说，我们用句点符‘.’，就可以拿到值。引用对象的方法时，拿到的是方法的返回值。
二、模板中的过滤器
<p>{{ value|default:'nothing' }}</p>
默认值过滤器，当value有值时，就用它自己的值，但当value为False或空时，就用默认值‘nothing’<p>{{ value|length }}</p>
返回的是值的长度，字符串、列表可以用，返回数据长度<p>{{ value|filesizeformat }}</p>
返回的是一个很容易读的文件大小，比如文件为123456789字节，输出会是117.7MB<p>{{ value|date:'Y-m-d' }}</p>
如果value=datetime.datetime.now()，返回的是年月日<p>{{ value|slice:'2:5' }}</p>
如果value=‘qwertyu’，返回的就是erty<p>{{ value|truncatechars:9 }}</p>
如果字符串长度大于截断量，就会被截断，截断的字符串将以‘...’结尾，所以实际看到的字符要少三个<p>{{ value|truncatewords:3 }}</p>
这也是截断，但这是按单词数来截断<p>{{ value|safe }}</p>
value=‘<a href=''>点击</a>’,如果没有safe，会把标签转义，比如‘<’转义为'≷'，在浏览器上看到也不是‘<’,而是'≷'，但这样破坏了我想要的形式
但当加上safe之后，他就会原样输出三、模板中的标签
1，for标签，就是遍历每一个元素
{% for item in l1 %}
<p>{{ item }}</p>
{% endfor %}
会遍历l1列表中的每一个元素，然后再放进p标签中{% for foo in l1 reversed %}这样就可以反向遍历了{% for k,v in d1.items %}
<p>{{ k }}:{{ v }}</p>
{% endfor %}
这样就可以循环拿到字典中的key和value{% for item in l1 %}
<p>{{ item }}</p>
<p>{{ forloop.counter }}</p> 得到循环序号，从1开始
<p>{{ forloop.counter0 }}</p> 得到循环序号，从0开始
<p>{{ forloop.revcounter }}</p> 得到循环序号，比如数据长度为5，就从5开始，降序，最后一个为1
<p>{{ forloop.revcounter0 }}</p> 得到循环序号，比如数据长度为5，就从4开始，降序，最后一个为0
<p>{{ forloop.first }}</p> 得到第一个序号
<p>{{ forloop.last }}</p> 得到最后一个序号
{% endfor %}{% for k,v in d1.items %}
<p>{{ k }}:{{ v }}</p>
{% empty %}
<p>没有这个字典，或者字典为空</p>
{% endfor %}
empty的作用就是，当你循环列表或字典时，没有找到或为空时，就返回empty中的内容2，if标签，做判断使用
{% if num > 100 %}
<p>大于100</p>
{% elif num > 50 and num < 100 %}
<p>大于50，小于100</p>
{% else %}
<p>小于50</p>
{% endif %}3，with标签
{% with hobby=p1.hobby %}
<p>{{ hobby }}</p>
{% endwith %}
相当于给一个复杂的东西取个别名，之后用别名就行了4，csrf_token,用于跨站请求伪造保护
<form action="{% url 'log' %}" method="post">
{% csrf_token %}
姓名 <input type="text" name="user">
密码 <input type="password" name="pwd">
<input type="submit">
</form>
</body>
我们之前在以post请求方式提交表单，必须在环境变量中修改设置，这是一种方法，但你这一该，以后所有的post请求都可以提交了，但我不想让所有的都可以提交，只让这一个提交咋办呢
此时我们就不要把环境变量中修改了，只需在form表单里写上{% csrf_token %}就行了四、自定义标签和过滤器
1，在settings中的INSTALLED_APPS配置当前app，不然django无法找到自定义的标签和过滤器，但一般在创建app时，django会自动帮你配置，就不用自己去配置
2，在app中创建templatetags模块（模块名只能是templatetags）
3，创建py文件，如：my_tags.py
from django import template
register=template.library()
@register.filter
def filter_multi(v1,v2):
return v1*v2
@register.simple_tag
def simple_tag_multi(v1,v2):
return v1*v24,在使用使用自定义的之前要导入创建的my_tags.py
{% load my_tags %}5，使用自定义的
{{ num|filter_multi:3 }}
后面只能跟一个参数，可以跟上一个列表，所以在定义时，也只能定义两个参数
{% simple_tag_multi 2 3 %}
可以跟上任意个参数，以空格隔开就行，所以在定义时可以定义多个参数五、继承
我们在浏览网页时，会发现很多网页的大体都一样，比如电影天堂，你点进每个电影的页面时，除了没得电影的内容不一样之外，其他都一样，对于这种情况，我们是不需要每个电影都要完整的写HTML标签，可以先写一个样板，把不一样的地方，或者需要变化的地方写成block，然后在每个电影的HTML文件中再具体在block进行修改就行了，而且每个电影的HTML只需要学变化的地方就行，其他的继承样板的就行。
样板：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title %}
title
{% endblock %}</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<style>
*{
margin: 0;
padding: 0;
}
.head{
width: 100%;
height: 50px;
background-color: indigo;
color: white;
font-size: 30px;
line-height: 50px;
}
</style>
</head>
<body>
<div class="head">爱读书欢迎你</div>
<div>
<div class="left col-md-2">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">菜单</h3>
</div>
<div class="panel-body">
<p><a href="{% url 'shouye' %}">首页</a></p>
<p><a href="{% url 'wenxue' %}">文学</a></p>
<p><a href="{% url 'shige' %}">诗歌</a></p>
<p><a href="{% url 'xiaoshuo' %}">小说</a></p>
</div>
</div>
</div>
<div class="right col-md-10">
{% block content1 %}
<div class="container">
<table class="table table-bordered">
<thead>
<tr>
<th>编号</th>
<th>名字</th>
<th>价格</th>
<th>出版社</th>
<th>作者</th>
</tr>
</thead>
<tbody id="tbody">
{% block content %}
{% endblock %}
</tbody>
</table>
</div>
{% endblock %}
</div>
</div>
</body>
</html>View Code
模板一：这就是一个HTML文件，交给render（）就可以响应到浏览器
{% extends 'model.html' %} 这相当于是把样板的内容复制过来，这必须写在第一句
{% block title %} 这相当于要把样板中block title给替换掉
诗歌
{% endblock %}
{% block content %}
{% for shige in shige_list %}
<tr>
<td>{{ forloop.counter }}</td>
<td>{{ shige.name }}</td>
<td>{{ shige.price }}</td>
<td>{{ shige.printer }}</td>
<td>{{ shige.author }}</td>
</tr>
{% endfor %}
{% endblock content %} 其中的content可以去掉，加上只是为了让人更加清楚看出结束是那个block模板二：
{% extends 'model.html' %}
{% block title %}
文学
{% endblock %}
{% block content %}
{% for wenxue in wenxue_list %}
<tr>
<td>{{ forloop.counter }}</td>
<td>{{ wenxue.name }}</td>
<td>{{ wenxue.price }}</td>
<td>{{ wenxue.printer }}</td>
<td>{{ wenxue.author }}</td>
</tr>
{% endfor %}
{% endblock %}本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019-04-29 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录