jinja2でSyntaxエラーが発生する

Question

状況

現在、FlaskでWebアプリケーションを作成しています。
index.html を読み込もう(ブラウザ上で表示しよう)とした時にエラーが発生します。

実行しているコード(一部)

"""app.py"""
@app.route("/")
def index():
    return render_template("index.html", system_info=get_system_info())

<!-- index.html -->
{% block page_content %}
<div class="container" id="main">
        <div class="row">
            <div class="col-md-9">
                {% include 'index_partial/datasets.html' %}
            </div>
            <div class="col-md-3">
                {% include 'common/resource_info.html' %}
            </div>
        </div>
    </div>
{% endblock %}

<!-- index_partial/datasets.html -->
<div class="subtitle">
    <h2>Dataset</h2>
    <div class="button_div" right>
        <a href="#">
            <button class="btn btn-cyber" data-toggle="model" data-target="#upload_model">
                <span class="glyphicon glyphicon-plus"></span>New
            </button>
        </a>
    </div>
</div>
<div class="datasets">
    <div class="datasets_row">
        {% for dataset in datasets %}
            <div class="dataset image" id="dataset_{{ dataset.id }}" data-id="{{ dataset.id}}">
                <h3>{{ dataset.name }}</h3>
                <span class="desc">Total {{ dataset.file_num }} Images</span>
                {% for img in dataset.thumbnails %}
                    <img src="{{img}}" class="img-responsive img-rounded thumbnail-30">
                {% endfor %}
            </div>
        {% endfor %}
    </div>
    {% if dataset_count > 3 %}
        <button class="btn btn-cyber btn-block" id="dataset_more" data-offset="3">more</button>
    {% endif %}
</div>

エラーメッセージの内容

jinja2.exceptions.TemplateSyntaxError
jinja2.exceptions.TemplateSyntaxError: unexpected '%'

上記のように、「% が変なところに付いている」というエラーだと思います。
しかし、エラーの元を探しても間違っていそうな場所を見つけられず、質問しました。

試したこと

index.html の {% include 'index_partial/datasets.html' %}を消してみると、エラーが消えたので
問題はここにあると思います。

別の質問を立ち上げました

よろしくお願いします

Answer 1

endforやif、endifの前後は{{%ではなく{%では？
参考：jinja2入門 その1

include文自体には問題はないように見えます。

検証

以下コードにて、当方環境では構文エラー発生せず動作しました。
提示コードではjinja2.exceptions.UndefinedError: 'dataset_count' is undefined発生したため定義しています。
また、index.htmlでは{% include 'common/resource_info.html' %}はコメントアウトしています。
index_partial/datasets.htmlは提示コードのままです。

from flask import Flask, render_template

app = Flask(__name__)

def get_system_info():
    return

@app.route('/')
def index():
    return render_template("index.html", system_info=get_system_info(), dataset_count=0)

if __name__ == '__main__':
    app.run(debug=True)

<!-- index.html -->
{% block page_content %}
<div class="container" id="main">
        <div class="row">
            <div class="col-md-9">
                {% include 'index_partial/datasets.html' %}
            </div>
            <div class="col-md-3">
                {# {% include 'common/resource_info.html' %} #}
            </div>
        </div>
    </div>
{% endblock %}

Comments

[B-Hirosuke]

確かにそうですね。
`{{% endfor %}}` と間違えて書いていました。
しかし、まだ同じエラーが発生してしまいます。

[B-Hirosuke]

修正します。

[can110]

実際に動作させてみましたが、正常？に描画されました。

[B-Hirosuke]

そうですか。
もしかしたら、HTMLじゃなく別の部分に問題があるのかもしれないですね。
色々試していると全く別のエラーが発生するようになりました。
一度、別の現在起こっているエラーを別の質問として投稿します。
よろしくお願いします。

[can110]

Flaskほとんど触ったことないので、お役に立てるかどうか分かりませんが…

Answer 2

解決方法

ディレクトリ構成

applicationdir ----- src ----------- templates
| |-------- app.py
| |--------- ...
|
|----------------------- database.db

エラーが発生している時の場合

$ cd src
$ python app.py

のようにファイルを移動してapp.pyを実行していました.

$ python src/app.py

のように実行すると正常に動作しました。

エラーの理由

本来は、「srcディレクトリに移動せずにデータベースを参照する」というような設定をしていたのですが、app.pyが置かれているディレクトリでプログラムを実行していました。
そのため、データベースを参照することができず、データベースエラーが発生してました。
その影響でHTMLファイルにも影響が出ていたのだと思います。

最後に

ご助言をしていただいた can100様 本当にありがとうございました。