Html Jinja2模板-扩展2级_Html_Css_Jinja2

Html Jinja2模板-扩展2级

html css

Html Jinja2模板-扩展2级,html,css,jinja2,Html,Css,Jinja2,我有一个base.html文件，该文件包含blovk内容，并由manage.html扩展。该manage.html有一个块sub_manage，由internet_market.html扩展，因此在视觉上看起来像： |- base.html (block content) |--manage.html (extends base.html) |---sub_manage.html (extends manage.html) 当我呈现_templatemange.html时，一切正常，但当我尝试

我有一个base.html文件，该文件包含blovk内容，并由manage.html扩展。该manage.html有一个块sub_manage，由internet_market.html扩展，因此在视觉上看起来像：

|- base.html (block content)
|--manage.html (extends base.html)
|---sub_manage.html (extends manage.html)

当我呈现_templatemange.html时，一切正常，但当我尝试呈现_templatesub_manage.html时，css/javascript不起作用。我能做些什么来克服这个问题

这是我的base.html

<head>  
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css">
<script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
<style type="text/css">
</head>
<body>
    <div id="left_sidebar">
        <ul>
            <li class="main"><a href="{{ url_for('cabinet.index', current = 'main') }}"> + Главная</a></li>
            <li class="main"><a href="{{ url_for('cabinet.orders') }}">Заказы</a></li>
            <li class="main"><a href="{{ url_for('cabinet.manage') }}"> - Управление сайтом</a></li>
        </ul>
    </div>
    <div id="content">
        {% block content %}{% endblock %}
    </div>
</body>







{%block content%}{%endblock%}

这是我的manage.html文件：

{% extends "admin/base.html" %}
{% block content %} 
    <!-- Nav tabs -->
    <div>
        <ul class="nav nav-tabs" role="tablist">
            <li class="dropdown active"></li>
        </ul>
    </div>
    <!-- Tab panes -->
    <div class="manage_menu_settings">
        {% include 'admin/manage/site_figuraiton.html' %}
    </div>

    {% block sub_manage%}
    {% endblock %}

{% endblock %}

{%extends“admin/base.html”%}
{%block content%}



{%include'admin/manage/site\u figuraiton.html%}
{%block sub_manage%}
{%endblock%}
{%endblock%}

这里是internet_market.html

{% extends "admin/manage.html" %}
{% block sub_manage %}  
    <div class="tab-content">
        <div class="tab-pane {% if current == 'delivery_settings' %} active{% endif %}" id="delivery_settings">
            Настройки доставки, корзины и оплаты
        </div>
        <div class="tab-pane {% if current == 'delivery_type' %} active{% endif %}" id="delivery_type">
            Добавить способы доставки
        </div>
{% endblock%}

{%extends“admin/manage.html”%}
{%block sub_manage%}
Настройки доставки, корзины и оплаты
Добавить способы доставки
{%endblock%}

解决了这个问题。问题是，我使用了css和js文件中的相对链接，因此在尝试渲染2级扩展时，它没有找到css/js。所以就像：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css">
<script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
<style type="text/css">

但后来我将这些链接更改为带有url_的动态链接，其工作原理如下：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="{{url_for("static", filename = "css/bootstrap.min.css")}}">
<script type="text/javascript" src="{{url_for("static", filename = "js/bootstrap.min.js")}}"></script>
<style type="text/css">

名称和

符号之间的空格重要吗？不，不重要