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常用列表数据结构小结
Aug 06 Python
跟老齐学Python之不要红头文件(2)
Sep 28 Python
python利用lxml读写xml格式的文件
Aug 10 Python
python+django+sql学生信息管理后台开发
Jan 11 Python
python之线程通过信号pyqtSignal刷新ui的方法
Jan 11 Python
PyTorch里面的torch.nn.Parameter()详解
Jan 03 Python
Python如何读取文件中图片格式
Jan 13 Python
Python实现随机生成任意数量车牌号
Jan 21 Python
详解pandas绘制矩阵散点图(scatter_matrix)的方法
Apr 23 Python
完美解决jupyter由于无法import新包的问题
May 26 Python
Python虚拟环境库virtualenvwrapper安装及使用
Jun 17 Python
Python实战之用tkinter库做一个鼠标模拟点击器
Apr 27 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
DIY实用性框形天线
2021/03/02 无线电
php daodb插入、更新与删除数据
2009/03/19 PHP
解析PHP提交后跳转
2013/06/23 PHP
php通过分类列表产生分类树数组的方法
2015/04/20 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
php模拟post提交请求调用接口示例解析
2020/08/07 PHP
各种常用浏览器getBoundingClientRect的解析
2009/05/21 Javascript
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
2009/10/26 Javascript
Javascript获取窗口(容器)的大小及位置参数列举及简要说明
2012/12/09 Javascript
node中socket.io的事件使用详解
2014/12/15 Javascript
Bootstrap表格和栅格分页实例详解
2016/05/20 Javascript
js实现文字截断功能
2016/09/14 Javascript
javascript编写简易计算器
2017/05/06 Javascript
基于jQuery实现的单行公告活动轮播效果
2017/08/23 jQuery
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
vue webuploader 文件上传组件开发
2017/09/23 Javascript
快速搭建React的环境步骤详解
2017/11/06 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队Mineski晋级之路
2018/04/07 DOTA
[02:19]2018年度DOTA2最佳核心位选手-完美盛典
2018/12/17 DOTA
Python编程中time模块的一些关键用法解析
2016/01/19 Python
Python程序员面试题 你必须提前准备!(答案及解析)
2018/01/23 Python
Django自定义manage命令实例代码
2018/02/11 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
对Pyhon实现静态变量全局变量的方法详解
2019/01/11 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
html5 canvas简单封装一个echarts实现不了的饼图
2018/06/12 HTML / CSS
优秀求职自荐信怎样写
2013/12/18 职场文书
ktv好的活动方案
2014/08/17 职场文书
共青团员自我评价范文
2014/09/14 职场文书
2014副镇长民主生活会个人对照检查材料思想汇报
2014/09/30 职场文书
学校隐患排查制度
2015/08/05 职场文书
幼儿园安全管理制度
2015/08/05 职场文书
个人向公司借款协议书
2016/03/19 职场文书
详解OpenCV获取高动态范围(HDR)成像
2022/04/29 Python