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

Python | Django 模板 template

myzbx 2025-03-13 18:14 12 浏览

settings 配置

Bash
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')]  #别忘了配置这个路径
        ,
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

模板语法

Bash
{{ 变量 }}  {% 逻辑 %}

万能的句点号.

{{ num }}

{{ s }}

{{ l1.1 }}

{{ d1.number }}

{{ a.yue }}

{{ a.xx }}

views.py 的写法

def home(request):

    num = 100
    s = 'hello my girl I love you'
    l1 = [11,22,33]
    d1 = {'name':'冠希哥','number':1000}
    class A:
        balance = 2000
        def __init__(self):
            self.xx = 'oo'
        def yue(self):
            return 'how much!'
    a = A()
    # render({'xx':'oo'})
    return render(request,'home.html',{'num':num,'s':s,'l1':l1,'d1':d1,'a':a})

过滤器

过滤器用法:

{{ 变量|过滤器名称:'参数' }}

不是所有过滤器都有参数,没参数的话写法:

{{ 变量|过滤器名称 }}

内置过滤器

{{ s|truncatechars:n }}

# 过滤器里面的参数都可以写后端返回的变量 default --

{{ xx|default:'抱歉,没有数据!!' }}

# 默认值 length --

{{ l1|length }}

# 获取变量数据长度 filesizeformat --

{{ file_size|filesizeformat }}

# 大小按照人类可读的显示 slice --

{{ s|slice:'0:7' }}

#切片 顾头不顾腚 date --

{{ now|date:'Y-m-d H:i:s' }}

# 日期格式化显示 safe --

{{ a_tag|safe }}

# 数据:a_tag = "百度" truncatechars --

{{ s|truncatechars:'6' }}

# 如果字符串字符多于指定的字符数量,那么会被截断。可用来截取长文本为一行。 join --

{{ l1|join:'+' }}

# 将数组拼接成字符串

safe 介绍

Django 的模板中在进行模板渲染的时候会对 HTML 标签和 JS 等语法标签进行自动转义。原因显而易见,这样是为了安全。Django 担心这是用户添加的数据,比如如果有人给你评论的时候写了一段 js 代码。这个评论一提交,js 代码就执行啦。这样你是不是可以搞一些坏事儿了,写个弹窗的死循环,那浏览器还能用吗,是不是会一直弹窗啊。这叫做 xss 攻击。所以浏览器不让你这么搞,给你转义了。但是有的时候我们可能不希望这些 HTML 元素被转义,比如我们做一个内容管理系统,后台添加的文章中是经过修饰的,这些修饰可能是通过一个类似于 FCKeditor 编辑加注了 HTML 修饰符的文本,如果自动转义的话显示的就是保护 HTML 标签的源文件。为了在 Django 中关闭 HTML 的自动转义有两种方式,如果是一个单独的变量我们可以通过过滤器 |safe 的方式告诉 Django 这段代码是安全的不必转义。

for 循环标签

示例:

    {% for i in l1 %} # 循环列表
  • {{ i }}
  • {% endfor %}
    {% for i in l1 reversed %} # 翻转循环列表时
  • {{ i }}
  • {% endfor %}
    {% for key in d1.keys %} # 循环字典的键
  1. {{ key }}
  2. {% endfor %} {% for key in d1.values %} # 循环字典的值
  3. {{ key }}
  4. {% endfor %} {% for key,value in d1.items %} # 循环字典的键值对 {# {{ forloop.counter }}#}
  5. {{ forloop.last }}>>>>{{ key }}---{{ value }}
  6. {% for foo in d1.hobby %} {{ forloop.parentloop.counter }}---{{ forloop.counter }}{{ foo }} {% endfor %} {% endfor %}

forloop 计数

forloop.counter            当前循环的索引值(从1开始),forloop是循环器,通过点来使用功能
forloop.counter0           当前循环的索引值(从0开始)
forloop.revcounter         当前循环的倒序索引值(从1开始)
forloop.revcounter0        当前循环的倒序索引值(从0开始)
forloop.first              当前循环是不是第一次循环(布尔值)
forloop.last               当前循环是不是最后一次循环(布尔值)
forloop.parentloop         本层循环的外层循环的对象,再通过上面的几个属性来显示外层循环的计数等

