django使用html模板减少代码代码解析


Posted in Python onDecember 12, 2017

看下面两个页面:

django使用html模板减少代码代码解析

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中stdout输出不缓存的设置方法
May 29 Python
Python判断字符串与大小写转换
Jun 08 Python
DataFrame中去除指定列为空的行方法
Apr 08 Python
PyQt5笔记之弹出窗口大全
Jun 20 Python
django一对多模型以及如何在前端实现详解
Jul 24 Python
pymysql的简单封装代码实例
Jan 08 Python
tensorflow mnist 数据加载实现并画图效果
Feb 05 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
Feb 17 Python
python 使用递归回溯完美解决八皇后的问题
Feb 26 Python
python 截取XML中bndbox的坐标中的图像,另存为jpg的实例
Mar 10 Python
python中使用input()函数获取用户输入值方式
May 03 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
Oct 31 Python
Python使用三种方法实现PCA算法
Dec 12 #Python
Java分治归并排序算法实例详解
Dec 12 #Python
Python数据结构与算法之二叉树结构定义与遍历方法详解
Dec 12 #Python
Python数据结构与算法之图的基本实现及迭代器实例详解
Dec 12 #Python
Python数据结构与算法之图的最短路径(Dijkstra算法)完整实例
Dec 12 #Python
你真的了解Python的random模块吗?
Dec 12 #Python
Python判断两个对象相等的原理
Dec 12 #Python
You might like
php生成随机数的三种方法
2014/09/10 PHP
PHP 加密 Password Hashing API基础知识点
2020/03/02 PHP
javascript 快速排序函数代码
2012/05/30 Javascript
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
2013/01/11 Javascript
求数组最大最小值方法适用于任何数组
2013/08/16 Javascript
JQuery获取表格数据示例代码
2014/05/26 Javascript
常用的JavaScript模板引擎介绍
2015/02/28 Javascript
HTML5 实现的一个俄罗斯方块实例代码
2016/09/19 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
2016/12/05 Javascript
基于Vue实现timepicker
2017/04/25 Javascript
angular.js实现购物车功能
2017/10/23 Javascript
webpack实现一个行内样式px转vw的loader示例
2018/09/13 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
基于JavaScript实现每日签到打卡轨迹功能
2018/11/29 Javascript
js+html实现周岁年龄计算器
2019/06/25 Javascript
Python、Javascript中的闭包比较
2015/02/04 Python
Python打印斐波拉契数列实例
2015/07/07 Python
python学习笔记之调用eval函数出现invalid syntax错误问题
2015/10/18 Python
Python编程实现线性回归和批量梯度下降法代码实例
2018/01/04 Python
Python爬虫实现使用beautifulSoup4爬取名言网功能案例
2019/09/15 Python
基于pandas中expand的作用详解
2019/12/17 Python
python的数学算法函数及公式用法
2020/11/18 Python
用Python制作音乐海报
2021/01/26 Python
MUGLER官方网站:蒂埃里·穆勒香水
2019/11/26 全球购物
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
人力资源管理毕业生自荐信
2013/11/21 职场文书
青春寄语大全
2014/04/09 职场文书
市场营销调查计划书
2014/05/02 职场文书
工地安全质量标语
2014/06/07 职场文书
车间核算员岗位职责
2014/07/01 职场文书
学校党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
企业法人代表证明书
2015/06/18 职场文书
慰问信(范文3篇)
2019/10/23 职场文书
pytorch中的model.eval()和BN层的使用
2021/05/22 Python
解决Laravel使用验证时跳转到首页的问题
2021/11/17 PHP
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript