POSTで得た値とアドレスに表記したい値がずれてしまう問題について (Flask)

お世話になっております.
Flask と jinja2 を使って次のコードを書きました. (動作の説明は以下. )

app.py
1from flask import Flask, render_template, request
2
3app = Flask(__name__)
4
5@app.route('/')
6def index():
7    return render_template(
8        'index.html', 
9        year=2022
10    )
11
12@app.route('/<year>', methods=['POST'])
13def update(year):
14    year = request.form["year"]
15    return render_template(
16        'index.html', 
17        year=year
18    )
19
20if __name__ == '__main__':
21    app.run(debug=True, host='localhost', port=5050)

index.html
1<!DOCTYPE html>
2<html>
3    <head>
4        <title>Update Year</title>
5    </head>
6    <body>
7        <form method='POST' action="{{ url_for('update', year=year) }}">
8            <select name="year">
9                <option value="{{ year }}">{{ year }}</option>
10                {% for i in range(2020, 2051) %}
11                    <option value="{{ i }}">{{ i }}</option>
12                {% endfor %}
13            </select>
14            <button type="submit">Update</button>
15        </form>
16        <br>
17        We have {{ year }} now. 
18    </body>
19</html>

動作説明:

表示される画面は year を選択できるプルダウンメニューと, それを更新できる Update ボタンからなる.
はじめ / にいてプルダウンメニューの初期値は year=2022. そこから例えば 2039 を選択して Update を押す.
/2022に遷移してプルダウンメニューの初期値は year=2039 となる. 今度は 2025 を選択して Update を押す.
/2039 に遷移してプルダウンメニューの初期値は year=2025 となる.

問題は例えば3においてアドレス "/2022" と画面に表示される値 2039 が一致しないことです.
これらを一致させるにはどうしたらよいのでしょうか.
問題の原因は <form method='POST' action="{{ url_for('update', year=year) }}"> の部分なのですが, この year を後から代入できるようにする仕組みが分かりません.

何卒宜しくお願い致します.

行動規範の内容に同意します

回答2件

自己解決

解決しておりませんが, アドレスには更新した年の情報を上乗せしないことにしました.
POST で得た情報をアドレスに記載できるのかは未だに不明確です.
しかし急を要する質問ではなくなったため, 質問を閉じます.
FiroProchainezo 様, ご回答ありがとうございました.

投稿2022/09/09 07:51

編集2022/09/09 07:52

Algeot

総合スコア21

こういう感じですか？

pythonの方のif～～～部分はエラー処理なんてあんまり関係ないですが、
やりたいことはindex.htmlの方のじゃないかと思います。

python
1from flask import Flask, render_template, request, redirect
2
3app = Flask(__name__)
4
5
6@app.route('/')
7def index():
8    return render_template(
9        'index.html',
10        year=2022
11    )
12
13
14@app.route('/<year>', methods=['POST'])
15def update(year):
16    tmp = request.form.get("year", None)
17    if tmp is not None:
18        year = int(tmp)
19    else:
20        redirect('index')
21    return render_template(
22        'index.html',
23        year=year
24    )
25
26
27if __name__ == '__main__':
28    app.run(debug=True, host='localhost', port=5050)

html
1<!-- index.html -->
2<!DOCTYPE html>
3<html>
4    <head>
5        <title>Update Year</title>
6    </head>
7    <body>
8        <form method='POST' action="{{ url_for('update', year=year) }}">
9            <select name="year">
10                {% for i in range(2020, 2051) %}
11                    {%  if year == i %}
12                        <option value="{{ i }}" selected>{{ i }}</option>
13                    {% else %}
14                        <option value="{{ i }}">{{ i }}</option>
15                    {% endif %}
16                {% endfor %}
17            </select>
18            <button type="submit">Update</button>
19        </form>
20        <br>
21        We have {{ year }} now.
22    </body>
23</html>

投稿2022/09/09 00:19

FiroProchainezo

総合スコア2401

Algeot

2022/09/09 03:00

回答ありがとうございます. 恐縮ですが問題が解決されておりません. 質問に書いた[動作説明]は現状の挙動の説明で, それは私のコードも回答者様のコードも実現されているのですが, 実現したい動作はその下の説明のように改変したものになります. つまり 2. はじめ / にいてプルダウンメニューの初期値は year=2022. そこから例えば 2039 を選択して Update を押す. 3. **/2039**に遷移してプルダウンメニューの初期値は year=2039 となる. 今度は 2025 を選択して Update を押す. 4. **/2025** に遷移してプルダウンメニューの初期値は year=2025 となる. 太字で書かれた部分が改変したい内容です. 説明不足を陳謝いたします.

行動規範の内容に同意します

あなたの回答