empty 判断迭代对象是否为空

{% for i in l1 %} #当没有数据时,会生成empty的内容
	
  • {{ i }}
  • {% empty %}

    啥数据也没有!

    {% endfor %}

    if 标签

    if 语句支持 andor==><!=<=>=innot inisis not 判断,注意条件两边都有空格。

    单条件判断

    {% if num == 11 %}
        详细些
    {% else %}
        

    hahahhahah

    {% endif %}

    多条件判断

    {% if num > 100 or num < 0 %}
    	

    无效

    {% elif num > 80 and num < 100 %}

    优秀

    {% else %}

    凑活吧

    {% endif %}

    结合过滤来使用

    {% if user_list|length > 5 %}  
    七座豪华SUV
    {% else %}
    黄包车
    {% endif %}

    with 标签

    {% with l2.1.name as sb %} # 给长的数据调用起名字,只能在with标签内部使用 {{ sb }} {{ sb }} {% endwith %} {# {{ l2.1.name }}#}

    {% with total=business.employees.count %} {{ total }} {% endwith %}

    需要注意的是,要记得使用 endwith 标签闭合 with 标签,而且别名只在一对闭合的 with 标签中起作用。

    csrf_token 通过 csrf 认证机制

    当使用 Django 框架以 post 方式提交表单的时候,会报错。还记得我们在 settings 里面的中间件配置里面把一个 csrf 的防御机制给注销了。但我们真正该做的不是注销它,而是应该学会怎么使用它,并且不让自己的操作被 forbiden。通过 csrf_token 标签就能搞定。

    这个标签用于防止跨站请求伪造(Cross-site request forgery,csrf)。

    在页面的 form 表单里面(注意是在 form 表单里面)任何位置写上

    {% csrf_token %}

    这个东西模板渲染的时候替换成了隐藏的 标签。这个标签的值是个随机字符串。提交表单的时候,这个东西也被提交了。因为这个东西是后端渲染的时候给页面加上的,那么当你通过我给你的 form 表单提交数据的时候,你带着这个内容我就认识你,不带着,我就禁止你。因为后台我们 django 也存着这个东西,和你这个值相同的一个值,可以做对应验证是不是我给你的 token。

    存储这个值的东西我们后面再学,你先知道一下就行了,就像一个我们后台给这个用户的一个通行证,如果你用户没有按照我给你的这个正常的页面来 post 提交表单数据,或者说你没有先去请求我这个登陆页面,而是直接模拟请求来提交数据,那么我就能知道,你这个请求是非法的,反爬虫或者恶意攻击我的网站,以后将中间件的时候我们在细说这个东西,但是现在你要明白怎么回事,明白为什么 Django 会加这一套防御。

    post 爬虫

    import requests
    
    ret = requests.post('http://127.0.0.1:8000/login/', data={
        'uname':'chao',
        'pwd':'123',
    })
    print(ret.content.decode('utf-8'))

    模板继承

    Django 模版引擎中最强大也是最复杂的部分就是模版继承了。模版继承可以让您创建一个基本的 “骨架” 模版,它包含您站点中的全部元素,并且可以定义能够被子模版覆盖的 blocks 。

    定义模板:

    
    
    
        
        {% block title %}My amazing site{%/span> endblock %}
    
    
    
        
    
        
    {% block content %}{% endblock %}

    这个模版,我们把它叫作 base.html, 它定义了一个可以用于两列排版页面的简单 HTML 骨架。“子模版” 的工作是用它们的内容填充空的 blocks。

    在这个例子中, block 标签定义了三个可以被子模版内容填充的 block。 block 告诉模版引擎: 子模版可能会覆盖掉模版中的这些位置。

    子模版可能看起来是这样的:

    {% extends "base.html" %}
     
    {% block title %}My amazing blog{% endblock %}
     
    {% block content %}
    {% for entry in blog_entries %}
        

    {{ entry.title }}

    {{ entry.body }}

    {% endfor %} {% endblock %}

    extends 标签是这里的关键。它告诉模版引擎,这个模版 “继承” 了另一个模版。当模版系统处理这个模版时,首先,它将定位父模版 —— 在此例中,就是 base.html

    那时,模版引擎将注意到 base.html 中的三个 block 标签,并用子模版中的内容来替换这些 block。

    block.super

    {% block content %}
        {{ block.super }} # 将模板中的content这个名称的块中的内容拿过来
        菜单1的内容
    {% endblock %}

    为了更好的可读性,你也可以给你的 endblock 标签一个 名字 。例如:

    {% block content %}
    ...
    {% endblock content %}  

    组件

    1. 写好一个组件 .html 文件
    2. 在使用这个组件的 html 文件中写上下面的内容
    {% include 'zujian.html' %}

    自定义标签和过滤器

    1. 在 app 应用文件夹中创建 templatetags 文件夹,模块名只能是 templatetags
    2. 创建任意 .py 文件,如:my_tags.py
    3. 文件中写上以下内容,自定义过滤器(参数最多两个)
    from django import template
    register = template.Library()  #register变量名称必须是它
    @register.filter  
    def oo(v1,v2):
        print(v1)
        return v2 + v1 + 'oo'

    4.使用,在 html 文件中写上下面的代码

    {% load mytags %}
    

    {{ name|oo:'xxxx' }}

    5.自定义标签,流程和上面一样,但是装饰器变了,使用也不同

    @register.simple_tag
    def ootag(v1,v2,v3):  #参数没有限制
        print(v1,v2,v3)
        return v1 + 'ootag!!' + v2 + v3

    6.自定义标签的用法

    {% load mytags %}
    

    {% ootag name 'sss' '1111'%}

    7.inclusion_tag,组件标签,详见图解:

    静态文件配置

    在项目中,js、css、jgp 图片等等都称为静态文件。
    在 django 中的使用:

    1. 配置。在 settings 配置文件中写上以下配置:
    STATIC_URL = '/static/' #127.0.0.1:8000/static/bootstrap/css.
    
    STATICFILES_DIRS = [
        os.path.join(BASE_DIR,'jingtaiwenjianjia'),    # 文件夹名称尽量不要和别名的名称冲突
    ]

    2.html 文件中使用:

    相对路径引入静态文件时,前置斜杠必须加上。不管是什么,a 标签也是一样,相对路径访问必须加上前面的斜杠。

    除此之外,我们还可以在项目的子应用中创建一个名为 static 的文件夹,将静态文件放到里面。这时,不必再 settings.py 中进行任何配置。相较于上面的方式,这种方法更为常用。因为通过这种方式导入静态文件,PyCharm 会有操作提示。

    使用时,在 html 页面的最顶端,声明要加载静态文件:

    {% load static %}

    在标签中,可以直接使用 static 方法找到我们的静态文件:

    在 html 文件中的写法就是:

    {% load static %}
    
    
    
        
        Title
        
    
    
    
    
    <script src="{% static 'jquery.js' %}"></script>
    <script src="{% static 'bootstrap-3.3.7-dist/js/bootstrap.min.js' %}"></script>
    

    相关推荐

    路痴的福音 谷歌地图AR实景导航Live View正式上线

    2月份起,谷歌地图开始测试一项新功能,即是在行人导航功能中加入AR实景导航。用户可以通过设备屏幕,在实际的街道中见到路线指示,使导航功能不只在地图上,而是更融合在真实环境中。谷歌地图AR实景导航(图源...

    Google地图怎么设置中文 谷歌地图app设置语言为中文

    Google地图是一款知名的地图导航客户端,这是一款很好用的地图软件,Google地图怎么设置中文呢,不少人可能不是很清楚,下面就和小编一起来看看吧!Google地图怎么设置中文方法1、点击打开谷歌地...

    谷歌地图说这里能过

    来源:日本沙雕日常谷歌地图说这里能过#微博新鲜事#

    谷歌地图已可离线导航 仅安卓机可用

    谷歌已经在今年的谷歌IO大会上确认了地图离线导航功能,如今该功能已经可以在安卓机上使用了。这对网络资源较为贫瘠且相对昂贵的国家来说可谓提供了便利。用户需要提前下载所需旅程的部分地图,虽然不能获得实时路...

    谷歌地图测试速度更快的AR实时视图

    上个月谷歌为了庆祝谷歌地图成立15周年,为谷歌地图推出了新的图标,并且重新设计了移动应用程序。谷歌还预览了一些即将推出的功能,现在正在测试地图导航之外更快的实时视图(LiveView)访问。谷歌之...

    谷歌地图新功能 离线地图可导航和搜索

    【中关村在线软件资讯】5月29日消息:在今天凌晨召开的GoogleI/O开发者大会上,谷歌公布了一些关于地图的新功能。谷歌地图离线模式新版谷歌地图有更好用的离线地图,可以在无网络的情况下搜索地点、查...

    谷歌地图变这样,谁还花钱去旅游?

    足不出户,在手机上能身临其境的游览世界各地。文章来源:创下一个新ID:cxygx1作者:创新君编辑:卝生话说在前天的GoogleI/O2022开发人员活动中,谷歌推出了一种全新的地图模式,可以...

    新版谷歌地图将添新功能:知道你想去哪儿

    据外媒TheVerge报道,谷歌即将为安卓版谷歌地图增加一些新的功能,从而使之变得更加智能,比如可以推算出用户的目的地等。新版谷歌地图将添新功能(图片来自TheVerge)报道称,升级后的谷歌地图将会...

    谷歌地图安卓版获效率改进,11.136.x更新引入“表单风格”卡片

    IT之家7月16日消息,谷歌在今年2月宣布将对自家地图应用进行大修,目前相关更新已经实装入谷歌地图11.136.x版本中,主要围绕UI进行效率改进。谷歌提到,现在用户在查找地址时,...

    谷歌地图安卓/iOS版界面大修,超漂亮

    IT之家(www.ithome.com):谷歌地图安卓/iOS版界面大修,超漂亮IT之家报道,Android5.0已经正式到来,谷歌旗下的应用为了迎接安卓5.0都采用了全新的MaterialDes...

    谷歌地图在美国启用“美国湾”称呼

    参考消息网2月11日报道据法新社2月11日报道,美国总统特朗普10日对谷歌地图将墨西哥湾更名为“美国湾”表示欢迎,这符合他在1月底重返白宫后签署的法令之一。这一占超主导地位的地图服务现在为位于美国的用...

    外交部回应谷歌地图涉南海标注:南海一直是国际社会公认通用地名,被广泛接受

    【环球时报-环球网报道记者李萌】在4月15日外交部例行记者会上,有记者提问称,据报道,谷歌地图显示了“西菲律宾海”的名称,此前这里显示的是南海。有人称这有助于保护菲律宾的主权,请问中方对此有何评论?...

    谷歌地图首曝数据:覆盖全球98%居住区,已拍千万英里街景

    12月13日,谷歌透露了其街景车(StreetViewcar)等设备为绘制世界地图所做的工作。目前,谷歌已经捕获了超过1000万英里的街景图像,这个距离相当于绕地球400圈。旗下航空地图服务谷歌地...

    美媒:谷歌称,当联邦地图作出更改时,谷歌地图将使用“迪纳利峰”及“墨西哥湾”新名称

    来源:环球网【环球网报道】据美国全国广播公司(NBC)等媒体报道,美国谷歌公司27日称,当联邦地图作出更改时,谷歌地图将使用“迪纳利峰”和“墨西哥湾”的新名称,即“麦金利山”和“美国湾”。本月20日...

    谷歌地图迎来15周年重大更新 界面重新设计 新增贴心功能

    昨日,恰逢谷歌地图15周年生日,谷歌地图便迎来重大更新。不仅仅界面重新设计,还添加了许多贴心功能。名为“TransitAttributes”的新功能会根据过去用户共享的详细信息,向人们提供有关公共场...