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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

継承

継承(インヘリタンス)はオブジェクト指向プログラミングに存在するシステムです。継承はオブジェクトが各自定義する必要をなくし、継承元のオブジェクトで定義されている内容を引き継ぎます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Q&A

解決済

1回答

1319閲覧

Flask jinjaの継承ができず困っています。

python_student

総合スコア1

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

継承

継承(インヘリタンス)はオブジェクト指向プログラミングに存在するシステムです。継承はオブジェクトが各自定義する必要をなくし、継承元のオブジェクトで定義されている内容を引き継ぎます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

0グッド

0クリップ

投稿2021/07/22 12:25

編集2021/07/22 12:40

前提・実現したいこと

Flask jinjaを今勉強しています。
参考にしているサイト通りにしているのですが、うまく継承できないので助けていただけるととっても嬉しいです。
Python自体初心者です。

発生している問題

継承させたい部分がポッカリ開いてしまい、表示すらできずに困ってます。

該当のソースコード1[hello.py]

Python

1from flask import Flask, request 2from flask import render_template 3 4app = Flask(__name__) 5@app.route("/", methods=["GET"]) 6def input(): 7 return render_template("base.html", title="これでどうだ!") 8@app.route("/", methods=["POST"]) 9def output(): 10 name = request.form['name'] 11 age = request.form['age'] 12 return render_template("output.html", name = name, age = age, title = "あうとだよ!") 13if __name__ == "__main__": 14 app.run(port=8080, debug=True, host='localhost') 15

該当のソースコード2[base.html]

html

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <link rel="stylesheet" href="../static/CSS/style.css"> 7 <title>{{ title }}</title> 8</head> 9<body> 10 <h1>ここが変換ベース</h1> 11 {% block content %} 12 <!-- ここに変換部分が挿入される?? --> 13 {% endblock %} 14</body> 15</html> 16

該当のソースコード3[input.html]

html

1{% extends "base.html" %} 2{% block content %} 3<form action="/" method="POST" enctype="multipart/form-data"> 4 <input type="text" id="name" name="naame" placeholder="名前"> 5 <input type="number" id="age" name="age" placeholder="年齢"> 6 <input class="submit-button" value="実行" type="submit"> 7</form> 8{% endblock %} 9

該当のソースコード4[output.html]

html

1{% extends "base.html" %} 2{% block content %} 3<p>名前:{{ name }}さん</p> 4<p>年齢:{{ age }}才</p> 5{% endblock %} 6

試したこと

誤字脱字などあるかもしれないと思い、違いも探したりしましたが4時間ほどこれだけに掛かってしまい手詰まり中です。

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

VScodeで書いてます。ごりごりの初心者です。誰かたすけてくだせえ!!!

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

GETメソッドでアクセスした際に入力フォームが表示されない、ということであれば
render_templateに渡すファイル名が間違っているのではないでしょうか。

下記のようにファイル名を変更すれば入力フォームが表示されると思います。

python

1@app.route("/", methods=["GET"]) 2def input(): 3 return render_template("input.html", title="これでどうだ!")

また、input.html内の名前の入力フォームのname属性の値にスペルミスがあると思います。
(naameになっている)
合わせて確認してみてください。

投稿2021/07/22 13:11

Alma-field

総合スコア108

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

python_student

2021/07/22 13:16

input.htmlに変更したところ無事に出現しました!!!! スペルミスの指摘までありがとうございました!! めっちゃ助かりました!!!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問