Django url.py path name同一app下路由別名定義

2022-07-28 22:04:19

Django url path

Django 路由在 urls.py 設定

path('瀏覽器位址列表示URL', '處理方法', '路由別名')

path('app1/screen001/list', screen001_view.list, name='list')

注意：同一app下 name 定義不能重名，若重名，後者會覆蓋前者

不同app下可以重名，呼叫方法：指定app名稱 {% url "app名稱：路由別名"%}

※Django version 4.0.3

project :

pj
├── app1
│   │   urls.py
│   │   screen001_views.py
│   │   screen002_views.py
│   └── ...
│
├── app2
│   │   urls.py
│   │   screen003_views.py
│   └── ...
│   
├── pj
│   │   settings.py
│   │   urls.py
│   └── ...
│   
└── templates
    └──app1 
    │   │   screen001.html
    │   │   screen002.html
    │   └── ...
    └──app2
        │   screen003.html
        └── ...

url.py 路由別名

pj>url.py
from django.urls import path
from django.conf.urls import include
from .views import example_view
urlpatterns = [
    path('', include('core.urls')),
    path('app1/', include('app1.urls')),
    path('app2/', include('app2.urls')),
]

app1>url.py
from django.urls import path
from .views import screen001_view, screen002_view
# 定義範例名稱空間
app_name = 'app1'
urlpatterns = [
    # 畫面１
    path('app1/screen001/list', screen001_view.list, name='list'), # 路由別名 list ⇒ s1_list
    path('app1/screen001/search', screen001_view.search, name='search'),
    # 畫面２
    path('app1/screen002/list', screen002_view.list, name='list'), # 路由別名 list ⇒ s2_list
]

路由別名【list】，若同一app下重名，呼叫後者【screen002_view.list】

但可以給同一個函數，定義不同的路由別名，以提供相同的函數給兩個不同的群體

app2>url.py
from django.urls import path
from .views import screen003_view
# 定義範例名稱空間
app_name = 'app2'
urlpatterns = [
    # 畫面３
    path('app2/screen003/list', screen003_view.list, name='list'),　# 路由別名 list ⇒ 不同app下可以重名
]

呼叫方法：

被指定的名稱空間 URL 使用':'操作符。

{% url "app名稱：路由別名" %}

HTML（template）呼叫範例

<form action="{% url 'app1:app1_s1_list' %}" method="post">

window.open("{% url 'app1:app1_s1_search' %}?id=" + row['id'], '_blank');

function delete_file(id){
    $.ajax({
        'url': '{% url "app1:app1_s1_list" %}',
        'type': 'POST',
        'data': JSON.stringify({id:id}),
        'contentType': "application/json",
        'dataType': 'json'
    }).done(function (response) {
        console.log("success");
    }).fail(function(jqXHR, textStatus, errorThrown){
        console.log("システムエラー["+textStatus+"]"+errorThrown);
    });