zoukankan      html  css  js  c++  java
  • Django 基模板布局设置

    Django 基模板布局设置

    基模板

    • 定义基础模板一般分为三块,css部分,body部分,js部分
    • 将基础统一的部分写在基础模板中
    • 差异部分直接 引用 {% block css %}{% endblock %} 将差异部分写在里面即可
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="/static/dist/css/bootstrap.css">
        <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js "></script>
        <script src="/static/dist/js/bootstrap.js"></script>
        <style>
            body{
                margin: 0;
            }
            .pg-header{
                height: 48px;
                background-color: cadetblue;
            }
        </style>
        
        {# 自定义 差异部分的Css #}
        {% block css %}{% endblock %}
    </head>
    <body>
        <div class="pg-header">菜单</div>
    
        {# 自定义 差异部分的body部分 #}
        {% block body %}{% endblock %}
    
    
        <script></script>
        {# 自定义 差异部分JS #}
        {% block js %}{% endblock %}
    </body>
    </html>
    
  • 相关阅读:
    用内联取代宏代码
    参数的缺省值
    令人迷惑的隐藏规则
    重载与覆盖
    重载是如何实现的?
    重载的起源
    C++函数的高级特性
    使用调试器逐步跟踪程序
    new/delete 的使用要点
    malloc/free 的使用要点
  • 原文地址:https://www.cnblogs.com/baolin2200/p/8166874.html
Copyright © 2011-2022 走看看