TECH I.S.

Django テンプレート


テンプレートを作成

必要なフィールドとデータを含むモデルを作成した後、Web ページにデータを表示します。

まず、all_members.htmlという名前のHTMLファイルを作成し、/templates/フォルダーに配置します。

my_tennis_club/members/templates/all_members.html:
<!DOCTYPE html> <html> <body> <h1>Members</h1> <ul> {% for x in mymembers %} <li>{{ x.firstname }} {{ x.lastname }}</li> {% endfor %} </ul> </body> </html>

HTML ドキュメント内の括弧の中にある{% %}を確認してください、

これらはDjangoタグであり、これらのブラケット内でプログラミングロジックを実行するようDjangoに指示します。

Djangoタグの詳細については、Django タグの章を参照してください。


ビューの変更

次に、モデルデータをテンプレートで使用できるようにする必要があります。これはビューで行われます。

これをビューでインポートする必要があり、Memberモデルを作成し、次のようにテンプレートに送信します。

my_tennis_club/members/views.py:
from django.http import HttpResponse from django.template import loader from .models import Member def members(request): mymembers = Member.objects.all().values() template = loader.get_template('all_members.html') context = { 'mymembers': mymembers, } return HttpResponse(template.render(context, request))

実行例(開発準備中) »

membersビューは次のことを行います。
  • Memberモデルのすべての値を使用してmymembersオブジェクトを作成します。
  • all_members.htmlテンプレートを読み込みます。
  • mymembersオブジェクトを含むオブジェクトを作成します。
  • オブジェクトをテンプレートに送信します。
  • テンプレートによってレンダリングされるHTMLを出力します。

結果

結果を確認できるように、例を作成しました。

実行例(開発準備中) »

自分のコンピューターですべての手順を実行した場合は、自分のブラウザーで結果を確認できます。

/my_tennis_club/フォルダーに移動してサーバーを起動し、次のコマンドを実行します。
py manage.py runserver

ブラウザウィンドウで、127.0.0.1:8000/members/アドレスバーに入力します。



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細