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 Kitau cha Fiqh 👉2 Simulizi za Hadithi Audio 👉3 Tafasiri ya Riyadh Swalihina 👉4 web hosting 👉5 Bongolite - Game zone - Play free game 👉6 kitabu cha Simulizi
Post zinazofanana:
PYTHON - somo la 9: indexing katika strinfg
Katika somo hili tutakwenda kujifunza kuhusu string indexing. Kama tulivyojifunza kuhusu namba katika somo lililopita, basi hapa tutakwenda kucheza na string.
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 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 27: polymorphism kwneye python
Katika somo hili utajifunza maana ya polymorphism na sheria za uandishi wake
Soma Zaidi...PYTHON somo la 11: Matumizi ya comperison eperator katika python
Katika somo hili utakwenda kujifunza kuhusu operator. Hasa hapa tutakwend akujifunz akuhusu comparison operaor.
Soma Zaidi...Python somo la 36: Django framework - Utangulizi
Ni nini maana ya django framework na inafanya kazi gani
Soma Zaidi...PYTHON - somo la 7: Jinsi ya kubadili aina ya data
Katika soo hili utakwenda kujifunza jinsi ya kubaduli aina moja ya data kwena aina nyingine. Kwa mfano unaweza kubadili namba kuwa string ama kubadili string kuwa nanda ama kubadili float kuwa int.
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 - 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 16: Jinsi ya kutumia break na continue kwenye loop
Katika somo hili tunakwenda kujifunza matumizi ya break na continue kwenye loop
Soma Zaidi...