04_Django-模板变量/标签/过滤器/继承-url反向解析

于 2022-02-17 00:00:00 发布
阅读量676 收藏
点赞数 1
分类专栏： Django 文章标签： Django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cPen_web/article/details/122969024
版权

文章目录

博客🔗：https://blog.csdn.net/cPen_web
视频🔗：https://www.bilibili.com/video/BV1vK4y1o7jH

变量和标签

变量

  • 视图函数中可以将Python变量封装到 字典 中传递到模板上

样例：

def xxx_view(request):
    dic = {
        "变量1": "值1",
        "变量2": "值2",
    }
    return render(request, 'xxx.html', dic)
  • 能传递到模板中的 数据类型
str-字符串	int-整型
list-数组	tuple-元组
dict-字典	func-方法
obj-类实例化的对象
  • 在模板中使用变量语法
- {{ 变量名 }}
- {{ 变量名.index }}
- {{ 变量名.key }}
- {{ 对象.方法 }}
- {{ 函数名 }}
  • 演示：
http://127.0.0.1:8000/test_html_param

image-20220216013835514

# mysite1/mysite1/urls.py
urlpatterns = [
    ...
    path('test_html', views.test_html)
]


# mysite1/mysite1/views.py
def test_html_param(request):
    dic = {}
    dic['int'] = 88
    dic['str'] = 'peng'
    dic['lst'] = ['Tom', 'Jack', 'Lily']
    dic['dict'] = {'a':9, 'b':8}
    dic['func'] = say_hi
    dic['class_obj'] = Dog()
    dic['script'] = '<script>alert(1111)</script>'
    return render(request, 'test_html_param.html', dic)

def say_hi():
    return 'hahaha'

class Dog:
    def say(self):
        return 'wangwang'


# mysite1/templates/test_html_param.html
<h3>int 是 {{ int|add:"2" }}</h3>
<h3>str 是 {{ str|upper }}</h3>
<h3>lst 是 {{ lst }}</h3>
<h3>lst 是 {{ lst.0 }}</h3>
<h3>dict 是 {{ dict }}</h3>
<h3>dict['a'] 是 {{ dict.a }}</h3>
<h3>function 是 {{ func }}</h3>
<h3>class_obj 是 {{ class_obj.say }}</h3>
<h3>script 是 {{ script|safe }}</h3>

标签

模板标签

  • 作用：将一些服务器端的功能嵌入到模板中，例如流程控制等
  • 标签语法：
{% 标签 %}
...
{% 结束标签 %}

if标签

  • 语法：
{% if 条件表达式1 %}
...
{% elif 条件表达式2 %}
...
{% elif 条件表达式3 %}
...
{% else %}
...
{% endif %}	- 需要有结束标签
  • 注意：
  1. if条件表达式里可以用的运算符 ==, !=, <, > , <=, >=, in, not in, is, is not, not、and、or
  2. 在if标记中使用实际括号是无效的语法。如果需要它们指示优先级，则应使用嵌套的if标记。

官方文档：https://docs.djangoproject.com/zh-hans/2.2/ref/templates/builtins/#if

  • 演示：
http://127.0.0.1:8000/test_if_for

image-20220216020405259

# mysite1/mysite1/urls.py
urlpatterns = [
    ...
    path('test_if_for', views.test_if_for),
]

# mysite1/mysite1/views.py
def test_if_for(request):
    dic = {}
    dic['x'] = 20
    dic['lst'] = ['Tom', 'Jack', 'Lily']
    return render(request, 'test_if_for.html', dic)

# mysite1/templates/test_if_for.html
{% if x > 10 %}
今天天气很好
{% else %}
今天天气非常好
{% endif %}

<br>

{% for name in lst %}
    {% if forloop.first %} &&&&& {% endif %}
    <p> {{ forloop.counter }}  {{ name }}</p>
    {% if forloop.last %} ===== {% endif %}
{% empty %}
    当前没数据
{% endfor %}

  • 模板标签 - if标签 - 练习

    写一个简单的计算器页面，能够在服务端进行简单加减乘除计算（需记录用户上次填写状态、下拉列表选择状态）

    image-20220216020922893

    • 前端参考代码：

      image-20220216021536197

    • 演示：

    http://127.0.0.1:8000/mycal

    image-20220216023528956

    # mysite1/mysite1/urls.py
urlpatterns = [
    ...
    path('mycal', views.test_mycal),
]


