零基础入手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获取。

    ©著作权归作者所有,转载或内容合作请联系作者
    • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
      沈念sama阅读 216,470评论 6 501
    • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
      沈念sama阅读 92,393评论 3 392
    • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
      开封第一讲书人阅读 162,577评论 0 353
    • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
      开封第一讲书人阅读 58,176评论 1 292
    • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
      茶点故事阅读 67,189评论 6 388
    • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
      开封第一讲书人阅读 51,155评论 1 299
    • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
      沈念sama阅读 40,041评论 3 418
    • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
      开封第一讲书人阅读 38,903评论 0 274
    • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
      沈念sama阅读 45,319评论 1 310
    • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
      茶点故事阅读 37,539评论 2 332
    • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
      茶点故事阅读 39,703评论 1 348
    • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
      沈念sama阅读 35,417评论 5 343
    • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
      茶点故事阅读 41,013评论 3 325
    • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
      开封第一讲书人阅读 31,664评论 0 22
    • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
      开封第一讲书人阅读 32,818评论 1 269
    • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
      沈念sama阅读 47,711评论 2 368
    • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
      茶点故事阅读 44,601评论 2 353

    推荐阅读更多精彩内容