Django之模組的繼承和匯入
模板的繼承與模板的匯入
模板的繼承:
繼承的概念我們都知道:在類裡面是直接可以使用基類中的屬性和方法,也就是直接能用,不需要自己再寫的意義。
而模板的繼承:我們需要使用一個網頁中一些固定不變的部分,再不用再自己寫或者複製的前提下,只需要寫幾段程式碼就能拿來在一個新的網頁使用,就像一個模板,模板中變化的地方我們自己指定,其他地方不變,值只變化我們指定的地方。
實現過程:
首先需要在被繼承的模板中劃分多個區域,這些區域是我們能的可變動區。
相關推薦:《》
{% block 給區域起的名字 %} {% endblock %} <!--通常情況下一個模板中應該至少有三塊--> {% block css %} 頁面css程式碼塊 {% endblock %} {% block js %} 頁面js程式碼塊 {% endblock %} {% block content %} 頁面主體內容 {% endblock %}
子板繼承模板:
{#先繼承模板所有的內容#} {% extends 'home.html' %} {#然後根據block塊的名字修改指定區域的內容#} {% block content %} <h1>登入頁面</h1> <form action=""> <p>username:<input type="text" class="form-control"></p> <p>password:<input type="text" class="form-control"></p> <input type="submit" class="btn btn-success"> </form> {% endblock %}
如果在一個block模板中需要保留原始的內容則可以在這個block中任意你想要的位置新增一個{{ block.super }},就可以保留原內容。
模板的匯入
將一段html當做模組的方式匯入到另一個html展示
{% include '想匯入的html檔名' %}
模板匯入與自定義inclusion_tag的區別:模板匯入的頁面內容是靜態的、不變的,而透過自定義inclusion_tag匯入的頁面檔案可以是動態的,可動性自己掌控。
補充:靜態檔案配置
{% load static %} <link rel='stylesheet' href="{% static 'css/mycss.css'%}"> # 第一種方式 <link rel='stylesheet' href="{% get_static_prefix %}css/mycss.css"> # 第二種方式
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4692/viewspace-2837174/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- python之匯入模組的方法Python
- ES模組化的匯入和匯出
- django實現分頁的模組(匯入即可用)Django
- JavaScript中的繼承和組合JavaScript繼承
- javascript中的匯出和匯入實現模組化管理JavaScript
- Django框架之auth模組Django框架
- Java之繼承和抽象類Java繼承抽象
- Django 公共模型欄位的設定和繼承(AuditBaseModel、ApprovalBaseModel)Django模型繼承APP
- 模組匯入小結
- py模組匯入示例
- Python 模組匯入方式Python
- es6模組化的匯入匯出
- prefer 組合 to 繼承繼承
- JavaScript中AMD和ES6模組的匯入匯出對比JavaScript
- Python:檢視已安裝模組 和 檢視可匯入模組Python
- 利用xlrd模組在Django專案中實現Excel檔案匯入DjangoExcel
- javascript之繼承JavaScript繼承
- js之繼承JS繼承
- python之繼承Python繼承
- 組合優於繼承繼承
- 【Java】繼承、抽象、組合Java繼承抽象
- python 基礎之繼承、重寫、多繼承Python繼承
- 原型和繼承原型繼承
- javascript的原型和繼承JavaScript原型繼承
- 類的繼承和派生繼承
- odoo 繼承(owl繼承、web繼承、view繼承)Odoo繼承WebView
- tsc、babel、webpack對模組匯入匯出的處理BabelWeb
- python如何匯入自定義模組Python
- 如何動態匯入ECMAScript模組
- go 語言模組匯入importGoImport
- es5繼承和es6類和繼承繼承
- JavaScript(2)之——繼承JavaScript繼承
- JavaScript之物件繼承JavaScript物件繼承
- Django重要元件之Auth模組介紹Django元件
- PHP模擬多繼承的方式:traitsPHP繼承AI
- Nuxt Kit 自動匯入功能:高效管理你的模組和組合式函式UX函式
- Docker的組合優於繼承 - frankelDocker繼承
- 類的組合與繼承——作業繼承