ファイル構成

まず

root/
|__main.py
|__templates/
      |__mainpage.html
      |__name.html

という形にファイルとフォルダを作ってください。

はじめてのrender

main.pyを

main.py

from flask import *

app = Flask(__name__)


@app.route("/", methods=["GET", "POST"])
def main_page():
    return render_template("mainpage.html")


@app.route("/<name>", methods=["GET", "POST"])
def namepage(name):
    return render_template("name.html")


if __name__ == "__main__":
    app.run(debug=True, host='0.0.0.0', port=8888, threaded=True)

として、mainpage.htmlとname.htmlをそれぞれ

mainpage.html

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    this is the main page
    </body>
</html>

name.html

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    this is the name page
    </body>
</html>

とでもしておいて下さい。

さて、この状態でmain.pyを実行し、
http://localhost:8888/
と
http://localhost:8888/<何か好きな文字>

に接続してみてください。それぞれ
this is the main page this is the name pageと表示されているでしょうか。

このようにして、htmlファイルを出力することができます。

htmlファイルを動的に返す

htmlのrenderにはjinja2というものが使われており、中でPythonのコードを実行することができます。

値を渡すには、render_templateにキーワード引数として入力すればよいです。

namepageをこう書き換えてください。

@app.route("/<name>", methods=["GET", "POST"])
def namepage(name):
    return render_template("name.html", name=name)

そして、name.htmlもこう書き換えましょう

name.html

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    hello, {{name}}
    </body>
</html>

( 二重波括弧 {{}} )内がPythonのコードとして評価されます。

localhost:8888/pythonに接続すると　hello, pythonとなりますね。

このように、render_templateを使って、ファイルとしてのhtmlを出力できます。

for文 や while文、ほかのhtmlファイルの読み込みなどたくさんのことができますが、あまりにもできることが多いので、それはまたの機会にします。

Documentはここですので、気になった方は閲覧してみてください。

次回はデータベースをいじってみましょう！

はじめての Flask #3 ~htmlをrenderしてみよう~

ファイル構成

はじめてのrender

htmlファイルを動的に返す