Проблема наследования шаблона Python Flask index.html - PullRequest
Новая
       99

Проблема наследования шаблона Python Flask index.html

0 голосов
/ 21 февраля 2019

Я пытаюсь использовать наследование шаблонов, чтобы моя страница index.html могла использовать страницу base.html.Проблема в том, что мой клиент PyCharm, похоже, не распознает тег extends (например, base.html не выделен жирным шрифтом).

{% extends "base.html" %}

{% block title%}
Thermos-welcome
{% endblock %}

enter image description here

Я должен ожидать что-то вроде этого enter image description here

index.html file 

{% extends "base.html" %}

{% block title%}
Thermos-welcome
{% endblock %}

{% block content %}
            <article>
                <header>
                    <h1>Data Quality</h1>
                    <p>To understand and measure</p>
                </header>
            </article>
{% endblock %}

base.html 

<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title> {% block title %}{% endblock %}</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="../static/css/normalize.min.css">
    <link rel="stylesheet" href="../static/css/main.css">

    <script src="../static/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>

    <div class="header-container">
        <header class="wrapper clearfix">
            <a href="{{url_for('index.html')}}"></a> <h1 class="title">ENTERPRISE DATA QUALITY</h1>
            <nav>
                <ul>
                    <li><a href="{{ url_for('add') }}">Add user</a></li>
                    <li><a href="#">Data Marketplace</a></li>
                    <li><a href="#">Data Maestro</a></li>
                </ul>
            </nav>
        </header>
    </div>

    <div class="main-container">
        <div class="main wrapper clearfix">

            {% block content %}
            {% endblock %}

            {% block sidebar %}
                <aside>
                    <h3>aside</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices.</p>
                </aside>
            {% endblock %}

        </div> <!-- #main -->
    </div> <!-- #main-container -->

    <div class="footer-container">
        <footer class="wrapper">
            <h3>footer</h3>
        </footer>
    </div>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../static/js/vendor/jquery-1.11.2.min.js"><\/script>')</script>

    <script src="js/main.js"></script>
</body>

Ответы [ 2 ]

0 голосов
/ 21 февраля 2019

В моем файле base.html - мне нужно было изменить следующую строку

{{url_for ('index.html')}}

на:

{{url_for ( 'индекс')}}

0 голосов
/ 21 февраля 2019

Мне жаль сообщать, что PyCharm Community Edition не поддерживает подсветку шаблона, которую вы ожидаете.Вам нужно будет перейти на PyCharm Professional, чтобы использовать эту функцию.

Это указано здесь:

https://www.jetbrains.com/pycharm/features/editions_comparison_matrix.html

и здесь:

https://www.jetbrains.com/help/pycharm/defining-template-directories.html

...