零基础入手Django(四)：模版标签和模版的继承引用
今天，小叮当继续为大家分享Django干货。主要内容有：端口占用问题的解决、常用标签、模版的继承与引用。
一、端口占用问题的解决
如果我们在运行Django服务时，不小心启动了两次服务，例如点了两次运行，那么第二次运行就会出现”端口占用的问题“。（也有可能是端口被其他进程所占用）
此时我们有两种解决办法：
（1）在pycharm中关闭一个启动的服务。
在pycharm的侧边栏点击“红叉"即可。
关闭后，重启服务即可。
（2）使用xshell在ubuntu服务器中杀死进程
使用命令查看当前有哪些进程
ps aux在xshell中运行
根据虚拟环境找到与Django相关的进程
使用命令”kill -9 进程号“杀死进程。例如，杀死进程10145
kill -9 10145在xhell中执行后再次使用ps aux查看，发现进程已被杀死
杀死进程后，重启服务即可。
另一个值得注意的现象是，在Django中，一个对象后加一个逗号，则会被认为是一个元组。
例如当视图函数render后不小心加上一个逗号后，系统便会将其当是一个元组，因为render返回的是一个对象。
def static_test(request): return render(request,'movie/static_test.html'),
在浏览器中访问,便会报错
二、常用标签
定义
标签在渲染的过程中提供任意的逻辑。
这个定义是刻意模糊的。 例如，一个标签可以输出内容，作为控制结构，例如“if”语句或“for”循环从数据库中提取内容，甚至可以访问其他的模板标签。
2.语法
标签语法: 由%}和 {% 来定义的，例如：{%tag%} {%endtag%}
3.常用标签总结
1if/elif/else：可以使用and/or/in/not/==/!=/<=/>=,来进行判断。
2ifequal/ifnotequal
3for...in...:和python中for...in...是一样的用法。
4forloop.counter:当前迭代次数，下标从1开始。1，2，3
5forloop.counter0:当前迭代次数，下标从0形如。0，1，2
6forloop.revcounter:跟forloop.counter一样，下标从大到小。3，2，1
7forloop.revcounter0:跟forloop.counter0一样，下标从大到小。2，1，0
8forloop.first:返回bool类型，如果是第一次迭代，返回true,否则返回false
9forloop.last:返回bool类型，如果是最后一次迭代，返回true,否则返回false
10forloop.parentloop:如果发生多层for循环嵌套，那么这个变量返回的是上一层的for
11for...in...empty:如果没有数据，跳转到empty中。
12load:加载第三方标签。最常用的是｛%load static%｝
13url:返回一个命名了的URL的绝对路径。
14with:缓存变量。
15autoescape:开启和关闭自动转义。（1）环境准备
①在templates文件夹下movie中新建"tag_test.html"文件
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模板标签</title>
</head>
<body>
</body>
</html>
②在movie下的views.py中新建视图函数
def tag_test(request): return render(request,'movie/tag_test.html')
③在movie下的urls.py中配置路由
path('tag/',views.tag_test),
（2）if类的标签
模版定义为
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模板标签</title>
</head>
<body>
{% if name == 'IT小叮当' %}
这是小叮当测试的if模版标签<br>
{% elif name == "IT老叮当" %}
这是老叮当测试的elif模版标签<br>
{% else %}
这是其它叮当测试的else模版标签<br>
{% endif %}
{% ifequal name 'ifequal_test' %}
这是小叮当测试的ifequal模板标签{% endifequal %}
</body>
</html>
①当视图函数中没有name变量时
def tag_test(request): return render(request,'movie/tag_test.html')
在浏览器中查看
②当视图函数中传入name变量，值为“IT小叮当”时
def tag_test(request): return render(request,'movie/tag_test.html',
context={'name':'IT小叮当'})
在浏览器中查看
③当视图函数中传入name变量，值为“IT老叮当”时
def tag_test(request): return render(request,'movie/tag_test.html',
context={'name':'IT老叮当'})
在浏览器中查看
④当视图函数中传入name变量，值为“ifequal”时
def tag_test(request): return render(request,'movie/tag_test.html',
context={'name':'ifequal_test'})
在浏览器中查看
可以看到 ifequal的作用等价于“if ==”,由于传入的name变量值为‘ifequal_test’既不是“IT小叮当”也不是“IT老叮当”，所以else模板标签触发，由于值为“ifequal_test”符合ifequal的条件，所以ifequal模板标签触发。
（3）for类标签
通过视图函数向模板传入列表参数
#定义列表lis=['a','b','c','d','e','f','g']
def tag_test(request): return render(request,'movie/tag_test.html',
context={'list':lis})
模板定义
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模板标签</title>
</head>
<body>列表为：{{ list }}<br>
for模板标签测试：<br>
{% for i in list %}
<li>{{ i }}</li>
{% endfor %}
<br>
<br>
forloop类模板标签测试：<br>
{% for i in list %}
{% if forloop.first %}
这是用forloopf.first取到的列表第一个值:{{ i }}<br>
{% elif forloop.counter0 == 1 %}
这是用forloop.counter0取到的二个值：{{ i }}<br>
{% elif forloop.counter == 3 %}
这是用forloop.counter取到的三个值：{{ i }}<br>
{% elif forloop.revcounter == 1%}
这是用forloop.revcounter取到的倒数第一个值：{{ i }}<br>
{% elif forloop.revcounter0 == 1%}
这是用forloop.revcounter0取到的倒数第二个值：{{ i }}<br>
{% else %}
这是else取到的值{{ i }}<br>
{% endif %}
{% endfor %}
</body>
</html>
浏览器中查看
其中counter0表示取下标从0开始，counter表示取下标从1开始。revcounter0表示倒序取下标从大到小，末位为0，revcounter表示倒序取下标，末位为1
（4）循环嵌套常用的模板标签
对forloop.first、forloop.last、forloop.parentloop的测试
①forloop.parentloop可以用来获取父层循环（外层循环）的次数
模板定义如下，使用forloop.parentloop来根据外层循环的第二次循环进行元素的拼接。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模板标签</title>
</head>
<body>
我是list列表：{{ list }}<br>
我是tuple元组：{{ tuple }}<br>
{% for i in list %}
{% for j in tuple %}
{% if forloop.parentloop.counter0 == 1 %}
{{ i }}{{ j }}<br>
{% else %}
我是在循环中的小叮当<br>
{% endif %}
{% endfor %}
{% endfor %}
</body>
</html>
视图函数
lis=['a','b','c','d','e','f','g']
lii=['m','n']
tu=('x','y','z')
def tag_test(request): return render(request,'movie/tag_test.html',
context={'list':lii,
'tuple':tu,})
在浏览器中查看
②forloop.first和forloop.last
模板定义
我是list列表：{{ list }}<br>
我是tuple元组：{{ tuple }}<br>
{% for i in list %}
我是{{ i }} 第一次迭代：{{ forloop.first }} 最后一次迭代：{{ forloop.last}}<br>
{% endfor %}
浏览器中查看
③for in empty
视图函数
empty_list=[]
def tag_test(request): return render(request,'movie/tag_test.html',
context={
'empty_list':empty_list})
模板定义
我是空列表：{{ empty_list }}<br>
{% for i in empty_list %}
列表非空才执行我{{ i }}<br>
{% empty %}
列表为空时执行我，我是IT小叮当{% endfor %}
浏览器查看
（5）url标签
我们在movie下urls.py中，为index路径加入参数<age>，并起名字为“movie_index”
path('index/<age>',views.index,name='movie_index'),
在movie下，对应的视图函数中，在request后，加入参数age表示接收。
def index(request,age): return render(request,'movie/index.html',
context={'strname':'我是字符串',#传递字符串 'hello':hello,#传递自定义函数 'xdd_say':xdd_info.say,#传递类方法 'xdd':xdd_info,#传递类对象 'list':li,#传递列表 'dict':di,#传递字典 'test':mytest,
'xdd666':None,
'num1':18,
'num2':2,
'html':'<h1>THIS IS IN HTML!</h1>',
'float':3.1415,
'now':datetime.datetime.now
} )
在对应 tag_test的视图函数中传入age参数666
def tag_test(request): return render(request,'movie/tag_test.html',
context={'list':lii,
'tuple':tu,
'empty_list':empty_list,
'age':666})
定义tag_test模版
页面跳转,我是路径方法<a href="/movie/index/18">movie主页</a><br><br>
页面跳转，我是url标签方法<a href="{% url 'movie_index' age %}">movie主页</a><br>
在浏览器中查看
点击路径方法
点击模板标签方法，可见url标签，空格加参即可。
（6）with标签
我们用with标签可以给变量重命名，变量在with到endwith内均有效。
模板定义
{% with list as l %}
{{ l }}
{% endwith %}
浏览器查看
(7)autoescape开启、关闭自动转义
在视图函数中传入html变量
def tag_test(request): return render(request,'movie/tag_test.html',
context={
'html':'<h1> THIS IS IN HTML!</h1>' })
模版中定义
原始：{{ html }} <br>
过滤器实现html标签效果：{{ html|safe }}<br>
模板标签实现html标签效果：{% autoescape off %}
{{ html }}
{% endautoescape %}
浏览器中查看
小结：
①过滤器实现html标签效果时，只针对某个特定的变量起作用。
②模版标签autoescape实现html标签效果时，对其所包含的区域都起作用。
（8）注释标签comment
类似于with,注释标签{%comment%}到{%endcomment%}之间的内容均会被注释。
未写完{%comment%}代码还是亮的
写完后，全部变暗，成了注释语句。
加上{%endcomment%}，作用域之外的代码重新变亮。
类似于python代码中用于注释的“三引号”。
三、模版的继承与引用
Django模版引擎中最强大也是最复杂的部分就是“模版继承”。 模版继承可以让你创建一个基本的“骨架”模版，它包含站点中的全部元素，并且可以定义能够被子模版覆盖的 blocks 。
我们以“豆瓣网”为例，简单说明一下继承的效果。我们比较“豆瓣电影”和“豆瓣读书”。
这是豆瓣电影：
这是豆瓣读书：
我们会发现，两个网址的首部和尾部竟然是一样的！！！
这便是模板的继承和引用的效果了。
1.模板继承 extends
（1）在templates下的movie中新建base.html模板和base_test.html模板。
base模板代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>base页面</title>
</head>
<body>
我是头部小叮当6666666666666666<br><br><br><br>
我是中间小叮当<br><br><br><br>
我是底部小叮当9999999999999999</body>
</html>
base_test模板代码如下：
{% extends 'movie/base.html' %}
movie下views.py中定义视图函数
def base_test(request): return render(request,'movie/base_test.html')
movie下urls.py中配置路由
path('btest/',views.base_test),
浏览器中查看
可见base_test模板完全继承引用了base模板！
2.block更改继承
当我们需要更改继承的模板，写入自己的内容时，就需要用到blcok了。
（1）假设我们要修改“中间小叮当”，先在base模板中用block锁定相应内容，并起名为“content”
代码为
{% block content%}
我是中间小叮当{% endblock %}
（2）在base_test模板中引入block和对应的名字，在作用域内重写想要更改的内容。
代码如下：
{% extends 'movie/base.html' %}
{% block content %}
我是base_test中的小叮当！{% endblock %}
在浏览器中查看
（3）以同样的方法更改为base_test更换title
在base模板中用block锁定相应内容，并起名为“title”
在base_test模板中用block中重命名为“base_test页面”
浏览器中查看
（4）当我们想要重写内容，并且保留原来内容时，以模板变量的形式使用block.super即可
我们在base_test模板名字为“content”的block中 引用block.super
{% block content %}
我是base_test中的小叮当！ {{ block.super }}
{% endblock %}
在浏览器中查看
3.模板引用 include
(1)templates下movie中新建include_test模板
代码如下
我是include_test中的小叮当。<br>
<br>
今天周五了，你们开不开心
（2）在base_test中使用include引用
代码如下
{% extends 'movie/base.html' %}
{% block content %}
我是base_test中的小叮当！<br>
{{ block.super }}<br><br>
{% include 'movie/include_test.html' %}
{% endblock %}
{% block title %}
base_test页面{% endblock %}
浏览器中查看
小结
模板继承使用extends标签实现。通过使用block来给子模板开放接口。
1、extends必须是模板中的第一个出现的标签。
2、子模板中的所有内容，必须出现在父模板定义好的block中，否则django将不会渲染。
3、如果出现重复代码，就应该考虑使用模板。
4、尽可能多的定义block，方便子模板实现更细的需求。
5、如果在某个block中，要使用父模板的内容，使用block.super获取。
