Pthon somo la 41: Template Inheritance katika Django

Pthon somo la 41: Template Inheritance katika Django

Somo hili linazungumzia hatua ya kuunda navigation menu na kutumia template inheritance kwa njia ya kitaalamu katika Django.

Utangulizi

Katika ujenzi wa tovuti kwa kutumia Django, ni muhimu kuhakikisha kuwa kurasa zako zina muundo thabiti unaojirudia kama vile menyu ya urambazaji (navigation menu), kichwa cha ukurasa, na maelezo ya ukurasa (metadata). Hii inafanya tovuti iwe rahisi kudhibiti, kupendeza, na kuwa na athari chanya katika mitambo ya utafutaji (SEO).

Katika somo hili, tutajifunza:

Muundo wa Mradi

Tuendelee na app yetu iitwayo menu ndani ya project Pybongo. Tunayo views mbalimbali kama home, about, contact, na blog.

 

Template tags katika Django. 

Zinatumika ndani ya mafaili ya HTML (template files) kwa ajili ya kuendesha logic ndogo ndogo kwenye upande wa frontend. Django ana mfumo wake wa template language ambao una tags nyingi zaidi.

Template Tags Ulizotaja:

  1. {% extends "base.html" %}
    ➤ Inatumiwa kurithi template nyingine (template inheritance).
    ➤ Mfano: Kurasa zote za ndani zinarithi kutoka base.html.

  2. {% block content %}{% endblock %}
    ➤ Inatumiwa kufafanua sehemu ambayo template za ndani zinaweza kujaza maudhui.
    ➤ Kila block hupewa jina kama content, title, description, nk.

  3. {% load static %}
    ➤ Inaruhusu kutumia mafaili kutoka kwenye folder la static, kama vile CSS, JS, picha, n.k.

  1. {% include "file.html" %}
    ➤ Inatumika kuingiza sehemu ndogo ya template (fragment) ndani ya template nyingine.
    ➤ Mfano: {% include "menu/navbar.html" %}

Hatua kwa Hatua

1. Rekebisha base.html kama template kuu

Katika folder templates/menu/, tengeneza au badilisha base.html kama ifuatavyo:

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}Pybongo{% endblock %}</title>
    
    <meta name="description" content="{% block description %}hii ni project ya Pybongo{% endblock %}">
    
    <link rel="stylesheet" href="{% static 'style.css' %}">
</head>
<body>

<!-- Navigation Menu -->
<nav>
    <a href="/home/">Home</a>
    <a href="/about/">About</a>
    <a href="/contact/">Contact</a>
    <a href="/blog/">Blog</a>
</nav>

<!-- Main Content -->
<div>
    {% block content %}{% endblock %}
</div>

</body>
</html>

Ufafanuzi wa Vipengele Muhimu

Ingia sasa ili uweze kusoma makala hii yote.

Una swali? Nicheki WhatsApp
Zoezi la Maswali

help_outlineZoezi la Maswali

info Jaza maswali yote au baadhi kisha bofya kitufe cha kutuma majibu hapo chini.
1 Ni tag ipi hutumika kuweka maudhui maalum kwenye sehemu ya base.html?
2 Ni ipi kati ya hizi ni faida ya kutumia template inheritance?
3 Ni ipi kazi kuu ya {% extends "base.html" %} kwenye template ya Django?
4 Ni kazi gani ya {% load static %} katika template za Django?
5 Ni ipi kati ya zifuatazo ni sehemu ya metadata inayosaidia SEO?

Nyuma Endelea


Umeionaje Makala hii.. ?

       
Author: Rajabu Rajabu
Tarehe: 2025-05-16 07:01:36 Topic: Python Main: Masomo File: Download PDF Views: 1007

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Madrasa kiganjani     👉2 Tafasiri ya Riyadh Swalihina     👉3 Bongolite - Game zone - Play free game     👉4 Sira ya Mtume Muhammad (s.a.w)     👉5 Simulizi za Hadithi Audio     👉6 kitabu cha Simulizi    

Post zinazofanana:

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 19: Aina za Function

Katika somo hili utakwend akujifunza aina mbalimbali za function ambazo tunaweza kuzitumia kwenye python.

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 36: Kutumia json kwenye python

Katika somo hili utakwend

Soma Zaidi...
Python somo la 52: Kutengeneza table na kufanya Migrations Katika Django

Katika somo hili tutajifunza jinsi Django hutumia migrations kuunda na kubadilisha tables kwenye database kulingana na models tunazoandika. Tutapitia maana ya migration, hatua za kuitumia, umuhimu wake, misingi ya makemigrations na migrate, pamoja na mfano halisi kutoka kwenye project yetu ya pybongo (app: menu).

Soma Zaidi...
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...