模板的继承和导入

Posted 2021-03-25 chanyuli

模板的继承

现在有一种应用场景，你在访问一个页面，点击一些按钮，发现上面的部分和左边的侧边栏一直都不变的，只有中间的在变，这就是不变的内容继承了之前的页面。

模板的继承
        事先需要再模板中 通过block划定区域
        
                {% block 区域名字 %}

                {% endblock %}
        子板中如何使用
                {% extends '模板的名字'%}
                
                {% block 区域名字 %}
                    <h1>登录页面</h1>
                {% endblock %}
                        
        一个页面上 block块越多 页面的扩展性越高
        通常情况下 都应该有三片区域
                {% block css %}

                {% endblock %}
                
                {% block content %}

                {% endblock %}
                
                {% block js %}

                {% endblock %}
        
        子板中还可以通过
            {{ block.super }}  来继续使用母版的内容

是被{% block 区域名字 %} {% endblock %}包括的部分可以重新自己写，而不是包住的地方继承。

模板的导入

模板的导入
        当你写了一个特别好看的form表单 你想再多个页面上都使用这个form表单
        你就可以将你写的form表单当作模块的形式导入 导入过来之后 就可以直接展示
        
        {% include 'good_page.html' %}