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 Simulizi za Hadithi Audio 👉2 Kitau cha Fiqh 👉3 Dua za Mitume na Manabii 👉4 Tafasiri ya Riyadh Swalihina 👉5 Kitabu cha Afya 👉6 web hosting
Post zinazofanana:
PYHON - somo la 5: Aina za data list, turple, dictionary na boolean
Katika somo hili tunakwenda kujifunza aina nyingine za data ambazo hutumika kwenye python.
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 15: Jinsi ya kutumia while loop
Katika somo hili tutakwend akujifunza jinsi ya kutumia while loop kwneye python
Soma Zaidi...PYTHON - somo la 2: Sheria za uandishi wa pyhton yaani syntax za python
Katika somo hili utakwenda kujifunza syntaxy za python yaani sheria na kanuni za kuandika code za python
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 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 58: Jinsi ya Kuboresha Django Admin
Katika somo hili tutajifunza mambo matatu muhimu ya kuboresha admin ya Django: Jinsi ya kubadili header za Django Admin Jinsi ya kuongeza columns zinazojitokeza kwenye admin list Jinsi ya kuweka limit ya rows zinazoonekana kwa kila ukurasa (pagination)
Soma Zaidi...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 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...