演習課題「投稿フォームに名前を表示する」
右の環境には、Flaskで投稿フォームプログラムが作成してありますが、フォームに名前欄が表示されません。form.htmlを修正して、名前欄を表示するように修正してください。名前欄のname属性の値は、nameにしてください。
採点して、すべてのジャッジに正解すれば、演習課題クリアです!
※ 採点時は、投稿フォームにアクセスできる状態にしてください。
#02:投稿フォームを作ろう
ここでは、Flaskで簡単な投稿フォームを作ってみましょう。それから、WebサーバーとWebブラウザのデータ転送方式であるGETメソッドとPOSTメソッドについて学習します。
myapp/form.pyfrom flask import Flask, render_template
app = Flask(__name__)
@app.route("/")
def show():
message = "hello world"
return render_template("form.html", message = message)
myapp/templates/form.html{% extends "layout.html" %}
{% block content %}
<h1>フォーム</h1>
<p>{{ message }}</p>
<form action="/result" method="post">
<label for="article">投稿</label>
<input type="text" name="article">
<p></p>
<label for="name">名前</label>
<input type="text" name="name">
<button type="submit">送信する</button>
</form>
{% endblock %}
【フレームワーク】
Flaskの簡単な使い方 - Qiita
https://qiita.com/zaburo/items/5091041a5afb2a7dffc8
ウェブアプリケーションフレームワーク Flask を使ってみる - Qiita
https://qiita.com/ynakayama/items/2cc0b1d3cf1a2da612e4
【テンプレートエンジン】
Welcome to Jinja2 — Jinja2 Documentation (2.10)
http://jinja.pocoo.org/docs/2.10/
Jinja2|Pythonテンプレートエンジン - Qiita
https://qiita.com/yasumodev/items/ae11047e2c8694867892
Jinja2の基本的な使い方 - Qiita
https://qiita.com/RyoMa_0923/items/528303906a55f9b568e0
Jinja2の使い方がわかるとFlaskを用いた開発がよりスマートになる - Qiita
https://qiita.com/ryo2851/items/7ae5de21307d101b4759