picha

Python somo la 40: Jinsi ya Kuunda Simple Navigation Menu Katika Django

Katika somo hili utajifunza Jinsi ya Kuunda Simple Navigation Menu Katika Django kwa kutumia template

Utangulizi

Katika maendeleo ya tovuti kwa kutumia Django, navigation menu ni kipengele muhimu kinachowezesha watumiaji kuvinjari kurasa mbalimbali kwa urahisi. Katika somo hili, tutajifunza jinsi ya kuunda menu rahisi ya kurasa kama Home, About, Contact, na Blog, tukitumia pure HTML templates bila kuongeza CSS wala JavaScript.

Tutaendelea na app yetu ya menu ndani ya project ya PyBongo, ambapo tayari views na URL patterns zimeandaliwa. Lengo kuu ni kujenga msingi imara wa muonekano wa tovuti kabla ya kuongeza vipengele vya juu zaidi kama template inheritance na styling.


Mahitaji ya Awali

Hakikisha yafuatayo yako tayari katika mradi wako wa Django:


Muundo wa View Functions (menu/views.py)

Faili ya views.py ina functions zinazohusiana na kila ukurasa wa tovuti. Kila moja inarejesha template husika kwa kutumia render():

from django.http import HttpResponse
from django.shortcuts import render

# Create your views here.
def index(request):
    return render(request, 'menu/base.html')

def home(request):
    return render(request, 'menu/home.html')

def about(request):
    return render(request, 'menu/about.html')

def blog(request):
    return render(request, 'menu/blog.html')

def contact(request):
    return render(request, 'menu/contact.html')

Kila function ni view ya Django inayopokea ombi (request) na kurudisha template ya HTML kupitia render().


URL Patterns (menu/urls.py)

Hizi ndizo njia zinazowezesha kurasa kupatikana kupitia anwani tofauti:

from django.urls import path
from .import views

urlpatterns = [
    path('', views.index, name='index'),
    path('home/', views.home, name='home'),
    path('contact/', views.contact, name='contact'),
    path('blog/', views.blog, name='blog'),
    path('about/', views.about, name='about'),
]

Anwani kama 127.0.0.1:8000/contact/ itafungua ukurasa wa mawasiliano.


Kuandaa Navigation Menu (menu/base.html)

Faili ya base.html ndiyo msingi wa tovuti yetu. Tumeweka viungo (links) vya moja kwa moja kwa kila ukurasa:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   ...
Ingia sasa ili uweze kusoma makala hii yote.

Zoezi la Maswali

help_outlineZoezi la Maswali

info Jaza maswali yote au baadhi kisha bofya kitufe cha kutuma majibu hapo chini.
1 Kwa nini tunatengeneza template tofauti kwa kila ukurasa kama home.html, about.html, nk?
2 Katika views.py, mstari huu unamaanisha nini? return render(request, 'menu/home.html')
3 Katika URL pattern path('about/', views.about, name='about'), neno 'about/' linawakilisha nini?
4 Ni kazi gani inayofanywa na render() katika Django?
5 Viungo vya HTML kama <a href="/contact/">contact</a> vina kazi gani?

Nyuma Endelea


Umeionaje Makala hii.. ?

       
Author: Rajabu image Tarehe: 2025-05-15 20:03:06 Topic: Python Main: Masomo File: Download PDF Views 773

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Tafasiri ya Riyadh Swalihina     👉2 kitabu cha Simulizi     👉3 Kitau cha Fiqh     👉4 Kitabu cha Afya     👉5 Dua za Mitume na Manabii     👉6 ai web app    

Post zinazofanana:

Python somo la 61: Jinsi ya kutuma email kwenye django

Katika maeneo ya development, tunahitaji kutuma email mara nyingi kwa madhumuni ya: Kujaribu mfumo wa OTP Password reset System notifications Activation codes Lakini mara nyingi hatutaki emails ziondoke kwenda kwa watu halisi wakati bado tupo kwenye majaribio.

Soma Zaidi...
Python somo la 31: Jinsi ya kutengeneza faili na folder

Katika somo hili utajifunz ajinsi ya kutengeneza folda, faili na kuweka data kwneye faili

Soma Zaidi...
Python somo la 58: Jinsi ya Kuboresha Django Admin

Katika somo hili tutajifunza mambo matatu muhimu ya kuboresha admin ya Django: Jinsi ya kubadili header za Django Admin Jinsi ya kuongeza columns zinazojitokeza kwenye admin list Jinsi ya kuweka limit ya rows zinazoonekana kwa kila ukurasa (pagination)

Soma Zaidi...
Python somo la 62 Kupakia picha (upload) na kuisoma kutoka kwenye database

Katika somo hili utakwenda kujifunza jinsi ya kushughulika na faili, kama ku upload faili kwenye django.

Soma Zaidi...
Python somo la 51: Jinsi ya kutengeneza Model ya menu

Katika somo hili utakwend akujifunza ktengeneza model kwa ajili ya database table ya menu yetu.

Soma Zaidi...
Python somo la 52: Kutengeneza table na kufanya Migrations Katika Django

Katika somo hili tutajifunza jinsi Django hutumia migrations kuunda na kubadilisha tables kwenye database kulingana na models tunazoandika. Tutapitia maana ya migration, hatua za kuitumia, umuhimu wake, misingi ya makemigrations na migrate, pamoja na mfano halisi kutoka kwenye project yetu ya pybongo (app: menu).

Soma Zaidi...