flask内のpythonで書いた関数をhtml内で引数を与えて使用したい

Question

前提

flask の関数に引数を与えて、htmlで関数を実行したい

実現したいこと

flaskを用いて、書籍のお気に入り登録を実装したい。htmlでapp.py内で書かれたpythonの関数を引数を渡して実行したい。

発生している問題・エラーメッセージ

＃ウェブページに表示されるエラー
Not Found
The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.

#ターミナルに表示されているログ
 "POST /add_favorite(犬と屑) HTTP/1.1" 404 -

該当のソースコード

# 以下htmlのコード
{% for row in database %}
    <td>{{ row["title"] }}</td>
    <td>{{ row["author"] }}</td>
    <td>{{ row["summary"] }}</td>
    <img src= "{{row.img_url}}">
    <form action="/add_favorite({{ row["title"] }})" method="post">
        <button>お気に入り</button>
    </form>
    <form action="/delete_favorite({{ row["title"] }})" method="post">
        <button>お気に入り解除</button>
    </form>
    {% endfor %}


#以下app.pyのコード

@app.route("/add_favorite/<title>", methods=["POST"])
def add_favorite(title):
    # favorite tableに追加
    db.execute("INSERT INTO favorite(user_id, title, like) VALUES (?, ?, ?)", session["user_id"], title, 1)

@app.route("/delete_favorite/<title>", methods=["POST"])
def delete_favorite(title):
    db.execute("DELETE favorite WHERE user_id = ? AND title = ?", session["user_id"], title)

試したこと

引数の形を{{row.title}},"{{row.titlw}}"などに変えてみたがうまくいかない

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[Sobasenbei]

formタグに関して調べれば分かるとは思いますけど、ボタンのtypeにsubmitをつけないと情報は送れません。
あとflask側でルーティングしてないurlには情報を送れ無いと思います多分

[m.ts10806]

Sobasenbeiさん
buttonタグのデフォルトはsubmitなので問題ないです。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/button
起きてる現象も送信後の話です。

[Sobasenbei]

恥ずかしい...
教えてくださってありがとうございます

Answer 1

質問のコードでは、宛先が以下で、

    <form action="/add_favorite({{ row["title"] }})" method="post">

受け側は以下です。

@app.route("/add_favorite/<title>", methods=["POST"])

delete_favorite側も同じなので、簡単のため、add_favoriteだけ示しています。

もっと簡単に書くと、
例えばtitleがタイトルだったとして、宛先が以下になります。

/add_favorite(タイトル)

受け側は/add_favorite/タイトルを想定しているのに、送り側は上記の通りなのでThe requested URL was not found on the server.(要求されたURLはサーバー上で見つかりませんでした。)となります。

以下のいずれかで修正したら、想定通りになるんじゃないでしょうか。

"/add_favorite/{{ row["title"] }}"

{{ url_for('add_favorite', title=row["title"] )　}}

一番下のは動作させてないので間違っているかも。

ちなみに、上記回答を直したとしても、コードが質問文に掲載の通りの場合、各関数でエラーになります。
Flask側のエンドポイントは必ずreturnが必要ですので注意ください。

Comments

[bane-ririn]

動くことが出来ましたありがとうございます！！丁寧な説明でとても分かりやすかったです！！

Answer 2

エラーの通りのように思いますが

/add_favorite/<title>

というルーティングならリクエストURLは

/add_favorite/書籍情報（今のままならtitle？）

としなければならないのでは。
（add_favoriteのあとに/が必要）
ただ、エラーにもあるように（）ついたまま登録されて良いのですか？

どのような設計思想か知らないですが、
書籍一覧をDBから取得しているのならタイトルのようなものよりIDのような情報を登録するものと思いますが。

Comments

[bane-ririn]

設計指標でタイトルを使う理由は自分のレベルがまだ及ばないのと他のプログラムで再利用するためです。至らない点がまだまだ多いので精進します。ありがとうございました！