看下面两个页面：

——————————————————————————————————————————————————————————————————————————————————

一个显示文章列表，一个显示文章详细信息，其中的部分内容相同，有可以重用的部分。

所有就此例可以设置三个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 "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="#">首页</a>

                 </li>

                 <li>

                     <a href="#">资料</a>

                 </li>

                 <li >

                     <a href="#">信息</a>

                 </li>

             </ul>

             {% block context %}

             添加内容

             {% endblock context %}

         </div>

         <div class="span4">

         </div>

     </div>

 </div>

 </body>

 </html>

使用 {% block context %}     {% endblock context %}标签，添加不同内容

目录部分
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 %}">

                      {{ 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模板减少代码的更多相关文章

  1. Django Template（模板）

    一.模板组成 组成:HTML代码 + 逻辑控制代码 二.逻辑控制代码的组成 1.变量 语法格式 : {{ name }} # 使用双大括号来引用变量 1.Template和Context对象(不推荐使 ...

  2. Django框架之模板继承和静态文件配置

    一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.html文件,2.把要显示的页面的内容写在这里 ...

  3. Django框架之模板基础，静态文件配置

    一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.html文件,2.把要显示的页面的内容写在这里 ...

  4. Django 路由、模板和模型系统

    一.路由系统 URL配置(URLconf)就像Django 所支撑网站的目录.它的本质是URL模式以及要为该URL模式调用的视图函数之间的映射表:你就是以这种方式告诉Django,对于这个URL调用这 ...

  5. Django继承HTML模板

    Django在渲染模板的过程中可以实现模板样式的继承,以减少重复的代码 1.extend继承 模板.html: 模板内容 {{% block name1 %}} {{% enfblock %}} #n ...

  6. Django框架2——模板

    django框架2--模板 直接将HTML硬编码到你的视图里却并不是一个好主意: 对页面设计进行的任何改变都必须对 Python 代码进行相应的修改. 站点设计的修改往往比底层 Python 代码的修 ...

  7. Django项目: 2.模板抽取

    为什么要抽模板,因为这样能够复用代码,减少代码量,需要原代码时就不需要修改,也不需要添加; 如果不同,就只需要单独修改不一样的地方就行  : 多挖坑,少代码,这就是抽模板的精髓,挖坑就是({% blo ...

  8. python Django教程 之模板渲染、循环、条件判断、常用的标签、过滤器

    python3.5 manage.py runserver python Django教程 之模板渲染.循环.条件判断.常用的标签.过滤器 一.Django模板渲染模板 1. 创建一个 zqxt_tm ...

  9. 第三百一十节，Django框架，模板语言

    第三百一十节,Django框架,模板语言 模板语言就是可以将动态数据在html模板渲染的语言 一.接收值渲染 locals()函数,写在请求响应render()函数里,可以将逻辑处理函数里的变量传到h ...

随机推荐

  1. centos6搭建docker镜像私服

    1.创建私服容器 docker run -d -e SETTINGS_FLAVOR=dev -e STORAGE_PATH=/tmp/registry -v /opt/data/registry:/t ...

  2. 更改Mysql 密码的4种方法（转）

    原文:http://www.jb51.net/article/39454.htm 方法1: 用SET PASSWORD命令 首先登录MySQL. 格式:mysql> set password f ...

  3. RHEL7安装部署ZooKeeper

    转载请注明出处:jiq•钦's technical Blog - 季义钦 文章说明: 分布式注冊中心(链接)须要安装的组件包括两个部分: 1.注冊中心服务(Zookeeper) 2.站点(Tomcat ...

  4. 中国程序员如何去 Facebook 工作？

    1.在Facebook,可以选择哪里工作? Facebook 在内地确实没有 Office ,但可以在https://www.facebook.com/careers/?ref=pf#location ...

  5. python mysql orm

    Python中操作mysql的pymysql模块详解:https://www.cnblogs.com/wt11/p/6141225.html Python 12 - Mysql & ORM:h ...

  6. JavaEE应用基础平台 AOS-V0.1 RELEASED

    写在最前面 AOS是一个有着悠久历史传承和发扬的平台.她的前世G4Studio自2010年公布V1.0版本号以来,先后经过多次版本号更新.并得到了一些小伙伴的认可和使用.但我们希望做得更好,走得更远. ...

  7. Unity3d 摇杆奖励

    单个单元: publicclass RockerSingle : MonoBehaviour { // 枚举.类别 RockerType  rockerType; //是否有效,最上面的为无效,即为f ...

  8. 【Emit】关于System.MethodAccessException解决方案

        最近学习Emit,在使用Emit动态生成对象时碰到一些"蛋疼"的问题,如下: 1.安全透明方法"XXX.XX()"尝试访问安全关键方法"YYY ...

  9. The hidden layers are either convolutional, pooling or fully connected.

    https://en.wikipedia.org/wiki/Convolutional_neural_network Convolutional layers apply a convolution ...

  10. kettle连接资源库设置

    到这里你是登陆不上去的,需要创建或更新按钮,因为需要在你的数据库里创建关于kettle的数据表,来存储资源库 点执行就可以了 一般情况下kettle资源库自动给你创建两个用户: 工具->资源库- ...