演習課題「テンプレートでWebページを表示しよう」
右の環境の myapp に、FlaskでWebページを表示するプログラムが作成してあります。
このファイルを修正して、http://localhost:5000 にアクセスしたら、index.htmlを呼び出して表示するようにしてください。
index.htmlファイルに変更を加えてはいけません。
採点して、すべてのジャッジに正解すれば、演習課題クリアです！
※ 採点には、サーバの起動が必要です。
演習課題「表示するテンプレートを修正しよう」
右の環境の myapp に、FlaskでWebページをテンプレートで表示するプログラムが作成してあります。このテンプレートファイルを修正して、以下のHTMLタグを表示するようにしてください。
<h1>Hello Python</h1>
<p>This is paiza</p>
採点して、すべてのジャッジに正解すれば、演習課題クリアです！
※ 採点には、サーバの起動が必要です。
＃04:テンプレートで表示しよう
ここでは、もう少し複雑なWebページをFlaskで表示します。そのために、Jinja2テンプレートエンジンに使って、HTMLのテンプレートを呼び出します。
myapp/hello.pyfrom flask import Flask, render_template
app = Flask(__name__)
@app.route("/")
def hello_world():
return render_template("index.html")
@app.route("/about")
def about():
return "This is paiza"
$ FLASK_APP=hello.py FLASK_ENV=development flask run
myapp/templates/index.html<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Flask - paiza</title>
<style>body {padding: 10px;}</style>
</head>
<body>
<h1>Hello Python</h1>
<p>Hello paiza!</p>
</body>
</html>
Welcome to Jinja2 — Jinja2 Documentation (2.10)
http://jinja.pocoo.org/docs/2.10/
Templating With Jinja2 in Flask: Essentials
https://code.tutsplus.com/tutorials/templating-with-jinja2-in-flask-essentials--cms-25571
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