5.Django模板语法2024-03-11

6.Ajax2024-03-11 7.forms组件2024-03-11 8.auth模块2024-03-29 9.CBV添加装饰器2024-03-29 10.csrf跨站请求伪造2024-03-29 11.django中间件2024-03-29 12.BBS2024-03-29 13.DRF2024-04-22 14.DRF案例2024-04-22 15.luffy2024-05-27

Django模版语法

（1）传数据

模版语法可以传递的后端python数据类型(可迭代)
后端：

 def test2(request):
    name = 'heart'
    float = 11.11
    str_name = '你好'
    boolean_test = True
    list_test = [1, 2, 3]
    tuple_test = (1, 2, 3)
    dict_test = {'name': 'heart', 'age': 18}
    set_test = {1, 2, 3, 4, 5, 5}
    return render(request,'mubanyufa.html', locals())

前端：

 <body>
{{ name }}
<br>
{{ float }}
<br>
{{ str_name }}
<br>
{{ boolean_test }}
<br>
{{ list_test }}
<br>
{{ tuple_test }}
<br>
{{ dict_test }}
<br>
{{ set_test }}
<br>
</body>
<!-- 
heart
11.11
你好
True
[1, 2, 3]
(1, 2, 3)
{'name': 'heart', 'age': 18}
{1, 2, 3, 4, 5} 
-->

（2）传函数

传递函数名会自动加括号调用但是模版语法不支持给函数传额外的参数
后端：

 def test2(request):
    name = 'heart'
 
    def func():
        return '这是一个函数'  # 一定要有返回值
    return render(request,'mubanyufa.html', locals())

前端：

 <body>
{{ func }} # 会自动调用 但是函数里面的参数传不进来
</body>

（3）传类

传类名的时候也会自动加括号调用(实例化)
后端：

 def test2(request):
    class MyClass(object):
        def get_self(self):
            return 'self'
 
        @staticmethod
        def get_func():
            return 'func'
 
        @classmethod
        def get_class(cls):
            return 'cls'
 
    obj = MyClass()
    return render(request,'mubanyufa.html', locals())

前端：

 <body>
{{ MyClass }} # <app01.views.test2.<locals>.MyClass object at 0x000001DAA6A2E740>
{{ obj }} # <app01.views.test2.<locals>.MyClass object at 0x000001DAA69D6470>
{{ obj.get_class }} # cls
{{ obj.get_func }} # func
{{ obj.get_self }} # self
</body>

（4）小结

内部能够自动判断出当前的变量名是否可以加括号调用如果可以就会自动执行针对的是函数名和类名
Django模版语法的取值是固定的格式只能用句点符 .

（5）过滤器

 {{数据|过滤器:参数}}
{{ value|filter_name:参数 }}

过滤器就类似于是模版语法内置方法

date: 格式化日期。例如：{{ my_date|date:"Y-m-d" }}
length: 获取列表或字符串的长度。例如：{{ my_list|length }}
filesizeformat: 获取文件大小。例如:{{ my_file|filesizeformat}}
default: 设置默认值。例如：{{ my_var|default:"No value" }}
lower: 将字符串转换为小写。例如：{{ my_string|lower }}
upper: 将字符串转换为大写。例如：{{ my_string|upper }}
truncatechars: 截断字符串到指定长度。例如：{{ my_string|truncatechars:9 }}
truncatewords: 截断单词到指定长度。例如：{{ my_string|truncatewords:9 }}
safe: 转义。例如：{{ my_string|safe }}
join: 拼接。例如：{{ my_string|join:'123' }}
slice: 切片。例如：{{ my_string|slice:'0:4:2' }}
cut: 移除指定字符。例如：{{ value|cut:'1' }}

（6）标签

（1）for循环

 <ul>
{% for user in user_list %}
    <li>{{ user.name }}</li>
{% endfor %}
</ul>

（2）for循环可用的一些参数

Variable	Description
`forloop.counter`	当前循环的索引值（从1开始）
`forloop.counter0`	当前循环的索引值（从0开始）
`forloop.revcounter`	当前循环的倒序索引值（从1开始）
`forloop.revcounter0`	当前循环的倒序索引值（从0开始）
`forloop.first`	当前循环是不是第一次循环（布尔值）
`forloop.last`	当前循环是不是最后一次循环（布尔值）
`forloop.parentloop`	本层循环的外层循环

（3）if判断

（1）if elif else

 {% if user_list %}
  用户人数：{{ user_list|length }}
{% elif black_list %}
  黑名单数：{{ black_list|length }}
{% else %}
  没有用户
{% endif %}

（2）if和else

 {% if user_list|length > 5 %}
  你好
{% else %}
    世界
{% endif %}

（4）with

定义一个中间变量，多用于给一个复杂的变量起别名。
注意等号左右不要加空格。

 {% with total=business.employees.count %}
    {{ total }} employee{{ total|pluralize }}
{% endwith %}

 {% with business.employees.count as total %}
    {{ total }} employee{{ total|pluralize }}
{% endwith %}

