Djangourl反向解析的实现

2024-04-02 19:55

短信预约 -IT技能 免费直播动态提醒

1、代码中URL可以出现的位置

一个是在HTML模板中，一个是在视图函数中：

1、模板【HTML】中
（1） <a href='URL'>超链接</a> 点击后页面跳转至URL
（2） <form action='URL' method='post'> form表单中的数据，用post方法提交至URL
2、视图函数中
（1）302跳转 HttpResponseRedirect(URL) 将用户地址栏中的地址跳转到URL

2、代码中URL书写规范

（1）绝对地址
eg: http://127.0.0.1:8000/page/1
（2）相对地址

‘/' 开头的相对地址 eg: ‘/page/3'

浏览器会把当前地址栏里的协议、Ip、端口加上这个地址，作为最终访问地址。
例如：当前页面地址为：http://127.0.0.1:8000/page/1；相对地址为 ‘/page/3' ；则最终访问地址为：http://127.0.0.1:8000 + /page/3

不带 ‘/' 开头的相对地址 eg: ‘page/3'

浏览器会根据当前URL的最后一个/之前的内容，加上该相对地址作为最终访问地址。
例如：当前页面地址为：http://127.0.0.1:8000/topic/detail；相对地址为 ‘page/3' ；则最终访问地址为：http://127.0.0.1:8000/topic/ + /page/3

3、URL反向解析

（1）定义：

URL反向解析是指在视图或模板中，用path定义的名称来动态查找或计算出相应的路由。
path函数语法：
path(route, views, name=‘别名')

根据path中的关键字name传参给URL确定了唯一确定的名字，在模板或视图中，可以通过这个名字反向推断出此URL信息。从而避免了在模板或视图中写绝对或相对路径。

（2）使用方式

模板中–通过URL标签实现地址的反向解析


{% url '别名'%}
{% url '别名'% '参数值1' '参数值2'}
eg:
{% url 'pagen' '100' %}
{% url 'person' age='18' name='xixi'%}

视图函数中 – 可调用Django中的reverse方法进行反向解析


from django.urls import reverse
reverse('别名',args=[],kwargs={})
eg:
reverse('pagen',args=[100])
reverse('person',kwargs={'age':18,'name':'xixi'})
 
from django.urls import reverse
   url = reverse('base_index')
   return HttpResponseRedirect(url)

4 案例

urls.py


path('test/url', views.test_url),
# 在『模板』test_url.html中通过‘tr'反向解析该路由
path('test_url_result/<int:age>', views.test_url_result, name='tr'),
# 之前案例中的路由
# 在「视图函数」test_url_result中通过reverse反向解析该路由
path('base_index', views.base_view, name='base_index'),

views.py


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

def test_url_result(request, age):
    # 302跳转
    from django.urls import reverse
    # 通过reverse反向解析该路由
    url = reverse('base_index')
    return HttpResponseRedirect(url)
    # return HttpResponse('--- test url is ok')   # 该方法直接return可以验证相对地址中带/ 和不到/的路由

templates/test_url.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试url</title>
</head>
<body>

<a href="http://127.0.0.1:8000/test_url_result" rel="external nofollow" >绝对地址</a>
<a href="/test_url_result" rel="external nofollow" >带'/'的相对地址</a>
<a href="test_url_result" rel="external nofollow" >不带'/'的相对地址</a>

<br>
<!-- 模板中，URL方向解析使用案例-->
<a href="{% url 'tr' '100' %}" rel="external nofollow" >url反向解析</a>

</body>
</html>

启动服务，浏览器输入：http://127.0.0.1:8000/test/url
鼠标点击后悬浮在对应连接上，可以看对应的绝对地址。

在这里插入图片描述