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.. ?
Share On:
👉1 Simulizi za Hadithi Audio 👉2 Tafasiri ya Riyadh Swalihina 👉3 Kitabu cha Afya 👉4 ai web app 👉5 Madrasa kiganjani 👉6 Kitau cha Fiqh
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 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 53: Kutengeneza HTML Form na Django View kwa ajili ya kuingiza data
Katika somo hili tutaangalia jinsi ya kutengeneza fomu ya HTML kwa ajili ya kuingiza data kwenye jedwali la MenuItem, pamoja na kutengeneza view itakayopokea data hiyo na kuihifadhi kwenye database. Pia tutaunganisha form na URL route.
Soma Zaidi...Python somo la 42: Template tag
Katika somo hili utakwenda kujifunza kuhsu Template Tag nini na kazi zake. Pia utajifunza sheria za uandishi wake.
Soma Zaidi...PYTHON - somo la 10: string method na zinavyofanya kazi
Katika somo hili utakwenda kujfnza kuhusu string method nyinginezo. Katika somo lililopita tulijifunza kuhusu string indexing.
Soma Zaidi...PYTHON somo la 12: assignment operator, logical operator, identity oeprator na membership operator
Katika somo hili utakwenda kujfunza operator nyingine kama assignment operator logical, identity operator na membership operator.
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 8: method za namba zinazotumika kwenye python
Katika somo hili utakwenda kujifunza kuhusu number method yaani function zinazofanya kazi kwenye namba.
Soma Zaidi...Python somo 57: Matumizi ya Python shell
Katika somo hili, tutajifunza: Maana ya Python shell na umuhimu wake. Tofauti kati ya shell na terminal ya kawaida. Matumizi ya shell, hususan kwenye Django. Amri muhimu zaidi za Python shell, zilizotokana na models na views zako za pybongo.
Soma Zaidi...Python somo la 45: Kutumia Loops na Conditions katika Django Templates
Katika somo hili utakwend akujifunza kuchakata data kwa Kutumia Loops na Conditions katika Django Templates
Soma Zaidi...