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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- django的html繼承DjangoHTML繼承
- 公有繼承、私有繼承和保護繼承之間的對比繼承
- django實現分頁的模組(匯入即可用)Django
- Java之繼承和抽象類Java繼承抽象
- ES模組化的匯入和匯出
- C++繼承一之公有繼承C++繼承
- python之匯入模組的方法Python
- JS原型繼承和類式繼承JS原型繼承
- javascript之繼承JavaScript繼承
- js之繼承JS繼承
- JAVA 之 繼承Java繼承
- oop 之繼承OOP繼承
- odoo 繼承(owl繼承、web繼承、view繼承)Odoo繼承WebView
- 面試題之原型、原型鏈、和繼承面試題原型繼承
- 原型和繼承原型繼承
- 征服 JavaScript 面試:類繼承和原型繼承的區別JavaScript面試繼承原型
- javascript的原型和繼承JavaScript原型繼承
- 類的繼承和派生繼承
- JavaScript(2)之——繼承JavaScript繼承
- python之繼承Python繼承
- JavaScript之物件繼承JavaScript物件繼承
- es5繼承和es6類和繼承繼承
- Java介面之間的繼承Java繼承
- python 基礎之繼承、重寫、多繼承Python繼承
- Django 公共模型欄位的設定和繼承(AuditBaseModel、ApprovalBaseModel)Django模型繼承APP
- 從本質認識JavaScript的原型繼承和類繼承JavaScript原型繼承
- VS2005入門之類--繼承繼承
- 深入淺出JavaScript之原型鏈和繼承JavaScript原型繼承
- Javascript繼承4:潔淨的繼承者—-原型式繼承JavaScript繼承原型
- 封裝和繼承封裝繼承
- Javascript 繼承和克隆JavaScript繼承
- Java繼承和介面Java繼承
- 【Maven】聚合和繼承Maven繼承
- 繼承和多型繼承多型
- JavaScript原型和繼承JavaScript原型繼承
- 多型和繼承多型繼承
- OOP的多型和繼承OOP多型繼承
- JS的原型鏈和繼承JS原型繼承