Почему не происходит переход на правильный url?

Я делаю проект в школе, делаю сайт. Когда я нажимаю на nvbar, он переходит на нужный URL, но когда я перехожу в другую категорию, он не работает.

Например: если я ввожу для входа в систему: http://127.0.0.1:8000/login/. если я ввожу для регистрации после входа: http://127.0.0.1:8000/login/register. и мне нужно, чтобы войти: http://127.0.0.1:8000/register

Код: 

URLS:
urlpatterns = [
    path('admin/', admin.site.urls),
    path('', home_screen_view, name="home"),
    path('register/', registration_view, name="register"),
    path('logout/', logout_view, name="logout"),
    path('login/', login_view, name="login"),
    path('account/', account_view, name="account"),
    path('Sourcesofknowledge/', Sourcesofknowledge_view, name="Sourcesofknowledge"),
    path('customersatisfactionsurvey/', customersatisfactionsurvey_view, name="customersatisfactionsurvey"),
    ]
nvbar:
<div class="w3-top">
    <div class="w3-bar w3-black w3-card w3-left-align w3-large">
    <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
    {% if request.user.is_authenticated %}
    <p>Hello, {{request.user.username}}</p>
        <a href="" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
        <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Medicinal stock</a>
        <a href="Sourcesofknowledge" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Sources of knowledge</a>
        <a href="customersatisfactionsurvey" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Satisfaction Survey</a>
        <a href="logout" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Logout</a>
        <a href="account" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">account</a>
    {% else %}
        <a href="" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
        <a href="login" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Login</a>
        <a href="register" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Registry</a>
        <a href="Sourcesofknowledge" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Sources of knowledge</a>
    {% endif %}
  </div>
</div>

Для решения этой проблемы вы можете использовать {% url ... %} узнать больше здесь
https://docs.djangoproject.com/en/4.0/ref/templates/builtins/#url

<div class="w3-top">
    <div class="w3-bar w3-black w3-card w3-left-align w3-large">
    <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
    {% if request.user.is_authenticated %}
    <p>Hello, {{request.user.username}}</p>
        <a href="{% url 'home' %}" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
        <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Medicinal stock</a>
        <a href="{% url 'Sourcesofknowledge' %}" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Sources of knowledge</a>
        <a href="{% url 'customersatisfactionsurvey' %}" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Satisfaction Survey</a>
        <a href="{% url 'logout' %}" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Logout</a>
        <a href="{% url 'account' %}" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">account</a>
    {% else %}
        <a href="{% url 'home' %}" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
        <a href="{% url 'login' %}" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Login</a>
        <a href="{% url 'register' %}" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Registry</a>
        <a href="{% url 'Sourcesofknowledge' %}" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Sources of knowledge</a>
    {% endif %}
  </div>
</div>
Вернуться на верх