Django路由Router


一、路由router

在实际开发过程中,一个Djaqgo 项目会包含很多的 app,这时候如果我们只在主路由里进行配置就会显得杂乱无章,所以通常会在每个app 里,创建各自的 urls.py 路由模块,然后从根路由出发,将 app 所属的 url 请求,全部转发到相应的 urls.py模块中。而这个从主路由转发到各个应用路由的过程叫做路由的分发。

路由匹配

# 使用ur1给视图函数传参数
path('index/', index)
path('detail/<int:id>/', detail)

# 给ur1取别名,那么在使用此ur1的地方可以使用别名。比如:
path('index/', index, name='index')
path('detail/<int:id>/', detail, name='detail')

<int:id> 整数
<str:id> 字符串

命名空间

在实际应用中,Diango中可能存在多个应用程序,每个应用程序都可能有自己的路由模块。为了防止路由冲突,Django提供了命名空间(namespace)的概念。命名空间是一种将路由命名为层次结构的方式,使得在查询路由时可以限定在该命名空间内。

# 在根路由中可以设置命名空间
	path('app/', include(('App.urls',"App",namespace='App')

反向解析

Django路由反向解析是一个非常重要的功能,它可以让我们在代码中使用路由别名替代URL路径,在修改URL时避免代码中的硬编码依赖,同时也可以提高可读性和可维护性。

  • redirect 叫重定向
    • 我们在做跳转的时候,其实就是做一个页面跳转,在我们后台相当于是一个视图函数之间的跳转,从这个视图函数直接跳到另一个视图函数
  • reverse 是反向解析
    • reverse(路由name) 得到的是name所对应的路由路径 (字符串)。
    • reverse( ‘index’)   ==>   ‘index/’
    • redirect(reverse( ‘index’))   相当于==>   redirect( ‘index/’ )   也是可以跳转的。
    • args=    位置传参
    • kwargs=    关键字参数传参
# 在视图函数中,反向解析ur1:
	from django.shortcuts import render,redirect,reverse
	def buy(request):
		return redirect(reverse( 'index')) # 重定向
		return redirect(reverse( 'detail',args=[2])) # 重定向 参数传递
		return redirect(reverse('detail', kwargs={"id": 2})) # 重定向 关键字传参

# 在templates中,使用别名
	{% url 'detail' stu.id %)

# 使用命名空间:
# 指定命令空间后,使用反向解析时需要加上命名空间,比如:
# 1.在视图函数中:
		return redirect(reverse('App:index'))
# 2.在templates中:
	{% url 'App:index' %}
	{% url 'App:detail' 2 %}

如果用了命名空间,后面的反向解析(包括视图函数和模板中)都要使用命名空间

二、实践

新建一个新项目Day02MyDjangoPro01

创建用户模型Model

App\models.py

from django.db import models


class UserModel(models.Model):
    name = models.CharField(max_length=30)
    age = models.PositiveIntegerField()  # 非负数

生成迁移文件: python manage.py makemigrations
执行迁移: python manage.py migrate

数据库:添加几条数据
在这里插入图片描述

添加子路由 - 创建用户首页

App\urls.py

from django.urls import path
from App.views import *

urlpatterns = [
    path('index/', index),  # 首页

]

App\templates\index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h2>首页</h2>
    <hr>

</body>
</html>

App\views.py

from django.shortcuts import render


def index(request):
    return render(request, "index.html")

根路由 Day02MyDjangoPro01\urls.py

from django.contrib import admin
from django.urls import path, include

# from App.views import *


urlpatterns = [
    path('admin/', admin.site.urls),

    # 1. 直接使用根路由
    # path('user/', index),
    # 2.使用子路由: 使用include
    # path('user/', include('App.urls')),
    # 3.使用子路由: 使用include, 命名空间namespace
    path('user/', include(('App.urls', 'App'), namespace='App')),

]

http://127.0.0.1:8000/user/index/

在这里插入图片描述

页面跳转 - 使用反向解析和命名空间

App\templates\user_list.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户列表</title>
</head>
<body>
    <h2>用户列表</h2>
    <hr>
</body>
</html>

App\views.py 创建视图函数user_list

from django.shortcuts import render


# 首页
def index(request):
    return render(request, "index.html")


# 用户列表
def user_list(request):
    return render(request, "user_list.html")

App\urls.py 写一个路由

from django.urls import path
from App.views import *

urlpatterns = [
    path('index/', index),  # 首页
    path('user_list/', user_list, name='user_list')  # 用户列表
]

在这里插入图片描述

需求:在index页面跳转到user_list页面

1. 不使用命名空间的效果

根路由 Day02MyDjangoPro01\urls.py

在这里插入图片描述
App\templates\index.html

反向解析 {% url '定义路由后面name的名字' %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h2>首页</h2>
    <hr>
    {#  url路由跳转  #}
    <a href="/user/user_list/">点击url路由的方式:进入用户列表的页面</a>
    <br>
    {#  反向解析 {% url '定义路由后面name的名字' %} #}
        {#  user_list 是path路由的name值  #}
    <a href="{% url 'user_list' %}">反向解析的方式:进入用户列表的页面</a>
    <br>

</body>
</html>

点击是可以跳转的

在这里插入图片描述

2. 使用命名空间的效果

根路由 Day02MyDjangoPro01\urls.py

在这里插入图片描述

App\templates\index.html

反向解析:带命名空间 {% url '命名空间的名称:定义路由后面name的名字' %}。namespace你可以理解为 一个子路由有一个命名空间。

这样做有什么用?一个命名空间表示一个应用,我们在写代码的时候,如果我们在不同应用中取相同name的话,那么可以通过应用空间namespace去区分他们。

如果是用子路由,就建议使用命名空间!!!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h2>首页</h2>
    <hr>
    {#  url路由跳转  #}
    <a href="/user/user_list/">点击url路由的方式:进入用户列表的页面</a>
    <br>
    
    {#  反向解析 {% url '定义路由后面name的名字' %} #}
        {#  user_list 是path路由的name值  #}
{#    <a href="{% url 'user_list' %}">反向解析的方式:进入用户列表的页面</a>#}
    <br>
    
    {#  反向解析:带命名空间 {% url '命名空间的名称:定义路由后面name的名字' %} #}
    <a href="{% url 'App:user_list' %}">反向解析带命名空间的方式:进入用户列表的页面</a>
</body>
</html>

点击是可以跳转的

在这里插入图片描述

用户详情页面跳转 - 路由传参

App\views.py ,user_list 传参、用户详情

from django.shortcuts import render
from App.models import *


# 首页
def index(request):
    return render(request, "index.html")


# 用户列表
def user_list(request):
    # 获取所有用户数据
    users = UserModel.objects.all()
    return render(request, "user_list.html", {"users": users})


# 用户详情
def user_detail(request, uid):
    # print("uid:", uid)
    user = UserModel.objects.get(pk=uid)  # pk:primary key主键
    return render(request, "user_detail.html", {'user': user})

增加一个页面,用户详情页面, App\templates\user_detail.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户详情</title>
</head>
<body>
    <h2>用户详情</h2>
    <hr>
    <p>用户的名字:{{ user.name }}</p>
    <p>用户年龄:{{ user.age }}</p>
</body>
</html>

添加路由 App\urls.py

from django.urls import path
from App.views import *

urlpatterns = [
    path('index/', index),  # 首页
    path('user_list/', user_list, name='user_list'),  # 用户列表
    path('userdetail/<int:uid>/', user_detail, name='userdetail'),  # 用户详情
]

App\templates\user_list.html ,将数据显示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户列表</title>
</head>
<body>
    <h2>用户列表</h2>
    <hr>
    <ul>
        {% for user in users %}
            <li>
                {#     反向解析: 路由传参           #}
                <a href="{% url 'App:userdetail' user.id %}">{{ user.name }} - {{ user.age }}</a>
            </li>
        {% endfor %}
    </ul>

</body>
</html>

在这里插入图片描述
在这里插入图片描述

路由传递多个参数

App\views.py

from django.http import HttpResponse

# 多个参数
def user_ab_view(request, a, b):
    return HttpResponse(f'a:{a} - b:{b}')

添加路由 App\urls.py

# 多个参数
path('userab/<int:a>/<int:b>/', user_ab_view, name='user_ab'),

在这里插入图片描述

但是如果我把视图函数参数顺序反过来 会怎么样呢?

在这里插入图片描述
可以看到跟视图函数a,b顺序是没有关系的,a传给a,b传给b。

我们在用的时候,要和路由中的参数名一致,名字对应赋值,你可以理解为相当于关键字参数传值,a赋给a,b赋给b。

re_path 以前写法,了解即可

re 是正则的意思

在这里插入图片描述
第一个参数 得用正则,一般前面加一个r,字符串转义,这个跟正则没有太大关系,一般会写上r。有几个参数写上几个括号() ,整个字符串'user_ba/()/()/'会当做字符去处理的,

\d表示一个数字,\d+表示它可以是数字,表示这一块接收的是整数,+的意思就是一个整数多个整数都可以,但不能为零个整数。
a表示整数的名字,?P<a>这一串其实是给它命一个名字,给这个分组命名为a。

重定向Redirect

1. 重定向别的地址

App\views.py

from django.shortcuts import render, redirect, reverse

# 重定向
def my_redirect(request):
    return redirect("https://blog.csdn.net/weixin_59633478/category_12401835.html")

添加路由 App\urls.py

path("myredirect/", my_redirect)

打开浏览器,输入http://127.0.0.1:8000/user/myredirect

在这里插入图片描述

注意:自动跳到了https://blog.csdn.net/weixin_59633478/category_12401835.html,地址改变了

2.重定向到自己路由(带参数)

App\views.py

def my_redirect(request):
    # return redirect("/user/user_list")
    return redirect("/user/userdetail/2/") # 带参数:第一种写法

3.重定向 反向解析: 位置参数传参

def my_redirect(request):
    # return redirect("/user/userdetail/2/") # 带参数:第一种写法
    # 反向解析
    return redirect(reverse("App:userdetail", args=(2,)))  
    # reverse("App:userdetail", args=(2,)) 相当于 '/user/userdetail/2/'

注意: 有命名空间一定要写命名空间,如果没有命名空间就不用写命名空间

# 不带命名空间
return redirect(reverse("userdetail", args=(2,)))  

4. 重定向 反向解析:关键字传参

def my_redirect(request):
    # 反向解析
    # return redirect(reverse("App:userdetail", args=(2,)))  

    # 反向解析: 关键字传参
    return redirect(reverse("App:userdetail", kwargs={'uid': 2}))
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 React 中使用 React Router 来实现动态路由非常简单。下面是一个简单的示例代码: ```javascript import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; function App() { return ( <Router> <Switch> <Route exact path="/" component={Home} /> <Route path="/about" component={About} /> <Route path="/users/:id" component={User} /> <Route component={NotFound} /> </Switch> </Router> ); } function User(props) { const { match } = props; const { id } = match.params; // 根据 id 获取用户信息并渲染到页面上 return <div>User {id}</div>; } ``` 在这段代码中,我们使用了 `react-router-dom` 中提供的 `BrowserRouter`、`Route` 和 `Switch` 组件来实现路由功能。其中: - `BrowserRouter`:表示使用浏览器的 `history` API 来管理路由,可以通过 `Link` 组件来跳转路由; - `Route`:表示一个路由规则,当浏览器的路径与该规则匹配时,会渲染对应的组件; - `Switch`:表示只匹配第一个符合条件的路由规则,如果没有匹配的规则,则渲染 `Route` 组件的 `component` 属性为 `NotFound` 的组件。 在上面的示例代码中,我们定义了三个路由规则: - `/` 路径对应的是 `Home` 组件; - `/about` 路径对应的是 `About` 组件; - `/users/:id` 路径表示动态路由,`:id` 表示用户的 ID,对应的是 `User` 组件。 当用户访问 `/users/1` 路径时,`User` 组件会被渲染,并且通过 `match.params` 属性可以获取到动态路由中的参数,例如上面代码中的 `id` 参数。 至于后端使用 Django 的话,前端只负责路由的渲染和页面的显示,后端需要提供 API 接口来获取数据并返回给前端,前端再将数据渲染到页面上。可以使用 Django 的 REST framework 来实现 API 接口。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值