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.. ?
Share On:
👉1 Kitabu cha Afya 👉2 Dua za Mitume na Manabii 👉3 Madrasa kiganjani 👉4 Tafasiri ya Riyadh Swalihina 👉5 Kitau cha Fiqh 👉6 Bongolite - Game zone - Play free game
Post zinazofanana:
Python somo la 14: Jinsi ya kutumia For loop
Katika somo hili utakwend akujifunza matumizi ya for loop kwneye python
Soma Zaidi...Python somo la 32: Jinsi ya kusoma mafaili
Katika somo hili utakwenda kujifunz ajinsi ya kusoma mafaili na mitindo mbalimbali ya kusoma data
Soma Zaidi...Python somo la 51: Jinsi ya kutengeneza Model ya menu
Katika somo hili utakwend akujifunza ktengeneza model kwa ajili ya database table ya menu yetu.
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 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 36: Django framework - Utangulizi
Ni nini maana ya django framework na inafanya kazi gani
Soma Zaidi...Python somo la 23: Library kwenye python
Hapa utajifunza maana ya library, kazi zake aina zake na jinsi ya ku install lirary
Soma Zaidi...Python somo la 56: Kuongeza Data Katika Database kwa Kutumia Django Admin na Django Shell
Katika somo hili tutajifunza njia mbili muhimu za kuongeza data kwenye database katika project yetu ya pybongo (app: menu). Njia hizi ni: Kutumia Django Admin Kutumia Django Shell Utafahamu pia jinsi ya kusajili models kwenye admin, jinsi ya kuingia admin panel, na namna ya kutengeneza entries mpya za MenuItem.
Soma Zaidi...Python somo la 18: Jinsi ya kuandika function
Katika somo hili utakwend akujifunza jinsi ya kuandika function, kuweka parameter na kuitumia function
Soma Zaidi...PYTHON - somo la 6: Jinsi ya kujuwa aina ya data iliyotumika
Katika somo hili utajifunza jisni ya kujuwa aina ya data iliyotumika kwenye python
Soma Zaidi...