質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.50%

[HTML, Flask] htmlの中身を繰り返し処理

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 660

Yukiya025

score 78

やりたいこと

HTMLの中身を繰り返し処理 (verb0~verb6) したいです。

  • app.py (@app.route~が記述)
  • base_wordforms.html (HTML継承のための親ファイル)
  • test.html (HTML継承のための子ファイル。{% extends "base_wordforms.html" %})

該当箇所

# app.py
@app.route("/testverb", methods=["GET"])
def testverb():
    vrb_l = ru_func.verbtest()
    return render_template("test.html",
                           verb0=vrb_l[0],
                           verb1=vrb_l[1],
                           ...(略)
                           verb6=vrb_l[6])
<!--base_wordforms.html-->
<h1>{% block verb0 %}{% endblock %}の現在活用</h1>
<td>{% block verb1 %}{% endblock %}</td>
...(略)
<td>{% block verb6 %}{% endblock %}</td>
<!--test.html-->
{% block verb0 %}
  {{verb0 }}
{% endblock %}

{% block verb1 %}
  {{verb1}}
{% endblock %}
...(略)
{% block verb6 %}
  {{verb6}}
{% endblock %}

試したこと

test.html{% block verb0 %}{{verb0}}{% endblock %}を以下のようにしてみましたがはじかれます。。jinja2が問題だとは思うのですが、では具体的にどう変えたらいいのかがわかりません(>_<)

<!--test.html-->
{% for i in range(7) %}
{% block {{"verb" + str(i)}} %}{{"verb" + str(i)}}{% endblock %}
{% endfor %}
# エラー文
jinja2.exceptions.TemplateSyntaxError: expected token 'name', got '{'

いろいろいじってみたが。。。?

エラーが出続けて眠いのでギブアップorz 惜しいような気がするが堂々巡り。
問題は{% block xxx %} の扱い方のようでjinja2.exceptions.TemplateSyntaxError: unexpected '%'とか'+'云々と出てきて治してもエラーが出続ける。

GitHubに上げました

ファイルの場所

  • app.py (ルートディレクトリ)
  • templates/base_wordforms.html
  • templates/test.html

できましたー(≧∀≦)

siruku6さまの以下の一言

ソースを見たのですが、{% block %} と {% endblock %}は、そこにはいらなかったような気がします

test.htmlには当てはめたのですが、base_wordforms.htmlには当てはめず「{% block verb0 %}{% endblock %}で。。。えっと0の所はどう変数を持ってこようか?」などと考えていました。とりあえず夜も遅いしベッドに入って目が覚めてO'Reillyの読み放題サービスで、Flask Framework Cookbook: Over 80 proven recipes and techniques for Python web development with Flask, 2nd Edition とFlask By Example by Gareth Dwyer(2016-03-31) を行ったり来たり、siruku6さまに言われたことを考えつついろいろ脳内シミュレーションして「もしかしたらbase_wordforms.htmlはブロックなしでシンプルに{{ verb[0] }}なんて書けばいいんじゃない?」ということに思い至りそれで試したらうまくいきました:D

学んだこと

  • {{}}にはPythonの変数が入る
  • {% block xxx %}{% endblock %}xxxの部分の名前は同じものを同じページで1回以上つかったらだめ。

完成したGitHub
heroku該当ページ。ちゃんと表示されています^^v

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • siruku6

    2019/09/26 21:43

    HTMLと記載されているファイルについてなのですが、もし
    {% extends "base_wordforms.html" %}
    など、他にも書かれているものがあるのであれば、全て記載した方がよいと思います。
    そうでないと、根本的な原因を突き止めることができずに、的外れな回答になってしまうと思います。

    おそらくですが、{% extends "base_wordforms.html" %}はいずれかのファイル内に書いていますよね。
    他にも何かあれば省略せずに記載した方がいいと思います。
    (どこが原因なのかわからない場合は特に)

    キャンセル

  • Yukiya025

    2019/09/27 09:37

    ですよねf^^; 「すっきりさせた方がいいかな?」なんて思ってよく迷います。。

    キャンセル

回答 1

checkベストアンサー

+1

試したことについて

ソースを見たのですが、{% block %} と {% endblock %}は、そこにはいらなかったような気がします

{% for i in range(7) %}
  {{"verb" + str(i)}}
{% endfor %}


恐らくこんな感じになるはずです。

全体像

全体的には、こんな位置関係になると思います。

<!--base_wordforms.html-->

<!DOCTYPE html>
<html>
  <head>
    <title>タイトル</title>
  </head>
  <body>
    <!-- この中に各ビューファイルが読み込まれる -->
    {% block content %}{% endblock %}
  </body>
</html>
<!-- test.html -->

<!-- 親テンプレートファイルの指定はここで行う -->
{% extends "base_wordforms.html" %}

{% block content %}

  {% for i in range(7) %}
    {{"verb" + str(i)}}
  {% endfor %}

{% endblock %}

色々作り変えて覚えるしかないのですが。。

このサイトは結構丁寧に解説している気がします
【随時更新】Flaskのjinja2テンプレートエンジンのチートシート
参考まで

補足

※render_templateメソッドの引数に渡されている変数は、なくてもview表示ができそうだったため使用していません

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/09/27 01:08

    ありがとうございます。試してはみたのですがうまく行かず。。。{% block xxx %}のxxxに変数を入れ込めたら解決するような気がするのですがいかがでしょうかorz

    app.pyでvrb = ["vrb0", "vrb1", "vrb2", "vrb3", "vrb4", "vrb5", "vrb6"]というリストを作ってそれをtemplates/test.htmlでfor文対応するように入れ込むことを検討したのですがうまく行きません(T_T)

    キャンセル

  • 2019/09/27 08:42

    直接解決には至らなかったようですが、進展があったようで何よりです!

    キャンセル

  • 2019/09/27 09:38

    いえいえ、siruku6さまのおかげですよ(≧∀≦)

    キャンセル

  • 2019/09/27 12:11

    さんで構いませんw
    flaskはまだ私も勉強中ですが、軽く初心者向けに記事をまとめたものがあるので、よかったら使ってやってください(https://siruku6-lab.herokuapp.com/py_labs

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.50%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る