Django 2.1.7 模板 - 动态URL 反向解析 - Go语言中文社区

Django 2.1.7 模板 - 动态URL 反向解析


13423234-c8e484b60d8cd3cc.png

相关篇章

Django 2.1.7 创建应用模板
Django 2.1.7 配置公共静态文件、公共模板路径
Django 2.1.7 模板语言 - 变量、标签、过滤器、自定义过滤器、模板注释
Django 2.1.7 模板继承
Django 2.1.7 模板 - HTML转义
Django 2.1.7 模板 - CSRF 跨站请求伪造
Django 2.1.7 模板 - 图片验证码的实现

参考文献

https://docs.djangoproject.com/zh-hans/2.1/topics/templates/
去除模板中的硬编码 URL
为 URL 名称添加命名空间

反向解析

在前面的篇章中,设置视图view的url是写死一个路径path的,当url的path发生需要改变的时候,就会需要去重写很多地方。

下面先来示例看看写死path的情况。

  1. 打开assetinfo/views.py文件,创建视图fan1、fan2。
def fan1(request):
    return render(request,'assetinfo/fan1.html')

def fan2(request):
    return HttpResponse('fan2')

2)打开assetinfo/urls.py文件,配置url。

urlpatterns = [
    # ex:/assetinfo/fan1/
    path('fan1/', views.fan1),
    # ex:/assetinfo/fan2/
    path('fan2/', views.fan2),
]

3)在templates/assetinfo/目录下创建fan1.html。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    普通链接:<a href="/assetinfo/fan2/">fan2</a>
</body>
</html>

4)运行服务器,在浏览器中输入如下网址:
http://127.0.0.1:8000/assetinfo/fan1/

13423234-b5151dc5e433db8f.png

5)点击链接后转向fan2,效果如下图:

13423234-b4f983dc1b3afb31.png

6)打开assetinfo/urls.py文件,修改"fan2"的正则表达式为"fan_show"。

urlpatterns = [
    # ex:/assetinfo/fan2/
    path('fan_show/', views.fan2),
]

7)打开浏览器,后退一下,刷新后再次点击链接,浏览如下图:

13423234-e315de150dea9c7c.png

问题就来了:随着功能的增加会出现更多的视图,可能之前配置的url路径不够准确,于是就要修改url路径,但是url路径一旦修改了,之前所有对应的超链接都要修改,真是一件麻烦的事情,而且可能还会漏掉一些超链接忘记修改,有办法让链接根据正则表达式动态生成吗?
答:反向解析。

反向解析应用在两个地方:模板中的超链接,视图中的重定向。

反向解析

要实现反向解析功能,需要如下步骤:

1)在 assetinfo/urls.py 文件中稍作修改,加上 app_name 设置命名空间namespace:

13423234-15c1c6bded51d036.png
app_name = 'assetinfo'

2)在assetinfo/urls.py中为url定义name属性,并修改为fan2。

urlpatterns = [
    path('fan_show/', views.fan2, name='fan2'),
]

3)在模板中使用url标签做超链接,此处为templates/assetinfo/fan1.html文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    普通链接:<a href="/assetinfo/fan2/">fan2</a>

    <hr>
    
    反向解析:<a href="{% url 'assetinfo:fan2' %}">fan2</a>
</body>
</html>

4)回到浏览器中,后退,刷新,查看源文件如下图,两个链接地址是不一样的。

13423234-d1ba24bbfd766a0e.png

7)反向解析也可以应用在视图的重定向中。创建一个新的视图fan3,用于重定向fan2,如下:

from django.shortcuts import redirect

def fan3(request):
    return redirect('assetinfo:fan2')

URL的参数

有些url配置项正则表达式中是有参数的,接下来讲解如何传递参数。

情况一:路径参数

1)在assetinfo/views.py中,创建fan4视图如下:

def fan4(request, a, b):
    return HttpResponse(a+b)

2)在assetinfo/urls.py中,设置url如下:

app_name = 'assetinfo' # 设置命名空间

urlpatterns = [
    # ex:/assetinfo/fan4/
    path('fan4/<int:a>/<int:b>', views.fan4, name='fan4'),
]

3)修改templates/assetinfo/fan1.html文件如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    普通链接:<a href="/assetinfo/fan2/">fan2</a>
    <hr>
    反向解析:<a href="{% url 'assetinfo:fan2' %}">fan2</a>
    <hr>
    路径参数:<a href="{% url 'assetinfo:fan4' a=2 b=3 %}">fan4</a>
</body>
</html>

4)回到浏览器中,刷新,查看源文件如下图:

13423234-74b9f8fd5d7c0bba.png

点击fan4超链接,如下:

13423234-8eabe52738864cec.png

5)使用重定向传递路径参数格式,创建一个fan5的视图,如下:

def fan5(request):
    a = '1'
    b = '2'
    return redirect('assetinfo:fan4',a,b)

或者

def fan5(request):
    return redirect('assetinfo:fan4',a=1,b=2)

情况二:传递get的问号参数

1) 在assetinfo/views.py中,创建fan6视图,用于接收GET请求参数如下:

def fan6(request):
    a = int(request.GET.get('a'))
    b = int(request.GET.get('b'))
    return HttpResponse(a+b)

2) 在assetinfo/urls.py中,创建fan6的url如下:

urlpatterns = [
    # ex:/assetinfo/fan6
    path('fan6', views.fan6, name='fan6'),
]

3) 在浏览器访问fan6测试如下功能,如下:
http://127.0.0.1:8000/assetinfo/fan6?a=1&b=2

13423234-8e39d9e5b120fe58.png

4) 修改fan1.html,设置超链接访问fan6的请求,如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    普通链接:<a href="/assetinfo/fan2/">fan2</a>
    <hr>
    反向解析:<a href="{% url 'assetinfo:fan2' %}">fan2</a>
    <hr>
    路径参数:<a href="{% url 'assetinfo:fan4' a=2 b=3 %}">fan4</a>
    <hr>
    GET请求问号参数: <a href="{% url 'assetinfo:fan6' %}?a=2&b=3">fan6</a>
</body>
</html>

这里url是动态生成的,但是参数是通过拼接的方式。

5) 访问fan1.html,如下:

13423234-e4350f4ec0e089d3.png

点击访问如下:

13423234-f6188edfac497b4d.png
13423234-0e3934319aa622f6.png
版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/u012887259/article/details/102425855
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2020-03-07 19:35:26
  • 阅读 ( 1209 )
  • 分类:Go

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