Adding Navbar and About Page

Kategori: Python / Django , 22 Eylül 2019 , JanFranco


Navbar ve hakkımızda sayfalarını oluşturalım. İlk olarak navbar adında bir HTML dosyası açalım. Bu dosyada bir navbar oluşturacağız. Daha sonra layout sayfasına bu navbarı dahil edeceğiz ve tüm sayfalar navbara sahip olacak:


<nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <a class="navbar-brand" href="/">JBlog</a>
    <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="/mixes">Mixes </a>
            </li>
            <li class="nav-item active">
              <a class="nav-link" href="/articles">Coding Blog </a>
            </li>
            <li class="nav-item active">
              <a class="nav-link" href="/about">About </a>
            </li>
        </ul>
        <ul class="navbar-nav ml-auto">
            <li class="nav-item active">
              <a class="nav-link" href="/dashboard">Control Panel</a>
            </li>
            <li class="nav-item active">
              <a class="nav-link" href="/logout">Exit</a>
            </li>
             <li class="nav-item active">
                  <a class="nav-link" href="/register">Register</a>
              </li>
              <li class="nav-item active">
                  <a class="nav-link" href="/login">Login</a>
              </li>
        </ul>
    </div>
</nav>
layout.html dosyasını açalım ve body elementlerinin arasına aşağıdaki satırı ekleyelim:


{% include "includes/navbar.html" %}
Hakkımızda sayfası için views.py dosyasına girelim ve aşağıdaki fonksiyonu ekleyelim:


def about(request):
    return render(request, "about.html")
urls.py dosyasını açalım ve pattern listesine aşağıdaki satırı ekleyelim:


path('about/', views.about, name = "about"),
templates klasöründe about.html dosyasını oluşturalım:


{% extends 'layout.html' %}

{% block body %}
    <h3>About</h3>
    <hr>
{% endblock body %}


Sonraki Yazı: Dynamic URL and Sending Objects to HTML
Yorumlar

Henüz bir yorum bulunmuyor.
Yorum bırakın