# mysite1/mysite1/views.py
def test_mycal(request):
    if request.method == 'GET':
        return render(request, 'mycal.html')
    elif request.method == 'POST':
        #处理计算
        x = int(request.POST['x'])
        y = int(request.POST['y'])
        op = request.POST['op']

        result = 0
        if op == 'add':
            result = x + y
        elif op == 'sub':
            result = x - y
        elif op == 'mul':
            result = x * y
        elif op == 'div':
            result = x / y

        #dic={'x':x, 'y':y, 'op':op}
        return render(request, 'mycal.html', locals())	# locals方法-局部变量直接封装成字典（Python自带方法）


# mysite1/templates/mycal.html
<form action='/mycal' method='post'>
    <input type='text' name="x" value="{{ x }}">
    <select name='op'>
    <option value="add"  {% if op == 'add' %}selected{% endif %} > +加</option>	# ☆ 记录op状态，option selected属性，使用了if标签
    <option value="sub"  {% if op == 'sub' %}selected{% endif %}> -减</option>
    <option value="mul"  {% if op == 'mul' %}selected{% endif %}> *乘</option>
    <option value="div"  {% if op == 'div' %}selected{% endif %}> /除</option>
    </select>
    <input type='text' name="y" value="{{ y }}"> = <span>{{ result }}</span>
    <div><input type="submit" value='开始计算'></div>
</form>

for标签

  • 语法：

    {% for 变量 in 可迭代对象 %}
    ... 循环语句
{% empty %}
    ... 可迭代对象无数据时填充的语句
{% endfor %}

    官方文档：https://docs.djangoproject.com/zh-hans/2.2/ref/templates/builtins/#for

  • 内置变量 - forloop

image-20220216024655125

  • 演示：
http://127.0.0.1:8000/test_if_for

image-20220216025446396

# mysite1/mysite1/urls.py
urlpatterns = [
    ...
    path('test_if_for', views.test_if_for),
]

# mysite1/mysite1/views.py
def test_if_for(request):
    dic = {}
    dic['lst'] = ['Tom', 'Jack', 'Lily']
    return render(request, 'test_if_for.html', dic)

# mysite1/templates/test_if_for.html
{% for name in lst %}
    {% if forloop.first %} &&&&& {% endif %}
    <p> {{ forloop.counter }}  {{ name }}</p>
    {% if forloop.last %} ===== {% endif %}
{% empty %}
    当前没数据
{% endfor %}

小节

  • 变量调用 - 点大法
  • 标签语法 {% 标签 %} {% 结束标签 %}

过滤器和继承

过滤器

  • 定义：在变量输出时对变量的值进行处理
  • 作用：可以通过使用 过滤器 来改变变量的输出显示
  • 语法：{{ 变量 | 过滤器1:‘参数1’ | 过滤器2:‘参数2’ … }}

官方文档：https://docs.djangoproject.com/zh-hans/2.2/ref/templates/builtins/

  • 常用过滤器：

    image-20220216030721308

  • 演示：

http://127.0.0.1:8000/test_html_param

image-20220216031236417

image-20220216031311962

# mysite1/mysite1/urls.py
urlpatterns = [
    ...
    path('test_html', views.test_html)
]


# mysite1/mysite1/views.py
def test_html_param(request):
    dic = {}
    dic['int'] = 88
    dic['script'] = '<script>alert(1111)</script>'
    return render(request, 'test_html_param.html', dic)

def say_hi():
    return 'hahaha'

class Dog:
    def say(self):
        return 'wangwang'


# mysite1/templates/test_html_param.html
<h3>int 是 {{ int|add:"2" }}</h3>
<h3>str 是 {{ str|upper }}</h3>
<h3>script 是 {{ script|safe }}</h3>

继承

模板的继承

​ 如下样例：

image-20220216032123690

  • 模板继承可以使父模板的内容重用，子模板直接继承父模板的全部内容并可以覆盖父模板中相应的块

  • 语法 - 父模板中：

    • 定义父模板中的**块 block **标签
    • 表时出哪些在子模块中是允许被修改的
    • block 标签：在父模板中定义，可以在子模板中覆盖

  • 语法 - 子模板中：

    • 继承模板 extends 标签（写在模板文件的第一行）

      例如 {% extends 'base.html' %}

    • 子模板 重写父模板中的内容块

      {% block block_name %}
子模板块用来覆盖父模板中 block_name 块的内容
{% endblock block_name %}	- block_name 可写可不写

  • 重写的覆盖规则

    • 不重写，将按照父模板中的效果显示
    • 重写，则按照重写效果显示

  • 注意

    • 模板继承时，服务器端的动态内容无法继承

  • 演示：

http://127.0.0.1:8000/base_index

