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

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

Jiunge nasi WhatsApp
Upate Update zetu

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

Download Post hii hapa

Download App Yetu

Jifunze zaidi, na wasiliana nasi ukiwa na App yetu. Bofya link hapo chini kuweza kuipakua.

Download Now Bongoclass 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 Viungo vya HTML kama <a href="/contact/">contact</a> vina kazi gani?
3 Katika URL pattern path('about/', views.about, name='about'), neno 'about/' linawakilisha nini?
4 Katika views.py, mstari huu unamaanisha nini? return render(request, 'menu/home.html')
5 Ni kazi gani inayofanywa na render() katika Django?

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 115

Share On:

Facebook WhatsApp
Sponsored links
👉1 Simulizi za Hadithi Audio    👉2 kitabu cha Simulizi    👉3 Kitabu cha Afya    👉4 Madrasa kiganjani    👉5 Bongolite - Game zone - Play free game    👉6 Kitau cha Fiqh   

Post zinazofanana:

Python somo la 32: Jinsi ya kusoma mafaili
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 26: Sheria za uandishi wa object
Python somo la 26: Sheria za uandishi wa object

Katika somo hili utakwend akujifunza maana ya object, na sheria za kuandika object.

Soma Zaidi...
PYTHON - somo la 6: Jinsi ya kujuwa aina ya data iliyotumika
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 3: Jinsi ya kuandika variable kwenye python
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 50: database kwneye django
Python somo la 50: database kwneye django

Katika somo hili utakwenda kujifunza vipi django inaweza kuwasiliana na database, utajifunza kuusu orm na model

Soma Zaidi...
Python somo la 44: Data Manipulation katika Django Templates
Python somo la 44: Data Manipulation katika Django Templates

Katika somo hili utakwend akujifunza jinsi ya kucheza na data kuzibadili kwa namna mbali mbali kwenye template

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

Katika somo hili utakwend akujifunz ajinsi ya kutumia html kwneye python

Soma Zaidi...
Python somo la 37: Jinsi ya ku install Django na kutengeneza project na app
Python somo la 37: Jinsi ya ku install Django na kutengeneza project na app

Katika somo ili utajifunza hatuwa kwa hatuwa za ku install Django, kutengeneza project na kutengeneza app

Soma Zaidi...
Python somo la 29: Encaosulation kwneye python
Python somo la 29: Encaosulation kwneye python

Katika somo hili utajifunza maana ya encapsulation na sheria za uandishi wake

Soma Zaidi...