9模板语言继承使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了9模板语言继承使用相关的知识,希望对你有一定的参考价值。

3. 使用母版和继承的注意事项: 1. {% extends ‘base.html‘ %} --> 母版文件:base.html要加引号 2. {% extends ‘base.html‘ %}必须放在子页面的第一行!!! 3. 可以在base.html中定义很多block,通常我们会额外定义page-css和page-js两个块 4. view.py相应的函数中返回的是对应的子页面文件 不是不是不是 base.html

#基础html,base.html

<div>
        {# 这里是每个页面不同的部分  #}
        {% block page-main %}  {!--page-main模板名字--}

        {% endblock %}
</div>
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">

                <li class="{% block publisher_class %}{% endblock %}"><a href="/polls/publisher_list/">出版社列表页</a></li>
                <li class="{% block book_class %}{% endblock %}"><a href="/polls/book_list/">书籍列表</a></li>
                <li class="{% block author_class %}{% endblock %}"><a href="/polls/author_list/">作者列表</a></li>
            </ul>
</div>

book_list2.html
{# 继承母版 #}

{% extends ‘polls/base.html‘ %}

{% block page-main %}
    <h1>这里随便写你的div或其他内容</h1>
{% endblock %}

{% block publisher_class %}
    active
{% endblock %}

以上是关于9模板语言继承使用的主要内容,如果未能解决你的问题,请参考以下文章

Flask之模板之宏继承包含

Django中模板总结[模板语言,模板继承,CSRF攻击,反向解析]

Django的模板系统

Eclipse 中的通用代码片段或模板

VSCode自定义代码片段——.vue文件的模板

vscode之快速生成vue模板