當前位置：首頁 > 运维知识 > windows >内容正文

windows

django模板系统（下）

發布時間：2023/12/18 windows 21 豆豆

生活随笔收集整理的這篇文章主要介紹了 django模板系统（下）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

主要內容：母版，繼承母版，塊，組件，靜態文件

母版

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="x-ua-compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Title</title>{% block page-css %}{% endblock %} </head> <body><h1>這是母板的標題</h1>{% block page-main %}{% endblock %} <h1>母板底部內容</h1> {% block page-js %}{% endblock %} </body> </html>

注意：我們通常會在母版中定義頁面專用的CSS塊和JS塊，方便子頁面替換

繼承母版

在子頁面中在頁面最上方使用下面的語法來繼承母版

{% extends 'layouts.html' %}

塊（block）

通過在模板中使用{% block xxx %} 來定義“塊”。

在子頁面中通過定義母版中的block名來對應替換母版中相應的內容。

{% block page-main %}<p>花褪殘紅青杏小</p><p>燕子飛時</p><p>綠水人家繞</p><p>枝上柳綿吹又少</p><p>天涯何處無芳草</p> {% endblock %}

組件

可以將常用的頁面內容如導航條，頁尾信息等組件保存在單獨的文件中，然后在需要使用的地方按如下語法導入即可。

{% include 'navbar.html' %}

靜態文件相關

{% load static %} <img src="{% static "images/hi.jpg" %}" alt="Hi!" />

引用JS文件時使用：

{% load static %} <script src="{% static "mytest.js" %}"></script>

某個文件多出被用到可以存為一個變量

{% load static %} {% static "images/hi.jpg" as myphoto %} <img src="{{ myphoto }}"></img>

使用get_static_profix

{% load static %} <img src="{% get_static_prefix %}images/hi.jpg" alt="Hi!" />

或者

{% load static %} {% get_static_prefix as STATIC_PREFIX %}<img src="{{ STATIC_PREFIX }}images/hi.jpg" alt="Hi!" /> <img src="{{ STATIC_PREFIX }}images/hi2.jpg" alt="Hello!" />

自定義simpletag

和自定義filter類似，只不過接受更靈活的參數。

定義注冊simple tag

@register.simple_tag(name="plus") def plus(a, b, c):return "{} + {} + {}".format(a, b, c)

使用自定義simple tag?

{% load app01_demo %}{# simple tag #} {% plus "1" "2" "abc" %}

inclusion_tag

多用于返回HTML代碼片段

示例：

templatetages/my_inclusion.py

from django import templateregister = template.Library()@register.inclusion_tag('result.html') def show_results(n):n = 1 if n < 1 else int(n)data = ["第{}項".format(i) for i in range(1, n+1)]return {"data": data}

templates/result.html

<ul>{% for choice in data %}<li>{{ choice }}</li>{% endfor %} </ul>

templates/index.html

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="x-ua-compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>inclusion_tag test</title> </head> <body>{% load my_inclusion %}{% show_results 10 %} </body> </html>

轉載于:https://www.cnblogs.com/ALADL/p/9767423.html

總結

以上是生活随笔為你收集整理的django模板系统（下）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。