day95-django-子版继承母版 

<!--------------------------------母版-------------------------------->
<head>

    <!--替换css-->
    {% block css %}{% endblock %}

</head>
<body>

    <!--替换内容-->
    {% block content %}{% endblock %}

    <!--替换js-->
    {% block js %}{% endblock %}

</body>

<!--------------------------------子版-------------------------------->
{% extends 'layout.html' %}<!--继承母版，要写在html文件的最上面-->

<!DOCTYPE html>
<html lang="zh-CN">
<head>

    <!--引入css-->
    {% block css %}
        <link rel="stylesheet" href="../static/bootstrap3.3.7/css/bootstrap.min.css">
    {% endblock %}

</head>
<body>

    <!--要替换的内容-->
    {% block content %}
        <div>abcabcabcabcabcabcabcabcabcabc</div>
    {% endblock %}

    <!--引入js-->
    {% block js %}
        <script src="../static/jquery-3.4.1.min.js"></script>
        <script>
            <!--js代码-->
        </script>
    {% endblock %}

</body>

 

posted @ 2020-04-13 15:28  梁劲雄  阅读(105)  评论(0)    收藏  举报