Django HTMLファイルの表示と変数の渡し方 #Python

前の記事の確認はこちら

必要なフォルダを作成後、htmlファイル作成

migrationsと同じ階層に【templates】フォルダを作成
templatesフォルダの下に【好きな名称（今回はappとする）】フォルダ作成
app内に【index.html】を作成

app名フォルダ
｜
｜- migrations
｜
｜- templates - app - index.html

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Django練習</title>
</head>
<body>
    <h1>Hello Django</h1>
</body>
</html>

views.pyの編集

views.py

# renderのインポート
from django.shortcuts import render

# render関数で、さっき作ったappフォルダにあるinde.htmlを指定
def index(request):
    return render(request, 'app/index.html')

runserverで確認

python manage.py runserver

(URLは http://127.0.0.1:8000/app/)

htmlファイルに変数を渡す

views.pyにデータをセット

views.pyに辞書でデータをセット（context部分）
returnの第３引数にセットしたcontextを渡す

from django.shortcuts import render

def index(request):
+    context = {
+        "name": "Yamada",
+        "age": 12
+    }
-    return render(request, 'app/index.html')
+    return render(request, 'app/index.html', context)

index.htmlにデータをセット

データを表示させるには、
{{ }}で使用したいデータにセットしたキーを指定する

index.htmlファイル↓

<body>
    <h1>Hello Django</h1>
+    <p>私は{{ name }}です。</p>
+    <p>{{ age }}になりました。</p>
</body>