django使用html模板减少代码代码解析
更新时间：2017年12月12日 14:04:06 作者：hb91
这篇文章主要介绍了django使用html模板减少代码代码解析，具有一定借鉴价值，需要的朋友可以参考下。
看下面两个页面：
一个显示文章列表，一个显示文章详细信息，其中的部分内容相同，有可以重用的部分。
所有就此例可以设置三个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>首页</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="返回主页">
<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" >首页</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 %}
添加内容
{% endblock context %}
</div>
<div class="span4">
</div>
</div>
</div>
</body>
</html>
使用{%blockcontext%}{%endblockcontext%}标签，添加不同内容
目录部分
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"%}载入模板文件，模板文件的位置为相对于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
总结
以上就是本文关于django使用html模板减少代码代码解析的全部内容，希望对大家有所帮助。感兴趣的朋友可以继续参阅本站：
如有不足之处，欢迎留言指出。感谢朋友们对本站的支持！
相关文章
这篇文章主要介绍了使用Python判断质数(素数)的简单方法讲解,经常被用来做科学计算的Python处理这种小问题当然手到擒来^_-需要的朋友可以参考下2016-05-05
python爬虫使用requests发送post请求示例详解
这篇文章主要介绍了python爬虫使用requests发送post请求示例详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
这篇文章主要介绍了python RC4加密操作,结合实例形式分析了python实现RC4加密功能的具体操作步骤与相关问题解决方法,需要的朋友可以参考下2019-09-09
本文主要是总结yaml常用的一些数据形式，对于我们正常的项目使用，已经足够用了，接下来通过本文给大家分享python 中yaml文件用法，需要的朋友参考下吧2021-07-07
今天小编就为大家分享一篇基于python进行桶排序与基数排序的总结，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-05-05
对数据进行分组统计,主要适用DataFrame对象的groupby()函数,本文就来详细的介绍下Pandas数据分组统计的实现,具有一定的参考价值,感兴趣的可以了解下2023-11-11
这篇文章主要介绍了python实现linux下使用xcopy的方法,可实现模仿windows下的xcopy命令功能,需要的朋友可以参考下2015-06-06
PyQtGraph是一个基于PyQt和NumPy的Python库,它专为实时数据可视化而设计,本文通过实例代码给大家介绍pyqtgraph绘制实时更新数据的图,感兴趣的朋友一起看看吧2024-12-12
这篇文章主要介绍了Python函数属性和PyC，分享了相关代码示例，小编觉得还是挺不错的，具有一定借鉴价值，需要的朋友可以参考下2021-10-10
frozenset是Python中的不可变集合类型,本文主要介绍了Python frozenset集合的实现, 文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2025-04-04
最新评论