image-20220216150400013

image-20220216150430581

# mysite1/mysite1/urls.py
urlpatterns = [
    ...
    path('base_index', views.base_view, name='base_index'),
    path('music_index', views.music_view),
    path('sport_index', views.sport_view),
]

# mysite1/mysite1/views.py
def base_view(request):
    lst = ['Tom', 'Jack']
    return render(request, 'base.html', locals())

def music_view(request):
    return render(request, 'music.html')

def sport_view(request):
    return render(request, 'sport.html')

#-------------------------------------------------------------
# mysite1/templates/base.html		# 父模板
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% block mytitle %}
    <title>主页</title>				# 子模板能改的地方
    {% endblock %}
</head>
<body>
{{ lst }}								# 子模板无法继承变量（动态内容）
<a href="/music_index">音乐频道</a>		# 子模板不能改
<a href="/sport_index">体育频道</a>
<br>


{% block info %}
    这是主页							# 子模板能改的地方
{% endblock %}

<br>

<h3>有任何问题联系xxxx</h3>				# 子模板不能改


# mysite1/templates/music.html		# 子模板
{% extends 'base.html' %}				# 继承父模板

{% block mytitle %}
    <title>音乐频道</title>				# 子模板重写block
{% endblock %}

{% block info %}
    欢迎来到音乐频道
{% endblock %}

# mysite1/templates/sport.html
{% extends 'base.html' %}

{% block mytitle %}
    <title>体育频道</title>
{% endblock %}

{% block info %}
    欢迎来到体育频道
{% endblock %}

小节

  • 过滤器

    { 变量 | 过滤器1:‘参数值1’ | 过滤器2:‘参数值2’ … }

  • 模板的继承

    父模板 - 定义可被修改的block

    子模板 - 继承父模板；按需修改父模板中定义的block

url反向解析

  • 代码中 url 出现位置

    1. 模板 【html中】

      1. <a href=‘url’>超链接</a>

        点击后 页面跳转至 url

      2. <form action=‘url’ method=‘post’>

        form表单中的数据 用post方法提交至 url

    2. 视图函数中 - 302跳转 HttpResponseRedirect(‘url’)

      将用户地址栏中的地址跳转到 url

  • 代码中 url 书写规范

    1. 绝对地址

      ​ http://127.0.0.1:8000/page/1

    2. 相对地址

      1. ‘==/==page/1’ - ‘/’ 开头的相对地址，浏览器会把当前地址栏里的 协议，ip 和 端口 加上这个地址，作为最终访问地址，即如果当前页面地址栏为 http://127.0.0.1:8000/page/3；当前相对地址最终结果为 http://127.0.0.1:8000 + /page/1 （☆ 高频使用）
      2. ‘page/1’ - 没有 ‘/’ 开头的相对地址，浏览器会根据当前 url 的最后一个 / 之前的内容 加上 该相对地址 作为最终访问地址，例如当前地址栏地址为 ==http://127.0.0.1:8000/topic/==detail；则该相对地址最终结果为 http://127.0.0.1:8000/topic/ + page/1

  • 演示：

http://127.0.0.1:8000/test/url

image-20220216165641996

image-20220216165734057

image-20220216170206874

# mysite1/mysite1/urls.py
urlpatterns = [
    ...
    # http://127.0.0.1:8000/test/url
    path('test/url', views.test_url),
    path('test_url_result', views.test_url_result)
]


# mysite1/mysite1/views.py
def test_url(request):
    return render(request, 'test_url.html')

def test_url_result(request):
    return HttpResponse('---test url res is ok')


# mysite1/templates/test_url.html
<a href="http://127.0.0.1:8000/test_url_result">绝对地址</a>
<a href="/test_url_result">带'/'的相对地址</a>
<a href="test_url_result">不带'/'的相对地址</a>		# 浏览器解析为 http://127.0.0.1:8000/test/test_url_result

  • url 反向解析

    • url 反向解析是指在视图或者模板中，用 path 定义的名称来动态查找或计算出相应的路由

    • path 函数的语法

      • path(route, views, name=“别名”)
      • path(‘page’, views.page_view, name=“page_url”)
      • 根据 path 中的 ‘name=’ 关键字传给 url 确定了个唯一确定的名字，在模板或视图中，可以通过这个名字反向推断出此 url 信息

    • 模板中 - 通过 url 标签实现地址的反向解析

      {% url '别名' %}
{% url '别名' '参数值1' '参数值2' %}
ex:
{% url 'pagen' '400' %}		--- 传参一律是 str
{% url 'person' age='18' name='gxn' %}
      • 演示：在模板中使用
      http://127.0.0.1:8000/test/url

      image-20220216172535944

      # mysite1/mysite1/urls.py
