百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

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

myzbx 2025-03-14 19:06 30 浏览

今天,小叮当继续为大家分享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'),

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

二、常用标签

  1. 定义

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

这个定义是刻意模糊的。 例如,一个标签可以输出内容,作为控制结构,例如“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"文件

代码如下:




    
    模板标签



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

def tag_test(request):
    return render(request,'movie/tag_test.html')

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

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

(2)if类的标签

模版定义为




    
    模板标签


{% if name == 'IT小叮当' %}
    这是小叮当测试的if模版标签
{% elif name == "IT老叮当" %} 这是老叮当测试的elif模版标签
{% else %} 这是其它叮当测试的else模版标签
{% endif %} {% ifequal name 'ifequal_test' %} 这是小叮当测试的ifequal模板标签 {% endifequal %}

①当视图函数中没有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})

模板定义




    
    模板标签


列表为:{{ list }}
for模板标签测试:
{% for i in list %}
  • {{ i }}
  • {% endfor %}

    forloop类模板标签测试:
    {% for i in list %} {% if forloop.first %} 这是用forloopf.first取到的列表第一个值:{{ i }}
    {% elif forloop.counter0 == 1 %} 这是用forloop.counter0取到的二个值:{{ i }}
    {% elif forloop.counter == 3 %} 这是用forloop.counter取到的三个值:{{ i }}
    {% elif forloop.revcounter == 1%} 这是用forloop.revcounter取到的倒数第一个值:{{ i }}
    {% elif forloop.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 }}
    {% for i in list %} {% for j in tuple %} {% if forloop.parentloop.counter0 == 1 %} {{ i }}{{ j }}
    {% else %} 我是在循环中的小叮当
    {% endif %} {% endfor %} {% endfor %}

    视图函数

    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 }}
    我是tuple元组:{{ tuple }}
    {% for i in list %} 我是{{ i }} 第一次迭代:{{ forloop.first }} 最后一次迭代:{{ forloop.last}}
    {% endfor %}

    浏览器中查看

    ③for in empty

    视图函数

    empty_list=[]
    def tag_test(request):
        return render(request,'movie/tag_test.html',
                      context={
                               'empty_list':empty_list})

    模板定义

    我是空列表:{{ empty_list }}
    {% for i in empty_list %} 列表非空才执行我{{ i }}
    {% empty %} 列表为空时执行我,我是IT小叮当 {% endfor %}

    浏览器查看

    (5)url标签

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

    path('index/',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':'

    THIS IS IN HTML!

    ', '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模版

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

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

    在浏览器中查看

    点击路径方法

    点击模板标签方法,可见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':'

    THIS IS IN HTML!

    ' })

    模版中定义

    原始:{{ html }} 
    过滤器实现html标签效果:{{ html|safe }}
    模板标签实现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模板代码如下:

    
    
    
        
        base页面
    
    
    我是头部小叮当6666666666666666
    



    我是中间小叮当



    我是底部小叮当9999999999999999

    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中的小叮当。
    

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

    (2)在base_test中使用include引用

    代码如下

    {% extends 'movie/base.html' %}
    {% block content %}
    我是base_test中的小叮当!
    {{ block.super }}

    {% 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获取。

    相关推荐

    Luminati代理动态IP教程指南配置代理VMLogin中文版反指纹浏览器

    介绍如何使用在VMLogin中文版设置Luminati代理。首先下载VMLogin中文版反指纹浏览器(https://cn.vmlogin.com)对于刚接触Luminati动态ip的朋友,是不是不懂...

    文档中图形及子图形的处理(word中的图形对象有何特点)

    【分享成果,随喜正能量】走得越远,见识越多,认识的人越多,你就越能体会到,人这一辈子,你真的在意的,同时又在意你的人,就那么几个,这几个人,就是你全部的世界。三两知己,爱人在侧,父母康健,听起来平淡无...

    Python爬虫破解滑动验证码教程(python绕过滑动验证码)

    破解滑动验证码通常需要结合图像识别和模拟人类操作,以下是分步骤的解决方案:1.分析验证码类型缺口识别型:背景图带缺口,滑块图带凸块轨迹验证型:除了位置还需模拟人类移动轨迹2.获取验证码图片方法一:...

    「教程」5 分钟带你入门 kivy(新手kp教学)

    原创:星安果AirPythonkivy语言通过编写界面UI,然后利用Python定义一些业务逻辑,可以移植很多功能模块到移动端直接执行。下面对kivy常见用法做一个汇总。1、什么是...

    比呀比: Fossil Estate Canvas EW 男式复古邮差包 $70.99

    Fossil是一个来自美国的全球性生活时尚品牌,始建于1984年,专注于时尚配件,是第一个将手表的价值与款式完美结合的美国品牌,如今Fossil已跃身成为美国最受欢迎的品牌之一。这款FossilE...

    智能教学:如何在网上授课(网上授课怎么弄)

    摘要:因为担心传统课堂可能会传播冠状病毒,许多大学已经开始在网上授课。耶鲁-新加坡国立大学的讲师凯瑟琳·谢伊·桑格(CatherineSheaSanger)解释了如何快速而有效地做到这一点。当新型冠...

    wxPython库教程系列之图片:托盘图标和图片缩放、移动

    1概要:=====1.1托盘图标设置1.2普通图片显示:原图显示,缩放显示,窗口与图片大小相互适应。1.3按钮图片设置1.4移动图片和zoom菜单按钮联动设置2托盘图标:========2...

    UE4渲染目标开发教程(ue4渲染效果图质量怎么样)

    渲染目标(RenderTarget)是你可以在运行时写入的纹理。在引擎方面,它们存储基础颜色、法线和环境光遮蔽等信息。在用户方面,渲染目标主要用作一种辅助相机。你可以将场景捕捉指向某物并将图像存储到...

    比呀比: Fossil 化石 Canvas NS 男士复古帆布斜挎包 $57.59

    FossilCanvasNS男士复古帆布斜挎包,尺寸约为26.5*11*33厘米。采用100%纯棉帆布面料,融合了休闲与百搭的外形,在经典的款型呈现复古质感。内设1个拉链袋,2个搭扣数码产品袋和...

    比呀比: Timberland 添柏岚 Canvas Cord Case 帆布旅行手包 $5.99

    Timberland添柏岚这款耐用帆布旅行手包,虽然一眼过去,觉得不咋地,但是品牌和质量还是妥妥滴,非常适合装一些零零碎碎的小东西,便于携带,多色可选,重点是价格更是感动价啊。目前这款包在6pm报价...

    提炼文章/知识资料,两键转换成小红书图片

    现在AI的功能已经越来越强大了,通过AI可以提高我们不少工作效率。刚好前几天做了一个几乎“一气呵成”,把长文章转成小红书卡片的流程Demo,分享给大家。之前发过两篇利用AI把长文章转成小红书图片...

    python海龟绘图turtle(一):画布和窗体

    海龟绘图(turtle)是python的一个有趣的内置模块,是python语言的标准库之一,是入门级的图形绘制函数库。海龟绘图(turtle)可以根据编写的控制指令(代码),让一个小“海龟”在屏幕上来...

    在文档中添加画布及图片(word中如何添加画布)

    【分享成果,随喜正能量】宁可正而不足,不可邪而有余。相识满天下,知心能几人。书七成,戏三分,牛皮灯影胡编成。布施不如还债,修福不如避祸。勿以恶小而为之,勿以善小而不为。。《VBA之Word应用》,是我...

    知识管理神器 Obsidian,终于有了白板功能!

    沙牛提示阅读本文需要3分钟,Obsidian白板功能来了!如果你喜欢本文,就分享给你的小伙伴!01白板继双链笔记之后,这一年,白板类工具开始火了起来。顾名思义,白板类工具,它给了你一张无限尺寸...

    虚拟背景第一弹!教你如何在家中优雅地“学在交大”!

    交大将于3月2日正式开始线上教学(3月1日举行线上教学第一课|视频直播课)目前正处于网课试课阶段交大在线课程教学以ZOOM、Canvas等作为主平台平台的虚拟背景功能可以具特别的环境效果更好地沉浸课堂...