我的Django模板导航栏无法正常工作

问题描述 投票:-1回答:1

[这里,我有两个名为base.html的模板,contact.html.contact.html扩展了base.html。我只有这两个模板。当我单击Blog或关于它时,它会将我滚动到About部分或Blog部分。 >

但是问题是进入联系页面时,当我尝试单击导航栏主页中的任何URL或从联系页面访问URL时,它什么地方都没有。如何解决此问题?

当我在base.html中时,它的网址为127.0.0.1/#blogs,但在联系页面中127.0.0.1/contact/#blogs

对不起,我的英语不好。

urls.py

urlpatterns = [
    path('admin/', admin.site.urls),
    path('',views.home,name='home'),
    path('contact/', views.contact, name='contact'),

views.py

def home(request):
    abt_me = Me.objects.order_by('-created').first()

    return render(request,'base.html',{'abt':abt_me})

def contact(request):
    form = ContactForm()
    if request.method == 'POST':
        form = ContactForm(request.POST)
        if form.is_valid():
            contact = form.save()
            messages.success(request, 'Hello {}!. Your message has been sent successfully'.format(contact.full_name))
            return redirect('contact')

    return render(request,'contact.html',{'form':form})

base.html

  <nav class="site-navigation position-relative text-right" role="navigation">
              <ul class="site-menu main-menu js-clone-nav mr-auto d-none d-lg-block">
                <li><a href="#home" class="nav-link">Home</a></li>
                <li><a href="#blogs" class="nav-link">Blog</a></li>
                <li><a href="#about" class="nav-link">About</a></li>
                <li><a href="{% url 'contact' %}" class="nav-link">Contact</a></li>


              </ul>
            </nav>
<div class="site-section" id="about">
      <div class="container">
        <div class="row ">

contact.html

{% extends 'base.html' %}
{% load static %}


{% block content %}
<section class="site-section">

这里我有两个名为base.html的模板,contact.html.contact.html扩展了base.html。我只有这两个模板。当我单击Blog或关于它时,它会将我滚动到About部分或Blog ...

html django django-views django-urls
1个回答
0
投票

您的主页应为127.0.0.1/,且此为; path('',views.home,name ='home'),

© www.soinside.com 2019 - 2024. All rights reserved.