picha

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.

Jiunge nasi WhatsApp

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.

Ungana nasi WhatsApp
Zoezi la Maswali

help_outlineZoezi la Maswali

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

Nyuma Endelea


Umeionaje Makala hii.. ?

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

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Kitau cha Fiqh     👉2 Dua za Mitume na Manabii     👉3 Kitabu cha Afya     👉4 ai web app     👉5 Sira ya Mtume Muhammad (s.a.w)     👉6 kitabu cha Simulizi    

Post zinazofanana:

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 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...
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 49: Jinsi ya ku host project ya Django

Katika somo hili utakwenda kujifunza jinsi ya ku host website ya Django. Hapa tutakwenda kutuma plaform ya pythonanywhere.com.

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 60: Hashing na Encryption kwenye Django

Katika somo hili tutajifunza: Tofauti kati ya hashing na encryption Jinsi ya kufunga packages muhimu Jinsi ya kufanya hashing kwa maneno ya kawaida (mfano “bongoclass”) Jinsi ya kufanya encryption na decrypt kutumia Fernet Jinsi Django inahash password kupitia User model Mazoezi ya vitendo

Soma Zaidi...