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>
<meta charset="UTF-8">
...help_outlineZoezi la Maswali
Umeionaje Makala hii.. ?
Share On:
👉1 Kitabu cha Afya 👉2 web hosting 👉3 Bongolite - Game zone - Play free game 👉4 Sira ya Mtume Muhammad (s.a.w) 👉5 Simulizi za Hadithi Audio 👉6 ai web app
Post zinazofanana:
Python somo la 28: inheritance kwenye OOP
Katika somo hili utakwenda kujifunz amaana ya inheritance na sheria za kuiandika inheritance.
Soma Zaidi...Python somo la 56: Kuongeza Data Katika Database kwa Kutumia Django Admin na Django Shell
Katika somo hili tutajifunza njia mbili muhimu za kuongeza data kwenye database katika project yetu ya pybongo (app: menu). Njia hizi ni: Kutumia Django Admin Kutumia Django Shell Utafahamu pia jinsi ya kusajili models kwenye admin, jinsi ya kuingia admin panel, na namna ya kutengeneza entries mpya za MenuItem.
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...Python somo la 48: Jinsi ya Kutumia JavaScript kwenye Fomu za Django
Katika somo hili tutakwend akujifunza kuhusi Jinsi ya Kutumia JavaScript kwenye Fomu za Django
Soma Zaidi...Python seomo la 55: Kutengeneza Simple Admin Dashboard ya CRUD
Katika somo hili tutajifunza jinsi ya kuunda dashboard rahisi ndani ya Django ambayo itaruhusu mtumiaji kuongeza, kusoma, kuhariri na kufuta taarifa za MenuItem bila kutumia Django built-in admin, bali kwa kutumia HTML templates na views tulizotengeneza sisi wenyewe.
Soma Zaidi...Python somo la 15: Jinsi ya kutumia while loop
Katika somo hili tutakwend akujifunza jinsi ya kutumia while loop kwneye python
Soma Zaidi...