无法在 django url 中顺利导航
Cannot navigate in django url smoothly
我正在 django 中制作一个网络应用程序，我已经在应用程序的 "urls" 文件中设置了 url 路径并设置了视图，但问题是 当我单击菜单项一旦它起作用，现在当我在该页面上单击其他按钮或什至重新单击相同的菜单选项时它会给出错误 ，它似乎没有正确路由。我得回家然后去别的地方url...
当我第一次单击菜单项 (http://localhost:3000/chest/) 时，路由设置如下。
当我在新页面中单击菜单项时，它会像这样附加到路由
( http://localhost:3000/chest/bicep ) instead of this ( http://localhost:3000/bicep/ ).
代码：
urls.py
从 django.contrib 导入管理员
from django.urls import path
from . import views
# from django.conf.urls import url
urlpatterns = [
path("", views.home, name = "HOME"),
path("blog_detail/<int:id>", views.blog_detail, name = "blog"),
# path("about/", views.about, name="about"),
# path("contact/", views.contact, name="contact"),
path("back/", views.back1, name="back"),
# re_path(r'^back/$', views.back1, name="back"),
path("chest/", views.chest, name="chest"),
path("shoulder/",views.shoulder, name="shoulder"),
path("abs/", views.abs, name="abs"),
path("bicep/", views.bicep, name="bicep"),
path("tricep/", views.tricep, name= "tricep"),
path("forearm/", views.forearm, name="forearm"),
path("legs/", views.legs, name="legs"),
path("fullbody/", views.fullbody, name="fullbody"),
path("search/", views.search, name="search"),
]
**views.py**
from django.shortcuts import render
from django.http import HttpResponse
# from .models import Blogpost
# from fitness_blog.models import *
from .models import leg
from .models import chest1
from .models import back
from .models import fullbody1
from .models import bicep1
from .models import tricep1
from .models import shoulder1
from .models import forearm1
from .models import abs1
from .models import chest1
from .models import leg
from .models import shoulder1
from .models import tricep1
from .models import bicep1
from .models import forearm1
from .models import fullbody1
from .models import Blogpost
from django.shortcuts import render, redirect
# Create your views here.
def home(request):
post1 = reversed(Blogpost.objects.all())
# print(post1)
# post1.reverse()
print(post1)
return render(request,"blog/index.html", {'post':post1})
def search(request):
query = request.GET.get('search')
all_blogs= Blogpost.objects.all()
searched_blogs=[]
for item in all_blogs:
word= item.title.lower().split()
if query in word:
searched_blogs.append(item)
print(item.title, "this is filtered.........Mubarak button is working....!!!!!!!!!!!")
for t in searched_blogs:
print(t, "from the list")
print(query)
# for items in all_blogs:
# split_items = items.split(" ")
# print(query, a)
if len(searched_blogs) != 0:
return render(request, "blog/search.html", {'post': searched_blogs, "length":len(searched_blogs)})
else:
print("it is reaching here")
return render(request, "blog/not_found.html", {"length":len(searched_blogs)})
def blog_detail(request, id):
# Blog.objects.filter(pk__in=[1, 4, 7])
blog = Blogpost.objects.filter(post_id=id)[0]
return render(request,"blog/blog_detail.html", {"blog": blog})
def chest(request):
post2 = chest1.objects.all()[0]
# print(post2.post_id)
return render(request, "blog/chests.html", {'post': post2})
def legs(request):
post = leg.objects.all()[0]
print(post)
return render(request, "blog/legs.html", {'post': post})
def back1(request):
post = back.objects.all()[0]
print(post)
return render(request, "blog/legs.html", {'post': post})
def fullbody(request):
post = fullbody1.objects.all()[0]
print(post)
return render(request, "blog/full-body.html", {'post': post})
def bicep(request):
post = bicep1.objects.all()[0]
print(post)
return render(request, "blog/bicep.html", {'post': post})
def tricep(request):
post = tricep1.objects.all()[0]
print(post)
return render(request, "blog/bicep.html", {'post': post})
def shoulder(request):
post = shoulder1.objects.all()[0]
print(post)
return render(request, "blog/shoulder.html", {'post': post})
def forearm(request):
post = forearm1.objects.all()[0]
print(post)
return render(request, "blog/forearm.html", {'post': post})
def abs(request):
post = abs1.objects.all()[0]
print(post)
return render(request, "blog/abs.html", {'post': post})
**"basic.html file"which extends on very page of webapp**
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<title>Gym Crunch</title>
</head>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v6.0"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v6.0"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v6.0"></script>
<style>
.img-fluid {
width: 100%;
height: 25%;
}
</style>
{% load static %}
<body style="background-image: url('{% static 'blog/background.jpg' %}');">
<div class="container" xmlns="http://www.w3.org/1999/html">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand">Brutal-Lifting</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="chest" onclick="goBack()">chest</a>
</li>
<li class="nav-item">
<a class="nav-link" href="back">back</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shoulder">shoulder</a>
</li>
<li class="nav-item">
<a class="nav-link" href="abs">ABS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="bicep">bicep</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tricep">tricep</a>
</li>
<li class="nav-item">
<a class="nav-link" href="legs">legs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="forearm">forearm</a>
</li>
<li class="nav-item">
<a class="nav-link" href="fullbody">Full-Body</a>
</li>
</ul>
</div>
</nav>
{% block body %} {% endblock %}
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>
我再说一遍，问题是浏览器中的 url 没有更新，但它附加了 url，如下所示：http://localhost:3000/chest/bicep instead of updating like this: http://localhost:3000/bicep/
谢谢，希望这些信息足够了
那是因为你在 HTML 中的链接，使用 url 标签，而不是 href='bicep' 写 href={% url 'bicep' %} 等
查看您的 url 路径的名称：
路径("bicep/", views.bicep, 名称="bicep")
您需要将 这个名字 放入 url 标签。
如果你想使用主键 - 你做错了。首先，您需要制作新的 url 模式，例如：
path('blog_detail/<int:pk>', views.*viewname*, name='blog-detail')
然后指定主键 (pk)，它通常是 url 标记中对象的 ID。例如，您正在创建指向您的帖子的链接（当然首先要创建列表视图）：
{% for post in post_list %}
<a href="{% url 'blog-detail' pk=post.id %}">
我正在 django 中制作一个网络应用程序，我已经在应用程序的 "urls" 文件中设置了 url 路径并设置了视图，但问题是 当我单击菜单项一旦它起作用，现在当我在该页面上单击其他按钮或什至重新单击相同的菜单选项时它会给出错误 ，它似乎没有正确路由。我得回家然后去别的地方url...
当我第一次单击菜单项 (http://localhost:3000/chest/) 时，路由设置如下。
当我在新页面中单击菜单项时，它会像这样附加到路由 ( http://localhost:3000/chest/bicep ) instead of this ( http://localhost:3000/bicep/ ).
代码：
urls.py
从 django.contrib 导入管理员
from django.urls import path
from . import views
# from django.conf.urls import url
urlpatterns = [
path("", views.home, name = "HOME"),
path("blog_detail/<int:id>", views.blog_detail, name = "blog"),
# path("about/", views.about, name="about"),
# path("contact/", views.contact, name="contact"),
path("back/", views.back1, name="back"),
# re_path(r'^back/$', views.back1, name="back"),
path("chest/", views.chest, name="chest"),
path("shoulder/",views.shoulder, name="shoulder"),
path("abs/", views.abs, name="abs"),
path("bicep/", views.bicep, name="bicep"),
path("tricep/", views.tricep, name= "tricep"),
path("forearm/", views.forearm, name="forearm"),
path("legs/", views.legs, name="legs"),
path("fullbody/", views.fullbody, name="fullbody"),
path("search/", views.search, name="search"),
]
**views.py**
from django.shortcuts import render
from django.http import HttpResponse
# from .models import Blogpost
# from fitness_blog.models import *
from .models import leg
from .models import chest1
from .models import back
from .models import fullbody1
from .models import bicep1
from .models import tricep1
from .models import shoulder1
from .models import forearm1
from .models import abs1
from .models import chest1
from .models import leg
from .models import shoulder1
from .models import tricep1
from .models import bicep1
from .models import forearm1
from .models import fullbody1
from .models import Blogpost
from django.shortcuts import render, redirect
# Create your views here.
def home(request):
post1 = reversed(Blogpost.objects.all())
# print(post1)
# post1.reverse()
print(post1)
return render(request,"blog/index.html", {'post':post1})
def search(request):
query = request.GET.get('search')
all_blogs= Blogpost.objects.all()
searched_blogs=[]
for item in all_blogs:
word= item.title.lower().split()
if query in word:
searched_blogs.append(item)
print(item.title, "this is filtered.........Mubarak button is working....!!!!!!!!!!!")
for t in searched_blogs:
print(t, "from the list")
print(query)
# for items in all_blogs:
# split_items = items.split(" ")
# print(query, a)
if len(searched_blogs) != 0:
return render(request, "blog/search.html", {'post': searched_blogs, "length":len(searched_blogs)})
else:
print("it is reaching here")
return render(request, "blog/not_found.html", {"length":len(searched_blogs)})
def blog_detail(request, id):
# Blog.objects.filter(pk__in=[1, 4, 7])
blog = Blogpost.objects.filter(post_id=id)[0]
return render(request,"blog/blog_detail.html", {"blog": blog})
def chest(request):
post2 = chest1.objects.all()[0]
# print(post2.post_id)
return render(request, "blog/chests.html", {'post': post2})
def legs(request):
post = leg.objects.all()[0]
print(post)
return render(request, "blog/legs.html", {'post': post})
def back1(request):
post = back.objects.all()[0]
print(post)
return render(request, "blog/legs.html", {'post': post})
def fullbody(request):
post = fullbody1.objects.all()[0]
print(post)
return render(request, "blog/full-body.html", {'post': post})
def bicep(request):
post = bicep1.objects.all()[0]
print(post)
return render(request, "blog/bicep.html", {'post': post})
def tricep(request):
post = tricep1.objects.all()[0]
print(post)
return render(request, "blog/bicep.html", {'post': post})
def shoulder(request):
post = shoulder1.objects.all()[0]
print(post)
return render(request, "blog/shoulder.html", {'post': post})
def forearm(request):
post = forearm1.objects.all()[0]
print(post)
return render(request, "blog/forearm.html", {'post': post})
def abs(request):
post = abs1.objects.all()[0]
print(post)
return render(request, "blog/abs.html", {'post': post})
**"basic.html file"which extends on very page of webapp**
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<title>Gym Crunch</title>
</head>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v6.0"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v6.0"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v6.0"></script>
<style>
.img-fluid {
width: 100%;
height: 25%;
}
</style>
{% load static %}
<body style="background-image: url('{% static 'blog/background.jpg' %}');">
<div class="container" xmlns="http://www.w3.org/1999/html">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand">Brutal-Lifting</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="chest" onclick="goBack()">chest</a>
</li>
<li class="nav-item">
<a class="nav-link" href="back">back</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shoulder">shoulder</a>
</li>
<li class="nav-item">
<a class="nav-link" href="abs">ABS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="bicep">bicep</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tricep">tricep</a>
</li>
<li class="nav-item">
<a class="nav-link" href="legs">legs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="forearm">forearm</a>
</li>
<li class="nav-item">
<a class="nav-link" href="fullbody">Full-Body</a>
</li>
</ul>
</div>
</nav>
{% block body %} {% endblock %}
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>
我再说一遍，问题是浏览器中的 url 没有更新，但它附加了 url，如下所示：http://localhost:3000/chest/bicep instead of updating like this: http://localhost:3000/bicep/
谢谢，希望这些信息足够了
那是因为你在 HTML 中的链接，使用 url 标签，而不是 href='bicep' 写 href={% url 'bicep' %} 等
查看您的 url 路径的名称：
路径("bicep/", views.bicep, 名称="bicep")
您需要将 这个名字 放入 url 标签。
如果你想使用主键 - 你做错了。首先，您需要制作新的 url 模式，例如：
path('blog_detail/<int:pk>', views.*viewname*, name='blog-detail')
然后指定主键 (pk)，它通常是 url 标记中对象的 ID。例如，您正在创建指向您的帖子的链接（当然首先要创建列表视图）：
{% for post in post_list %}
<a href="{% url 'blog-detail' pk=post.id %}">