一，使用{% block name %}{% endblock %}定义一个模板，在模板页面中它的内容为空，在各页面用{% block name %}自己的标签内容{% endblock %}调用。

模板可以有多个，在各继续页面得用{% extends 'master.html' %}标明

二，{% include 'name.html' %} include导入功能可将事先写好的一些常用的页面标签，经常用的，做成一个模块那个页面用那里调用。

三，无论是母板或includer的标签，里面的模板语言{{ variable }}都能被调用它的页面所渲染

例子：

模板master.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}{% endblock %}</title>
  6. <style>
  7.     .page-header{
  8.         background-color: darkgray;
  9.         color: aliceblue;
  10.         height:48px;
  11.     }
  12. </style>
  13. {% block css %}{% endblock %}
  14. </head>
  15. <body>
  16. <div class="page-header">华为管理后台</div>
  17. {% block content %}{% endblock %}
  18. <script type="javascript" src="/static/jquery-3.3.1.js"></script>
  19. {% block js %}{% endblock %}
  20. </body>
  21. </html>

tag.html标签：

  1. <form>
  2.     <input type="text"/>
  3.     <input type="submit"/>
  4. </form>

页面：

  1. {% extends 'master.html' %}
  2.  
  3. {% block title %}tmp01{% endblock %}
  4. {% block css %}
  5.     <style>
  6.         body{
  7.             margin: 0 auto;
  8.         }
  9.     </style>
  10. {% endblock %}
  11. {% block content %}
  12.     <div>
  13.         <h1>用户管理：</h1>
  14.         {% include 'tag.html' %}
  15.         {% include 'tag.html' %}
  16.         {% include 'tag.html' %}
  17.     </div>
  18. {% endblock %}

　　

　　

django template模板 母板 include导入的更多相关文章

  1. Django Template模板

    Django Template 你可能已经注意到我们在例子视图中返回文本的方式有点特别. 也就是说,HTML被直接硬编码在 Python 代码之中. 下面我们来调用html views def ind ...

  2. django template 模板

    九.Template模板 Template 模板是根据view传过来数据在html展示的功能,典型python 模板jinjia2库提供丰富的上下文展示func 创建template位置在项目下与ap ...

  3. 微信小程序template模板与component组件的区别和使用

    前言: 除了component,微信小程序中还有另一种组件化你的方式template模板,这两者之间的区别是,template主要是展示,方法则需要在调用的页面中定义.而component组件则有自己 ...

  4. Django之模板配置（template）

    Django模板系统 官方文档 jinja2模块中文 jinja2模块官方 常用语法 只需要记两种特殊符号: {{  }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量 在Djan ...

  5. django基础2： 路由配置系统，URLconf的正则字符串参数，命名空间模式，View（视图），Request对象，Response对象，JsonResponse对象，Template模板系统

    Django基础二 request request这个参数1. 封装了所有跟请求相关的数据,是一个对象 2. 目前我们学过1. request.method GET,POST ...2. reques ...

  6. Django Template（模板）

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

  7. Django模板中include的标签的使用

    在很多网站中,基本上的都会有一个开头和一个结尾,在每一个网页中都会显示.相对于这种的来说,在Django中,最好的方法就是使用include的标签,在每一个模板中都加入这个开头和结尾的标签. 官方文档 ...

  8. Django Template（模板系统）

    一.Django模板 内置模板标签和过滤器 二.常用操作 两种特殊符号: {{  }}  和 {%  %} 变量相关的用: {{  }} 逻辑相关的用: {%  %} 2.1 变量 在Django的模 ...

  9. Django：模板template（一）

    把模板的过程.语法.标签.反向地址解析.过滤器.模板继承与HTML转义记下笔记 1.概述及demo 动态生成HTML 模板的设计实现业务逻辑(View)和显示内容(template)的分离 一个模板可 ...

随机推荐

  1. LINUX 学习笔记 账号与群组的管理

    LINUX 账号与群组的管理 UID:UserID 保存文件:/etc/passwd GID:GroupID 保存文件:/etc/group /etc/passwd 文件结构 一行代表一个账号,里面还 ...

  2. EOJ Monthly 2019.2 题解(B、D、F)

    EOJ Monthly 2019.2 题解(B.D.F) 官方题解:https://acm.ecnu.edu.cn/blog/entry/320/ B. 解题 单测试点时限: 2.0 秒 内存限制:  ...

  3. 关于JDBC和连接池我学到的（转载保存）

    1.JDBC数据库连接池的必要性 在使用开发基于数据库的web程序时,传统的模式基本是按以下步骤: 在主程序(如servlet.beans)中建立数据库连接. 进行sql操作 断开数据库连接. 这种模 ...

  4. Java判断字符串是否有重复

      检测是否重复: public static boolean checkDifferent(String iniString) { boolean isbool = false; char[] ch ...

  5. shell 之扫描ip段

    #!/bin/sh domain=`echo $1|awk -F"." '{print $1"."$2"."$3"."} ...

  6. （转）解决NSMutableAttributedString富文本,不同文字大小水平轴对齐问题(默认底部对齐)

    默认是底部对齐,其实对的也不齐, 目标效果:  代码: NSBaselineOffsetAttributeName 基线偏移量: 调整: NSBaselineOffsetAttributeName的值 ...

  7. element-ui隐藏组件scrollbar的使用

    话不多说,直接上图 总结:el-scrollbar组件设置高度100%包裹住需要滚动的dom结构即可. 再例如: 至于配置props,参见源码https://github.com/ElemeFE/el ...

  8. JavaScript 浏览器中的事件

    1.事件的基本概念 事件是指在文档或者浏览器中发生的一些特定交互瞬间,比如打开某一个网页,浏览器加载完成后会触发 load 事件,当鼠标悬浮于某一个元素上时会触发 hover 事件,当鼠标点击某一个元 ...

  9. linux btrfs文件系统管理与应用

    btrfs文件系统管理与应用 1.btrfs文件系统 基本介绍 btrfs文件系统在CentOS7.x上属于技术预览版 btrfs文件系统英文名:B-tree  FileSystem或者Butter ...

  10. io读取遇到的问题

    使用Inputstream输入流读取数据的时候总要使用一个额byte[]数组进行读取 byte[] b= new byte[1024]; while((len = in.read(b)) != -1) ...