urlpatterns = [
    ...
    # http://127.0.0.1:8000/test/url
    path('test/url', views.test_url),
    path('test_urls_result/<int:age>', views.test_url_result, name='tr')		# 起别名 tr
]

# mysite1/mysite1/views.py
def test_url(request):
    return render(request, 'test_url.html')

def test_urls_result(request):
    return HttpResponse('---test url res is ok')

# mysite1/templates/test_url.html
<a href="{% url 'tr' '100' %}">url反向解析版本</a>								# ☆ 模板中使用别名

    • 在视图函数中 → 可调用 django 中的 reverse 方法进行反向解析

      from django.urls import reverse
reverse('别名', args=[], kwargs={})
ex:
print(reverse('pagen', args=[300]))
print(reverse('person', kwargs=
{'name':'peng', 'age':23}))

      • 演示：

        http://127.0.0.1:8000/test/url

# 302跳转 - 响应头里的 location 标记跳转地址

        image-20220216174234729

        image-20220216174547656

        # mysite1/mysite1/urls.py
urlpatterns = [
    ...
    path('base_index', views.base_view, name='base_index'),						# 起别名 base_index
    # http://127.0.0.1:8000/test/url
    path('test/url', views.test_url),
    path('test_urls_result/<int:age>', views.test_url_result, name='tr')		# 起别名 tr
]


# mysite1/mysite1/views.py
def base_view(request):
    lst = ['Tom', 'Jack']
    return render(request, 'base.html', locals())

def test_url(request):
    return render(request, 'test_url.html')

def test_url_result(request, age):
    #302跳转
    from django.urls import reverse
    url = reverse('base_index')													# ☆ 视图函数中使用别名
    return HttpResponseRedirect(url)


#---------------------------------------------------------------
# mysite1/templates/test_url.html
<a href="{% url 'tr' '100' %}">url反向解析版本</a>

