1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
      <output id="hzk7v"></output>
    2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
    3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

      django模板结构优化的方法

       更新时间2019年02月28日 08:19:30   作者小短腿电工   我要评论

      这篇文章主要介绍了django模板结构优化的方法,小编觉得挺不错?#27169;?#29616;在分享给大家也给大家做个参考一起跟随小编过来看看吧

      模版结构优化

      引入模版

      有时候一些代码是在许多模版中都用到的如果我们?#30475;?#37117;重复的去拷贝代码那肯定不符合项目的规范一般我们可以把这些重复性的代码抽取出来就类似于Python中的函数一样以后想要使用这些代码的时候就通过 include 包含进来这个标签就是 include 示例代码如下

      # header.html
      <p>我是header</p>
      
      # footer.html
      <p>我是footer</p>
      
      # main.html
      {% include 'header.html' %}
      <p>我是main内容</p>
      {% include 'footer.html' %}
      
      

      include 标签寻找路径的方式也是跟 render 渲染模板的函数是一样的

      默认 include 标签包含模版会自动的使用主模版中的上下?#27169;?#20063;即可以自动的使用主模版中的变量如果想传入一些其他的参数那么可以使用 with 语句示例代码如下

      # header.html
      <p>用户名{{ username }}</p>
      
      # main.html
      {% include "header.html" with username='huangyong' %}
      

      模板继承

      在前端页面开发?#23567;?#26377;些代码是需要重?#35789;?#29992;的这种情况可以使用 include 标签来实现也可以使用另外一个比较强大的方式来实现那就是模版继?#23567;?#27169;版继承类似于 Python 中的类在父类中可以先定义好一些变量和方法然后在子类中实现模版继承也可以在父模版中先定义好一些子模版需要用到的代码然后子模版直接继承就可以了并且因为子模版肯定有自己的不同代码因此可以在父模版中定义一个block接口然后子模版再去实现以下是父模版的代码

      {% load static %}
      <!DOCTYPE html>
      <html lang="en">
      <head>
        <link rel="stylesheet" href="{% static 'style.css' %}" rel="external nofollow" />
        <title>{% block title %}我的站点{% endblock %}</title>
      </head>
      
      <body>
        <div id="sidebar">
          {% block sidebar %}
          <ul>
            <li><a href="/" rel="external nofollow" >首页</a></li>
            <li><a href="/blog/" rel="external nofollow" >博客</a></li>
          </ul>
          {% endblock %}
        </div>
        <div id="content">
          {% block content %}{% endblock %}
        </div>
      </body>
      </html>
      
      

      这个模版我们取名叫做 base.html 定义好一个简单的 html 骨架然后定义好两个 block 接口让子模版来根据具体需求来实现子模板然后通过 extends 标签来实现示例代码如下

      {% extends "base.html" %}
      
      {% block title %}博客列表{% endblock %}
      
      {% block content %}
        {% for entry in blog_entries %}
          <h2>{{ entry.title }}</h2>
          <p>{{ entry.body }}</p>
        {% endfor %}
      {% endblock %}
      
      

      需要注意的是extends标签必须放在模版的第一?#23567;?/p>

      子模板中的代码必须放在block中否则将不会被渲染

      如果在某个 block 中需要使用父模版的内容那么可以使用 {{block.super}} 来继?#23567;?#27604;如上例 {%block title%} 如果想要使用父模版的 title 那么可以在子模版的 title block 中使用 {{ block.super }} 来实现

      在定义 block 的时候除了在 block 开始的地方定义这个 block 的名字还可以在 block 结束的时候定义名字比如 {% block title %}{% endblock title %} 这在大型模版中显得尤其有用能让你快速的看到 block 包含在哪里

      以上就是本文的全部内容希望对大家的学习有所帮助也希望大家多多支持脚本之家

      相关文章

      最新评论

      3dԻв

        1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
          <output id="hzk7v"></output>
        2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
        3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

            1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
              <output id="hzk7v"></output>
            2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
            3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>