Django 系列博客九

时间：2019-01-17分类：Django作者：编程之家用户

<h1 id="django-系列博客九">Django 系列博客（九）
<h2 id="前言">前言

本篇博客介绍 Django 模板的导入与继承以及导入导入静态文件的几种方式。

语法：``{% include '模板名称' %}

如下：





    index
    
        .head {
            height: 100px;
            background-color: #2aabd2;
            text-align: center;
            line-height: 100px;
            font-size: 25px;
        }
        .container-fluid {
            text-align: center;
        }
        a {
            list-style: none;
            text-decoration: none !important;
        }
    



    </div>
    <div class="col-md-9"&gt;
    <div class="pull-right"&gt;
        {% block right %}

        {% endblock %}
    </div>
    {% block content %}

    {% endblock %}

    </div>
</div>



    
        
</div>

<div class="panel panel-danger"&gt;
    <div class="panel-heading"&gt;
        <h3 class="panel-title"&gt;<a href="/author/"&gt;作者列表</a></h3>
    </div>

</div>

<div class="panel panel-danger"&gt;
    <div class="panel-heading"&gt;
        <h3 class="panel-title"&gt;<a href="/publish/"&gt;出版社列表</a></h3>
    </div>
</div>


{% extends 'base.html' %}
{% block content %}

{{ blcok.super }}

{% endblock content %}

<h2 id="模板继承">模板继承

Django 模板引擎中最强大的也是最复杂的除了 orm 就是模板继承了。模板继承可以让您创建一个基本的‘’骨架‘’模板，它包含您站点的全部元素，并且可以定义可以被子模板覆盖的 blocks。

通过下面的例子，可以容易的理解模板继承：



    {% block title %}My amazing site{% endblock %}



            

            

        
    {% endblock %}

<div id="content">

{% block content %}{% endblock %}

这个模版，我们把它叫作 base.html，它定义了一个可以用于两列排版页面的简单HTML骨架。“子模版”的工作是用它们的内容填充空的blocks。

在这个例子中， block 标签定义了三个可以被子模版内容填充的block。 block 告诉模版引擎：子模版可能会覆盖掉模版中的这些位置。

子模版可能看起来是这样的：

{% extends "base.html" %}
{% block title %}My amazing blog{% endblock %}
{% block content %}

{% for entry in blog_entries %}
{{ entry.title }}
    {{ entry.body }}
{% endfor %}
{% endblock %}

extends 标签是这里的关键。它告诉模版引擎，这个模版“继承”了另一个模版。当模版系统处理这个模版时，首先，它将定位父模版——在此例中，就是“base.html”。

那时，模版引擎将注意到 base.html 中的三个 block 标签，并用子模版中的内容来替换这些block。根据 blog_entries 的值，输出可能看起来是这样的：



    
    My amazing blog


    
            

            

        
    

<div id="content"&gt;
    <h2>Entry one</h2>
    <p>This is my first entry.</p>

    <h2>Entry two</h2>
    <p>This is my second entry.</p>
</div>

请注意，子模版并没有定义 sidebar block，所以系统使用了父模版中的值。父模版的 {% block %} 标签中的内容总是被用作备选内容（fallback）。

这种方式使代码得到最大程度的复用，并且使得添加内容到共享的内容区域更加简单，例如，部分范围内的导航。

注意：

如果在模板中使用{% extends %}标签，它必须是模板中的第一个标签。其他的任何情况下，模板继承都将无法工作。
在base模板中设置越多的{% block %}标签越好。请记住，子模板不必定义全部父模板中的blocks，所以，你可以在大多数blocks中填充合理的默认内容，然后，只定义你需要的那一个。多一点钩子总比少一点好。
如果你发现在大量的模板中复制内容，那可能意味着你应该把内容移到父模板中的一个{% block %}。
如果需要从父模板中获取块的内容，{{ block.super }}变量可以完成这个任务。如果要添加父块的内容而不是完全覆盖它，这将非常有用。使用{{ block.super }}插入数据将不会自动转义，因为它已经在父模板中进行了必要的转义。
为了更好地可读性，你也可以给你的{& endblock %}标签一个名字。例如：

{% block content %}
{% endblock content %}

在大型模板中，这个方法可以让你清楚地看到哪个标签被关闭了。

不能在一个模板中定义多个相同名字的block标签。

STATIC_URL = '/static/'
STATICFILES_DIRS = [

os.path.join(BASE_DIR,'static')

]

<h3 id="在模板中加载静态文件">在模板中加载静态文件

{% load static %}

<img src="{% static "images/hi.jpg" %}" alt="Hi!" />

{% load static %}

<script src="{% static "mytest.js" %}">

<h3 id="多个文件使用多次取别名">多个文件使用多次取别名
<pre class="html">

{% load static %}

{% static "images/hi.jpg" as myphoto %}

<img src="{{ myphoto }}">

<h3 id="使用-get_static_prefix">使用 get_static_prefix
<pre class="html">

{% load static %}

或

{% load static %}
{% get_static_prefix as STATIC_PREFIX %}

from django.template import Library
register = Library()
@register.inclusion_tag('inclusion.html')
def myinclusion():
pass
@register.inclusion_tag('book_inclusion.html')

def book_inclusion(bookinfo):

print('...',bookinfo)
print(bookinfo[0])
# for info in bookinfo:
#
#     a = infos.values()

# print(a.length)
li = []
for foo in bookinfo:
    li.append(foo)
return {'bookinfo': li}</code></pre>
<h3 id="book_inclusion.html">book_inclusion.html

<table border="1" class="table">

    id
        name
        price
        pub_date
        author
        pub
        edit
        delete
    
    
    {% for foo in bookinfo %}
        </tbody>

</table>
<h3 id="book.html">book.html
<pre class="html">{% extends 'base.html' %}


{% block content %}

{% load inclusions %}

{% book_inclusion bookinfo %}

{% endblock %}

{% block right %} <a href="/book/addto/"><button type="button" class="btn btn-info">新增 {% endblock %}

Django 系列博客九

{{ entry.title }}

STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR,'static')
]

<h3 id="在模板中加载静态文件">在模板中加载静态文件

@register.inclusion_tag('inclusion.html')

def myinclusion():

pass

print(bookinfo[0])

相关推荐

Django 系列博客九

{{ entry.title }}

STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR,'static') ] <h3 id="在模板中加载静态文件">在模板中加载静态文件

@register.inclusion_tag('inclusion.html')

def myinclusion():

pass

print(bookinfo[0])

相关推荐

STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR,'static')
]

<h3 id="在模板中加载静态文件">在模板中加载静态文件