# mysite1/templates/base.html
略
mycpen
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
DJANGO-URL反向解析REVERSE实例讲解
09-18
在本篇文章里小编给大家整理的是一篇关于DJANGO-URL反向解析REVERSE的相关知识点内容，需要的朋友们学习下。
Django模板：url反向解析
weixin_47008635的博客
04-26 194
写死： {% block page_info %} <h2 style="background-color:red">体育页面</h2> <a href="/">返回首页</a> <a href="/news/">新闻页</a> <a href="/sport/">体育页</a> {% endblock page_info %} 使用{% url ‘name’ %}标签，动...
Django模板中反向解析url
qq_41020281的博客
05-08 905
应用范围： 模板中的超链接 视图中的重定向 使用方法： 定义url时，在项目urls.py中为include定义namespace属性 在应用的urls.py中为url定义name属性 使用时，在模板中使用url标签，在视图中使用reverse函数，根据正则表达式动态生成地址，减轻后期维护成本。 例子： 项目url.py url(r'^booktest3/', include('...
Django视图层：URL的反向解析（主路由include之namespace，子路由之name，模板标签{%url%}，视图reverse()函数，反向解析示例，URL命名空间
weixin_47008635的博客
04-04 459
一、视图层The view layer Django 具有 “视图” 的概念，负责处理用户的请求并返回响应。 二、URL反向解析Reverse resolution of URLs Django 提供了一个解决方案，使得URL映射是URL设计唯一的仓库。你使用 URLconf 来填充它，然后可以双向使用它： 从用户/浏览器请求的URL开始，调用对应的Django视图，并从URL中提取参数需要的值。 从相应的Django视图标识以及要传递给它的参数来获取相关联的URL 。 第一条我们在前面的章节已
Django 数据库高级操作-过滤，反向查询，性能
litang199612的博客
08-28 1291
Django 数据库高级操作-过滤，反向查询，性能 单表的基本操作 http://beanxyz.blog.51cto.com/5570417/1945887 常见字段的使用 http://beanxyz.blog.51cto.com/5570417/1945909 ...
Django-模板语法+反向解析url
aixie0138的博客
05-29 286
1. 模板变量 变量名必须由字母、数字、下划线（不能以下划线开头）和点组成，语法如下： {{ 变量 }} 模板变量可以使python的内建类型，也可以是对象。 def index(request): context = { 'name': 'django', 'my_list': ['python', 'java', 'php',...
Django框架模板语言实例小结【变量，标签，过滤器，继承，html转义】
09-19
主要介绍了Django框架模板语言,结合实例形式总结分析了Django框架中变量，标签，过滤器，继承，html转义等相关模板语言操作技巧,需要的朋友可以参考下
django-url-filter：Django URL过滤器提供了一种通过人类友好的URL过滤数据的安全方法
02-04
django-url-filter：Django URL过滤器提供了一种通过人类友好的URL过滤数据的安全方法
shibboleth_django-freeradius_login:Jaas登录模块将Shibboleth IDP连接到Django
05-10
shibboleth_django-freeradius_login 该项目实现了Java的JAAS LoginModule，它允许Shibboleth idp服务器使用模块进行身份验证。 要求 该项目与Shibboleth idp服务器和django-freeradius模块一起使用，因此请参见...
django-adminlte3：Django的AdminLTE模板，模板标签和管理主题
02-04
Django的AdminLTE模板，模板标签和管理主题 Django AdminLTE3以标准基础模板的形式向开发人员提供AdminLTE3主题的功能。 还提供了Django内置管理界面的可选样式。安装使用pip安装： pip install django-adminlte3...
django中模板和视图函数中使用url反向解析的六种方式
weixin_42289273的博客
08-01 497
一：模板中使用url反向解析的三种方式 一:不带参数的url反向解析 <a href="{% url 'booktest:index' %}">首页</a> 二:带位置参数的url反向解析 <br> <a href="{% url 'booktest:show_args' 10 100 %}">/show_args/1/2/</a> 三:带关键字参数的url反向解析 <a href="{% url 'booktest:show_kwa
django ORM model filter 条件过滤，及多表连接查询、反向查询，某字段的distinct
anyangyu0343的博客
12-02 130
版权归作者所有，任何形式转载请联系作者。作者：petanne（来自豆瓣）来源：https://www.douban.com/note/301166150/ 1.多表连接查询：感觉django太NX了。class A(models.Model):name = models.CharField(u'名称')class B(models.Model):aa = mod...
ROS基于C++动力学约束的路径规划源码+ppt文件.zip
04-30
ROS基于C++动力学约束的路径规划源码+ppt文件.zip
ASP.NET BS结构的城市酒店入住信息管理系统的设计
04-30
ASP.NET B/S结构城市酒店入住信息管理系统的设计与实现简介 一、项目背景与意义 随着城市旅游的蓬勃发展，酒店业作为旅游产业链中的重要一环，面临着日益激烈的市场竞争。为了提升酒店的服务质量和管理效率，信息化管理成为酒店业不可或缺的一部分。因此，我们设计并实现了一个基于ASP.NET的B/S（浏览器/服务器）结构城市酒店入住信息管理系统。该系统旨在帮助酒店实现入住信息的快速录入、查询、修改和统计，提升酒店的运营效率和客户体验。 二、系统主要功能 用户管理：系统支持管理员、前台服务员、客户等不同角色的注册、登录和权限管理。通过角色权限的设置，确保系统数据的安全性和完整性。 房间管理：管理员可以添加、编辑、删除房间信息，包括房间类型、价格、状态等。前台服务员可以实时查看房间状态，为客人办理入住和退房手续。 入住信息管理：前台服务员可以录入客人的入住信息，包括姓名、证件号码、联系方式、入住时间和离店时间等。系统支持客人信息的快速查询和修改，方便前台服务员处理各种客户需求。 费用管理：系统根据客人的入住时间和房间价格自动计算费用，并支持多种支付方式。管理员可以设置折扣、优惠券等促销
基于streamlit的YOLOv8可视化交互界面
04-30
基于streamlit的YOLOv8可视化交互界面
liba52-0-0.7.5+svn613-lp152.3.2.aarch64.rpm
04-30
liba52-0-0.7.5+svn613-lp152.3.2.aarch64
基于matlab实现配电网三相潮流计算方法，对几种常用的配电网潮流计算方法进行了对比分析.rar
最新发布
04-30
基于matlab实现配电网三相潮流计算方法，对几种常用的配电网潮流计算方法进行了对比分析.rar
123321123323211
04-30
121342141414
哈希算法（Hash Algorithm）是一种将任意长度的二进制数据映射为较短的、固定长度的二进制值的函数.txt
04-30
哈希算法的特点
django dev-api/login
05-16
这是一个请求 dev-api 中的 login 接口，使用 Django 框架开发。具体实现可以参考 Django 官方文档或者相关的开源项目。通常情况下，该接口会接收用户的登录请求，验证用户身份，并返回相应的结果，比如是否登录成功...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mycpen

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值