零基础入手Django(四):模版标签和模版的继承引用

今天,小叮当继续为大家分享Django干货。主要内容有:端口占用问题的解决、常用标签、模版的继承与引用。

一、端口占用问题的解决

如果我们在运行Django服务时,不小心启动了两次服务,例如点了两次运行,那么第二次运行就会出现”端口占用的问题“。(也有可能是端口被其他进程所占用)

此时我们有两种解决办法:

(1)在pycharm中关闭一个启动的服务。

在pycharm的侧边栏点击“红叉"即可。

关闭后,重启服务即可。

(2)使用xshell在ubuntu服务器中杀死进程

使用命令查看当前有哪些进程

在xshell中运行

根据虚拟环境找到与Django相关的进程

使用命令”kill -9 进程号“杀死进程。例如,杀死进程10145

在xhell中执行后再次使用ps aux查看,发现进程已被杀死

杀死进程后,重启服务即可。

另一个值得注意的现象是,在Django中,一个对象后加一个逗号,则会被认为是一个元组。

例如当视图函数render后不小心加上一个逗号后,系统便会将其当是一个元组,因为render返回的是一个对象。

defstatic_test(request):

returnrender(request,'movie/static_test.html'),

在浏览器中访问,便会报错

二、常用标签

定义

标签在渲染的过程中提供任意的逻辑。

这个定义是刻意模糊的。 例如,一个标签可以输出内容,作为控制结构,例如“if”语句或“for”循环从数据库中提取内容,甚至可以访问其他的模板标签。

2.语法

