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:
-
Project:
PyBongo -
App:
menu -
Templates folder ikiwa ndani ya
menu/ - Ndani ya app ya menu tengeneza folda liite templates kisha ndani yake tengeneza tena folda liite menu. kisha ndani yake tengeneza mafaili ya html kulingana na menu uazohitaji. Faili la base.html litahusu faili la navigation menu. faili hili litakusanya link za mafaili mengine. Mafaili mengine yametajwa hapo chini
-
Faili zifuatazo zipo:
views.py,urls.py, na templatesbase.html,home.html,about.html,contact.html,blog.html.
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 kupitiarender().
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
help_outlineZoezi la Maswali
Umeionaje Makala hii.. ?
👉1 Kitabu cha Afya 👉2 kitabu cha Simulizi 👉3 Kitau cha Fiqh 👉4 Simulizi za Hadithi Audio 👉5 Bongolite - Game zone - Play free game 👉6 Sira ya Mtume Muhammad (s.a.w)
Post zinazofanana:
Python somo la 38: Kubadilisha landing page ya Django Framework
Katika somo hili utakwenda kujifunza jinsi ya kubadili ukurasa wa landing page wa Django na kuweka ukurasa tunaoutaka sisi.
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 32: Jinsi ya kusoma mafaili
Katika somo hili utakwenda kujifunz ajinsi ya kusoma mafaili na mitindo mbalimbali ya kusoma data
Soma Zaidi...Python somo la 30: Data abstraction
Katika somo hili utakwend akujifunz akuhusu nadharia ya data abstraction na kazi zake kwenye OOP
Soma Zaidi...Python somo la 46: Kutengeneza Fomu na Kuituma kwa Django Template
Katika somo hili utakwenda kujifunza kutengeneza htmk form pamoja na kuituma.
Soma Zaidi...Python somo la 25: Sheria za uandishi wa class
Katika somo hili utajifunza maana ya class, sheria za uandishi wake na mifano halisi
Soma Zaidi...PYTHON somo la 11: Matumizi ya comperison eperator katika python
Katika somo hili utakwenda kujifunza kuhusu operator. Hasa hapa tutakwend akujifunz akuhusu comparison operaor.
Soma Zaidi...PYTHON - somo la 3: Jinsi ya kuandika variable kwenye python
Katika somo hili utajifunza maana ya variable, na sheria za kutengeneza variable kwenye python. Pia utajifunza maneno ambayo hayafai kutumiwa kama variable
Soma Zaidi...Python somo la 20: Aina za parameter kwenye function
Katika somo hili tutakwend akujifunza kwa urefu zaidi kuhusu parameter ambazo hutumika kwenye functions
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...