美文网首页
Django - 模板结构优化

Django - 模板结构优化

作者: 前端程序猿 | 来源:发表于2018-12-13 00:23 被阅读0次

接着 自定义模板过滤器 往下讲

一、引入模板

include 标签的使用

  • 新建 templates/header.html

    <header>头部</header>
    
  • 新建 templates/footer.html

    <footer>尾部</footer>
    
  • 修改 templates/index.html

    <body>
    {% include 'header.html' %}
    <div>内容</div>
    {% include 'footer.html' %}
    </body>
    

include 标签中的模板查找路径

参照 render_to_string的模板查找路径

include 标签引入的模板可以引用当前模板中的变量

  • 修改 front/views.py

    def index(request):
        context = {
            'title': 'Django'
        }
        return render(request, 'index.html', context=context)
    
  • 修改 templates/header.html

    {#头部 Django#}
    <header>头部 {{ title }}</header>
    
  • 但为了所有引用 templates/header.html 的模板都能使用 title 变量, 可以在 include 标签中传递该变量

    修改 templates/index.html

    {#头部 Young and Beautiful#}
    {% include 'header.html' with title='Young and Beautiful' %}
    

二、模板继承

  • 新建 templates/base.html

    <body>
    {% include 'header.html' with title='Young and Beautiful' %}
    <div>
        {% block content %}
            默认内容
        {% endblock %}
    </div>
    {% include 'footer.html' %}
    </body>
    
  • 修改 templates/index.html:

    {% extends 'base.html' %}
    
    {% block content %}
    首页中的内容
    {% endblock %}
    
  • 访问 block 标签被覆盖的内容:

    templates/index.html:

    {% extends 'base.html' %}
    
    {% block content %}
    首页中的内容
    <p>{{ block.super }}</p>
    {% endblock %}
    

相关文章

  • Django - 模板结构优化

    接着 自定义模板过滤器 往下讲 一、引入模板 include 标签的使用 新建 templates/header....

  • django模板结构优化

    模版结构优化 引入模版 有时候一些代码是在许多模版中都用到的。如果我们每次都重复的去拷贝代码那肯定不符合项目的规范...

  • Django教程(2)——添加页面

    目标:设置Django模板的目录;添加url映射。 1. 需要了解的Django文件结构 mysitesettin...

  • Django的模板层

    python的模板:HTML代码+模板语法 模板语法之变量 在 Django 模板中遍历复杂数据结构的关键是句点字...

  • MocOs:Django(模板优化)

    下载Bootstrap3 使用Bootstrap3优化页面 1.下载完成以后解压 2.在项目目录下创建static...

  • Django项目结构

    此模板是开源项目常用的结构,适合大型Django项目开发。 Project的目录结构,PROJ_NAME指的是项目名

  • Django 五

    目录 1.Django 模板的导入 2.Django 模板的继承 3.Django 搭建测试环境 4.Django...

  • Django handy notes

    Django Handy Notes 如何关闭Django模板的自动转义 Django的模板中会对HTML标签和J...

  • 02.创建Django项目

    创建Django项目 项目目录结构 templates:模板,存放网站的html文件test1:工程目录__ini...

  • Django之Template介绍及日常应用

    Django模板语言 Django模板是一个简单的文本文档,或用Django模板语言标记的一个Python字符串。...

网友评论

      本文标题:Django - 模板结构优化

      本文链接:https://www.haomeiwen.com/subject/cvimhqtx.html