标签语法: 由%}和 {% 来定义的,例如:{%tag%} {%endtag%}

3.常用标签总结

(1)环境准备

在templates文件夹下movie中新建"tag_test.html"文件

代码如下:

模板标签

在movie下的views.py中新建视图函数

deftag_test(request):

returnrender(request,'movie/tag_test.html')

在movie下的urls.py中配置路由

path('tag/',views.tag_test),

(2)if类的标签

模版定义为

模板标签

{%ifname=='IT小叮当'%}

这是小叮当测试的if模版标签

{%elifname=="IT老叮当"%}

这是老叮当测试的elif模版标签

{%else%}

这是其它叮当测试的else模版标签

{%endif%}

{%ifequalname'ifequal_test'%}

这是小叮当测试的ifequal模板标签

{%endifequal%}

当视图函数中没有name变量时

deftag_test(request):

returnrender(request,'movie/tag_test.html')

在浏览器中查看

当视图函数中传入name变量,值为“IT小叮当”时

deftag_test(request):

returnrender(request,'movie/tag_test.html',

context={'name':'IT小叮当'})

在浏览器中查看

当视图函数中传入name变量,值为“IT老叮当”时

deftag_test(request):

returnrender(request,'movie/tag_test.html',

context={'name':'IT老叮当'})

在浏览器中查看

当视图函数中传入name变量,值为“ifequal”时

deftag_test(request):

returnrender(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']

deftag_test(request):

returnrender(request,'movie/tag_test.html',

context={'list':lis})

模板定义

模板标签

列表为:{{list}}

for模板标签测试:

{%foriinlist%}

{{i}}

{%endfor%}

forloop类模板标签测试:

{%foriinlist%}

{%ifforloop.first%}

这是用forloopf.first取到的列表第一个值:{{i}}

{%elifforloop.counter0==1%}

这是用forloop.counter0取到的二个值:{{i}}

{%elifforloop.counter==3%}

这是用forloop.counter取到的三个值:{{i}}

{%elifforloop.revcounter==1%}

这是用forloop.revcounter取到的倒数第一个值:{{i}}

{%elifforloop.revcounter0==1%}

这是用forloop.revcounter0取到的倒数第二个值:{{i}}

{%else%}

这是else取到的值{{i}}

{%endif%}

{%endfor%}

浏览器中查看

其中counter0表示取下标从0开始,counter表示取下标从1开始。revcounter0表示倒序取下标从大到小,末位为0,revcounter表示倒序取下标,末位为1

(4)循环嵌套常用的模板标签

对forloop.first、forloop.last、forloop.parentloop的测试

forloop.parentloop可以用来获取父层循环(外层循环)的次数

模板定义如下,使用forloop.parentloop来根据外层循环的第二次循环进行元素的拼接。

模板标签

我是list列表:{{list}}

我是tuple元组:{{tuple}}

{%foriinlist%}

{%forjintuple%}

{%ifforloop.parentloop.counter0==1%}

{{i}}{{j}}

{%else%}

我是在循环中的小叮当

{%endif%}

{%endfor%}

{%endfor%}

视图函数

lis=['a','b','c','d','e','f','g']

lii=['m','n']

tu=('x','y','z')

deftag_test(request):

returnrender(request,'movie/tag_test.html',

context={'list':lii,

'tuple':tu,})

在浏览器中查看

forloop.first和forloop.last

模板定义

我是list列表:{{list}}

我是tuple元组:{{tuple}}

{%foriinlist%}

我是{{i}}第一次迭代:{{forloop.first}}最后一次迭代:{{forloop.last}}

{%endfor%}

浏览器中查看

for in empty

视图函数

empty_list=[]

deftag_test(request):

returnrender(request,'movie/tag_test.html',

context={

'empty_list':empty_list})

模板定义

我是空列表:{{empty_list}}

{%foriinempty_list%}

列表非空才执行我{{i}}

{%empty%}

列表为空时执行我,我是IT小叮当

{%endfor%}

浏览器查看

(5)url标签

我们在movie下urls.py中,为index路径加入参数,并起名字为“movie_index”

path('index/',views.index,name='movie_index'),

在movie下,对应的视图函数中,在request后,加入参数age表示接收。

defindex(request,age):

returnrender(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':'THIS IS IN HTML!',

'float':3.1415,

'now':datetime.datetime.now

}

)

在对应 tag_test的视图函数中传入age参数666

deftag_test(request):

returnrender(request,'movie/tag_test.html',

context={'list':lii,

'tuple':tu,

'empty_list':empty_list,

'age':666})

定义tag_test模版

页面跳转,我是路径方法movie主页

页面跳转,我是url标签方法movie主页

在浏览器中查看

点击路径方法

点击模板标签方法,可见url标签,空格加参即可。

(6)with标签

我们用with标签可以给变量重命名,变量在with到endwith内均有效。

模板定义

{%withlistasl%}

{{l}}

{%endwith%}

浏览器查看

(7)autoescape开启、关闭自动转义

在视图函数中传入html变量

deftag_test(request):

returnrender(request,'movie/tag_test.html',

context={

'html':' THIS IS IN HTML!'

})

模版中定义

原始:{{html}}

过滤器实现html标签效果:{{html|safe}}

模板标签实现html标签效果:

{%autoescapeoff%}

{{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模板代码如下:

base页面

我是头部小叮当6666666666666666

我是中间小叮当

我是底部小叮当9999999999999999

base_test模板代码如下:

{%extends'movie/base.html'%}

movie下views.py中定义视图函数

defbase_test(request):

returnrender(request,'movie/base_test.html')

movie下urls.py中配置路由

path('btest/',views.base_test),

浏览器中查看

可见base_test模板完全继承引用了base模板!

2.block更改继承

当我们需要更改继承的模板,写入自己的内容时,就需要用到blcok了。

(1)假设我们要修改“中间小叮当”,先在base模板中用block锁定相应内容,并起名为“content”

代码为

{%blockcontent%}

我是中间小叮当

{%endblock%}

(2)在base_test模板中引入block和对应的名字,在作用域内重写想要更改的内容。

代码如下:

{%extends'movie/base.html'%}

{%blockcontent%}

我是base_test中的小叮当!

{%endblock%}

在浏览器中查看

(3)以同样的方法更改为base_test更换title

在base模板中用block锁定相应内容,并起名为“title”

在base_test模板中用block中重命名为“base_test页面”

浏览器中查看

(4)当我们想要重写内容,并且保留原来内容时,以模板变量的形式使用block.super即可

我们在base_test模板名字为“content”的block中 引用block.super

代码为:

{%blockcontent%}

我是base_test中的小叮当!

{{block.super}}

{%endblock%}

在浏览器中查看

3.模板引用 include

(1)templates下movie中新建include_test模板

代码如下

我是include_test中的小叮当。

今天周五了,你们开不开心

(2)在base_test中使用include引用

代码如下

{%extends'movie/base.html'%}

{%blockcontent%}

我是base_test中的小叮当!

{{block.super}}

{%include'movie/include_test.html'%}

{%endblock%}

{%blocktitle%}

base_test页面

{%endblock%}

浏览器中查看

小结

模板继承使用extends标签实现。通过使用block来给子模板开放接口。

1、extends必须是模板中的第一个出现的标签。

2、子模板中的所有内容,必须出现在父模板定义好的block中,否则django将不会渲染。

3、如果出现重复代码,就应该考虑使用模板。

4、尽可能多的定义block,方便子模板实现更细的需求。

5、如果在某个block中,要使用父模板的内容,使用block.super获取。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190119A0TJBF00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券