Django 基模板布局设置

最新推荐文章于 2021-10-06 07:39:50 发布

weixin_30256505

最新推荐文章于 2021-10-06 07:39:50 发布

阅读量113

点赞数

文章标签： python javascript ViewUI

原文链接：http://www.cnblogs.com/baolin2200/p/8166874.html

版权

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>

转载于:https://www.cnblogs.com/baolin2200/p/8166874.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30256505

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Django 基模板布局设置

Django 基模板布局设置基模板定义基础模板一般分为三块，css部分，body部分，js部分将基础统一的部分写在基础模板中差异部分直接引用 {% block css %}{% endblock %} 将差异部分写在里面即可<!DOCTYPE html><html lang="en"><head> <meta charset=...
复制链接

扫一扫