django使用html模板減少代碼代碼解析
更新時(shí)間：2017年12月12日 14:04:06 作者：hb91
這篇文章主要介紹了django使用html模板減少代碼代碼解析，具有一定借鑒價(jià)值，需要的朋友可以參考下。
看下面兩個(gè)頁(yè)面：
一個(gè)顯示文章列表，一個(gè)顯示文章詳細(xì)信息，其中的部分內(nèi)容相同，有可以重用的部分。
所有就此例可以設(shè)置三個(gè)html文件：重用部分，目錄部分，文章部分。
重用部分：
base.html
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="zh-CN">
{% load staticfiles %}
<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>首頁(yè)</title>
<script type="text/javascript" src="{% static "bootstrap/js/jquery-2.0.0.min.js" %}"> </script>
<script type="text/javascript" src="{% static "bootstrap/js/jquery-ui.js" %}"></script>
<link href="{% static " rel="external nofollow" bootstrap/css/bootstrap-combined.min.css" %}" rel="stylesheet" media="screen" >
<script type="text/javascript" src="{% static "bootstrap/js/bootstrap.min.js" %}"s></script>
</head>
<body>
<div class="container-fluid" id="LG">
<div class="row-fluid">
<img src="{% static "img/head1.png" %}" alt="返回主頁(yè)">
<div class="span12" >
</div>
</div>
<div class="row-fluid">
<div class="span2">
</div>
<div class="span6">
<ul class="nav nav-tabs">
<li class="active">
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >首頁(yè)</a>
</li>
<li>
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >資料</a>
</li>
<li >
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >信息</a>
</li>
</ul>
{% block context %}
添加內(nèi)容
{% endblock context %}
</div>
<div class="span4">
</div>
</div>
</div>
</body>
</html>
使用{%blockcontext%}{%endblockcontext%}標(biāo)簽，添加不同內(nèi)容
目錄部分
index.html
{% extends "blog/base.html" %}
{% block context %}
{% if latest_article_list %}
<ul>
{% for article in latest_article_list %}
<li>
<a href="{% url 'blog:detail' article.id %}" rel="external nofollow" >
{{ article.title }} </a>
</li>
{% endfor %}
</ul>
{% else %}
<p>No articles are available.</p>
{% endif %}
{% endblock context %}
使用{%extends"blog/base.html"%}載入模板文件，模板文件的位置為相對(duì)于templates的路徑。
文章部分：
detail.html
{% extends "blog/base.html" %}
{% block context %}
<h1>{{ article.title }}</h1>
<p>{{ article.content }}</p>
{% endblock context %}
django文檔地址：http://python.usyiyi.cn/django_182/ref/templates/language.html
總結(jié)
以上就是本文關(guān)于django使用html模板減少代碼代碼解析的全部?jī)?nèi)容，希望對(duì)大家有所幫助。感興趣的朋友可以繼續(xù)參閱本站：
Django admin實(shí)現(xiàn)圖書(shū)管理系統(tǒng)菜鳥(niǎo)級(jí)教程完整實(shí)例
如有不足之處，歡迎留言指出。感謝朋友們對(duì)本站的支持！
您可能感興趣的文章:
- Django框架模板語(yǔ)言實(shí)例小結(jié)【變量，標(biāo)簽，過(guò)濾器，繼承，html轉(zhuǎn)義】
- python+django加載靜態(tài)網(wǎng)頁(yè)模板解析
- 在Django框架中自定義模板過(guò)濾器的方法
- 使用grappelli為django admin后臺(tái)添加模板
- Python的Django框架中模板碎片緩存簡(jiǎn)介
- 編寫(xiě)自定義的Django模板加載器的簡(jiǎn)單示例
- python Django模板的使用方法
- 詳解在Python的Django框架中創(chuàng)建模板庫(kù)的方法
- 簡(jiǎn)單了解Django模板的使用
- django創(chuàng)建自定義模板處理器的實(shí)例詳解
- django框架模板語(yǔ)言使用方法詳解
相關(guān)文章
使用Python判斷質(zhì)數(shù)(素?cái)?shù))的簡(jiǎn)單方法講解
這篇文章主要介紹了使用Python判斷質(zhì)數(shù)(素?cái)?shù))的簡(jiǎn)單方法講解,經(jīng)常被用來(lái)做科學(xué)計(jì)算的Python處理這種小問(wèn)題當(dāng)然手到擒來(lái)^_-需要的朋友可以參考下2016-05-05
python爬蟲(chóng)使用requests發(fā)送post請(qǐng)求示例詳解
這篇文章主要介紹了python爬蟲(chóng)使用requests發(fā)送post請(qǐng)求示例詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了python RC4加密操作,結(jié)合實(shí)例形式分析了python實(shí)現(xiàn)RC4加密功能的具體操作步驟與相關(guān)問(wèn)題解決方法,需要的朋友可以參考下2019-09-09
本文主要是總結(jié)yaml常用的一些數(shù)據(jù)形式，對(duì)于我們正常的項(xiàng)目使用，已經(jīng)足夠用了，接下來(lái)通過(guò)本文給大家分享python 中yaml文件用法，需要的朋友參考下吧2021-07-07
基于python進(jìn)行桶排序與基數(shù)排序的總結(jié)
今天小編就為大家分享一篇基于python進(jìn)行桶排序與基數(shù)排序的總結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
Pandas數(shù)據(jù)分組統(tǒng)計(jì)的實(shí)現(xiàn)示例
對(duì)數(shù)據(jù)進(jìn)行分組統(tǒng)計(jì),主要適用DataFrame對(duì)象的groupby()函數(shù),本文就來(lái)詳細(xì)的介紹下Pandas數(shù)據(jù)分組統(tǒng)計(jì)的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解下2023-11-11
python實(shí)現(xiàn)linux下使用xcopy的方法
這篇文章主要介紹了python實(shí)現(xiàn)linux下使用xcopy的方法,可實(shí)現(xiàn)模仿windows下的xcopy命令功能,需要的朋友可以參考下2015-06-06
示例詳解pyqtgraph繪制實(shí)時(shí)更新數(shù)據(jù)的圖
PyQtGraph是一個(gè)基于PyQt和NumPy的Python庫(kù),它專(zhuān)為實(shí)時(shí)數(shù)據(jù)可視化而設(shè)計(jì),本文通過(guò)實(shí)例代碼給大家介紹pyqtgraph繪制實(shí)時(shí)更新數(shù)據(jù)的圖,感興趣的朋友一起看看吧2024-12-12
這篇文章主要介紹了Python函數(shù)屬性和PyC，分享了相關(guān)代碼示例，小編覺(jué)得還是挺不錯(cuò)的，具有一定借鑒價(jià)值，需要的朋友可以參考下2021-10-10
Python frozenset集合的實(shí)現(xiàn)
frozenset是Python中的不可變集合類(lèi)型,本文主要介紹了Python frozenset集合的實(shí)現(xiàn), 文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2025-04-04