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">
...

Jiunge nasi WhatsApp kupata update zetu

Zoezi la Maswali

help_outlineZoezi la Maswali

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

Nyuma Endelea


Umeionaje Makala hii.. ?

Nzuri            Mbaya            Save
Author: Rajabu image Tarehe: 1970-01-01 03:33:45 Topic: Python Main: ICT File: Download PDF Views 378

Share On:

Facebook WhatsApp
Sponsored links
👉1 Madrasa kiganjani    👉2 Tafasiri ya Riyadh Swalihina    👉3 Dua za Mitume na Manabii    👉4 Simulizi za Hadithi Audio    👉5 Kitau cha Fiqh    👉6 Sira ya Mtume Muhammad (s.a.w)   

Post zinazofanana:

PYTHON - somo la 7: Jinsi ya kubadili aina ya data

Katika soo hili utakwenda kujifunza jinsi ya kubaduli aina moja ya data kwena aina nyingine. Kwa mfano unaweza kubadili namba kuwa string ama kubadili string kuwa nanda ama kubadili float kuwa int.

Soma Zaidi...
Python somo la 14: Jinsi ya kutumia For loop

Katika somo hili utakwend akujifunza matumizi ya for loop kwneye python

Soma Zaidi...
Python somo la 16: Jinsi ya kutumia break na continue kwenye loop

Katika somo hili tunakwenda kujifunza matumizi ya break na continue kwenye loop

Soma Zaidi...
PYTHON - somo la 6: Jinsi ya kujuwa aina ya data iliyotumika

Katika somo hili utajifunza jisni ya kujuwa aina ya data iliyotumika kwenye python

Soma Zaidi...
Python somo la 24: Nini maana ya Object Oriented Programming

Hapa tunakwenda kujifunza kuhusu OOP ambapo ni miongoni mwa mitindo ya uandishi wa code

Soma Zaidi...
PYHON - somo la 5: Aina za data list, turple, dictionary na boolean

Katika somo hili tunakwenda kujifunza aina nyingine za data ambazo hutumika kwenye python.

Soma Zaidi...
Python somo la 34: Kutumia html kwneye python

Katika somo hili utakwend akujifunz ajinsi ya kutumia html kwneye python

Soma Zaidi...
Python somo la 22: Package kwenye Python

Hapa utakwenda kujifunz amaana ya package, aina zake na jinsi ya kuandika package.

Soma Zaidi...
PYTHON - somo la 4: Aina za data kwenye python

Katika somo hili utakwenda kujifunza aina za data ambazo hutumika kwenye python. hapa utajifunza aina kuu 3 za data.

Soma Zaidi...
PYTHON - somo la 1: Jinsi ya ku install python

Katika somo hili utajifunza kuhusu maana ya python na kazi zake. pia jinsi ya kuandaa kifaa chako kwa ajili ya somo.

Soma Zaidi...