（5）csrf_token

这个标签用于跨站请求伪造保护。
在页面的form表单里面写上

（6）forloop

 list = ["你好", "我好", "大家好"]

 {% for re in list %}
 
    <p>{{ forloop }}</p>
 
{% endfor %}

 标签
{'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 3, 'revcounter0': 2, 'first': True, 'last': False}
 
{'parentloop': {}, 'counter0': 1, 'counter': 2, 'revcounter': 2, 'revcounter0': 1, 'first': False, 'last': False}
 
{'parentloop': {}, 'counter0': 2, 'counter': 3, 'revcounter': 1, 'revcounter0': 0, 'first': False, 'last': True}

first
- 标识 for 循环是否是第一次
last
- 标识 for 循环是否是以后一次
counter0
- 类似索引
counter
- 计数
取值

（1）if+forloop

 {% for re in d %}
    {% if forloop.first %}
        <p>第一次循环</p>
    {% elif  forloop.last %}
        <p>最后一次循环</p>
    {% else %}
        <p>{{ re }}</p>
    {% endif %}
{% empty %}
    <p>for循环的对象是空，不支持for循环</p>
 
{% endfor %}

（7）自定义过滤器、标签、inclusion_tag

（1）自定义过滤器

在应用下创建一个名字必须叫templatetags文件夹
在该文件夹内创建任意名字的py文件 eg:mytag.py
在该py文件内必须书写下面两句话

 from django import template
 
register = template.Library()

在templatetags下面的py文件：

 from django import template
 
register = template.Library()
 
 
@register.filter(name='heart')
def mysum(v1, v2):
    return v1 + v2

后端

 def test2(request):
    float = 11.11
    return render(request,'mubanyufa.html', locals())

前端

 {% load mytag %}
<p>{{ float|heart:666 }}</p>

（2）自定义标签

在templatetags下面的py文件：

 from django import template
 
register = template.Library()
 
 
@register.simple_tag(name='plus')
def index(a,b,c,d):
    return '%s-%s-%s-%s'% (a,b,c,d)

前端
标签多个参数彼此之间空格隔开

 <p>{% plus 'heart' 123 123 456 %}</p>

（3）自定义inclusion_tag

先定义一个方法，在页面上调用该方法，并且可以传值，该方法会生成一些数据然后传递给一个html页面，之后将渲染好的结果放到调用的位置
当html页面某一个地方的页面需要传参数才能够动态的渲染出来，并且在多个页面上都需要使用到该局部,那么就考虑将该局部页面做成inclusion_tag形式
在templatetags下面的py文件：

 from django import template
 
register = template.Library()
 
@register.inclusion_tag('left_menu.html')
def left(n):
    data = [f'第{i}项' for i in range(n)]
    return locals()

前端
标签多个参数彼此之间空格隔开

 {% left 10 %}

left_menu.html

 <ul>
    {% for foo in data %}
    <li>{{ foo }}</li>
    {% endfor %}
</ul>

（8）模版继承

可以被修改的区域有：
1. css区域
2. html区域
3. js区域
页面整体大差不差，只是某一些局部在做变化，使用模版继承很方便
home.html:

 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Title</title>
  {% block page-css %}
  
  {% endblock %}
</head>
<body>
{% block content %}
	模板内容
{% endblock %}
</body>
</html>

（1）继承模版

在子页面中在页面最上方使用下面的语法来继承母板

 {% extends 'home.html' %}

修改模板就在子页面中定义母版的block名来对应替换相应的内容

 {% block content %}
  <p>123</p>
  <p>456</p>
  <p>789</p>
{% endblock %}

（2）模板的导入

 {% include 'test.html' %}

（9）静态模版加载

（1）

加载Django的静态文件

 {% load static %}
<img src="{% static "images/hi.jpg" %}" alt="Hi!" />

引用JS文件时使用：

 {% load static %}
<script src="{% static "mytest.js" %}"></script>

某个文件多处被用到可以存为一个变量

 {% load static %}
{% static "images/hi.jpg" as myphoto %}
<img src="{{ myphoto }}"></img>

（10）导出项目模块版本

 pip freeze > requirement.txt

安装

 pip install -r requirement.txt

本文作者：ssrheart

本文链接：https://www.cnblogs.com/ssrheart/p/18067114

posted @ 2024-03-11 21:30 ssrheart 阅读(236) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

公告

昵称：ssrheart 园龄：1年3个月粉丝：3 关注：6

昵称： ssrheart
园龄： 1年3个月
粉丝： 3
关注： 6

+加关注

无限进步 & be water.|

2025年3月

日

一

二

三

四

五

六

随笔分类

随笔档案

阅读排行榜

评论排行榜

1. Django请求生命周期流程图(1)

heart

无限进步

Django模板语法