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:
-
Jinsi ya kutumia template inheritance kwa kutumia faili
base.html -
Kuunda navigation menu inayotumika kwenye kurasa zote
-
Kuweka CSS ya nje kwa kutumia
{% load static %} -
Kuongeza metadata ya description kwa kutumia
{% block description %}
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:
-
{% extends "base.html" %}
➤ Inatumiwa kurithi template nyingine (template inheritance).
➤ Mfano: Kurasa zote za ndani zinarithi kutokabase.html. -
{% block content %}{% endblock %}
➤ Inatumiwa kufafanua sehemu ambayo template za ndani zinaweza kujaza maudhui.
➤ Kila block hupewa jina kamacontent,title,description, nk. -
{% load static %}
➤ Inaruhusu kutumia mafaili kutoka kwenye folder lastatic, kama vile CSS, JS, picha, n.k.
-
{% 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 de">Jiunge nasi WhatsApp kupata update zetu
help_outlineZoezi la Maswali
Umeionaje Makala hii.. ?
👉1 Bongolite - Game zone - Play free game 👉2 Kitau cha Fiqh 👉3 Sira ya Mtume Muhammad (s.a.w) 👉4 Madrasa kiganjani 👉5 Simulizi za Hadithi Audio 👉6 kitabu cha Simulizi
Post zinazofanana:
Python somo la 16: Jinsi ya kutumia break na continue kwenye loop
Katika somo hili tunakwenda kujifunza matumizi ya break na continue kwenye loop
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 somo la 27: polymorphism kwneye python
Katika somo hili utajifunza maana ya polymorphism na sheria za uandishi wake
Soma Zaidi...Python somo la 21: Module katika python
Katika somo hili utakwend akujifunz amaana ya module, kazi zake, aina zake na jinsi ya kuandika modile
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 39: Jinsi ya Kuongeza Kurasa Nyingine Katika Django View
Katika somo hili utakwenda kujifunza zaidi kuhusu Jinsi ya Kuongeza Kurasa Nyingine Katika Django View
Soma Zaidi...PYTHON - somo la 1: Jinsi ya ku install python
Katika somo hili utajifunza kuhusu maana ya python na kazi zake. pia jinsi ya kuandaa kifaa chako kwa ajili ya somo.
Soma Zaidi...Python somo la 33: Jinsi ya kupata taarifa za faili
Katika somo hili utakwend akujifunz anamna ya kuwez akupata taarifa zinazohusu faili
Soma Zaidi...Python somo la 43: Kutuma Data kutoka View kwenda Template katika Django
Katika somo hili uatajifunza jinsi gani unaweza kutumia view kma logic kuuma data kwenye template
Soma Zaidi...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
Soma Zaidi...