views.pyで得られたデータや変数をhtmlファイルに表示する方法についてメモします。
結論として、views.pyで辞書型データを用いることで変数を表示することができます。
データを一つだけ表示する方法
まず。views.pyに辞書型データを用意し、表示したい変数をまとめます。
from django.shortcuts import render
def sample(request):
dict = {
"name": "AAA",
"number": 100,
}
return render(request, "sampale.html", dict)
そして、html上に {{ 辞書のkey }} と書くことで表示することができます。
<!DOCTYPE html>
<html lang="ja">
<head>
<title>flaskでhello,world</title>
<meta charset="utf-8"/>
</head>
<body>
<h1>name: {{name}}</h1>
<h1>number: {{number}}</h1>
</body>
</html>
以下のように画面に表示することができます。
![](https://output-zakki.com/wp-content/uploads/2022/09/20a47cc6ed7bedbb8d9a11536da5d291.png)
html上に書いた {{ 辞書のkey }} の書き方のことを mustache記法 と呼びます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9bXVzdGFjaGUlRTglQTglOTglRTYlQjMlOTUlRTMlODElQUIlRTMlODElQTQlRTMlODElODQlRTMlODElQTYlRTclQjAlQTElRTUlOEQlOTglRTMlODElQUIlRTMlODElQkUlRTMlODElQTglRTMlODIlODElRTMlODElQTYlRTMlODElQkYlRTMlODElOUYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWYwNTEwOWVlNDEzZjlkNzFiNzFjYzU1YzEzMDNhMDQ4&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc2VuZ29rJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05NTIwZGJhY2I5ZmQ2YzYwNjQ5OTU0ZDI2MGE0YTVmMw&blend-x=142&blend-y=491&blend-mode=normal&s=eaeb45aa0915108c68e23e705613b63c)
mustache記法について簡単にまとめてみた - Qiita
今回の記事ではmustacheの記法について書いていきます。もともと社内共有用にドキュメントを日本語&適当に端折って簡単にまとめてたのですが、せっかくなのでQiitaにも投稿してみることにしました。…
リストデータの中身を表示する方法
List=[1, 2, 3] の中身を一つずつ取り出して表示するには、 {% for item in 辞書のkey %}
を利用します。
<!DOCTYPE html>
<html lang="ja">
<head>
<title>flaskでhello,world</title>
<meta charset="utf-8"/>
</head>
<body>
{% for item in List%}
<h2>{{ item }}</h2>
{% endfor %}
</body>
</html>
以下のように表示することができます。
![](https://output-zakki.com/wp-content/uploads/2022/09/cfbe82ea22fa8a37f42f67793cb8b64f.png)
まとめ
djangoを学習する中で、views.pyの変数・データをブラウザに表示する方法の知識があやふやだったのでメモとして残しました。
少しでも参考になれば幸いです。
参考図書
コメント