TECH I.S.

Django テンプレート


テンプレート

Django 概要ページでは、結果はHTMLで作成してテンプレートで作成する必要があることを学習したので、それを実行しましょう。

membersフォルダー内にtemplatesフォルダーを作成し、myfirst.htmlという名前のHTMLファイルを作成します。

ファイル構造は次のようになります。

my_tennis_club     manage.py     my_tennis_club/     members/         templates/             myfirst.html

HTMLファイルを開き、次のコードを挿入します。

my_tennis_club/members/templates/myfirst.html:
<!DOCTYPE html> <html> <body> <h1>Hello World!</h1> <p>Welcome to my first Django project!</p> </body> </html>

ビューを変更する

ファイルを開きviews.pymembersビューを次のものに置き換えます。

my_tennis_club/members/views.py:
from django.http import HttpResponse from django.template import loader def members(request): template = loader.get_template('myfirst.html') return HttpResponse(template.render())

設定を変更する

「Hello World!」よりも複雑な処理を行うために、新しいアプリが作成されたことをDjangoに通知する必要があります。

これは、my_tennis_clubフォルダー内のsettings.pyファイルで行われます。

INSTALLED_APPS[]リストを検索し、次のようにmembersアプリを追加します。
my_tennis_club/my_tennis_club/settings.py:
INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'members' ]

次に、以下のコマンドを実行します。

py manage.py migrate

次の出力結果が表示されます。

Operations to perform:
   Apply all migrations: admin, auth, contenttypes, sessions
Running migrations:
   Applying contenttypes.0001_initial... OK
   Applying auth.0001_initial... OK
   Applying admin.0001_initial... OK
   Applying admin.0002_logentry_remove_auto_add... OK
   Applying admin.0003_logentry_add_action_flag_choices... OK
   Applying contenttypes.0002_remove_content_type_name... OK
   Applying auth.0002_alter_permission_name_max_length... OK
   Applying auth.0003_alter_user_email_max_length... OK
   Applying auth.0004_alter_user_username_opts... OK
   Applying auth.0005_alter_user_last_login_null... OK
   Applying auth.0006_require_contenttypes_0002... OK
   Applying auth.0007_alter_validators_add_error_messages... OK
   Applying auth.0008_alter_user_username_max_length... OK
   Applying auth.0009_alter_user_last_name_max_length... OK
   Applying auth.0010_alter_group_name_max_length... OK
   Applying auth.0011_update_proxy_permissions... OK
   Applying auth.0012_alter_user_first_name_max_length... OK
   Applying sessions.0001_initial... OK

(myworld) C:\Users\Your Name\myworld\my_tennis_club>
/my_tennis_clubフォルダーに移動してサーバーを起動し、次のコマンドを実行します。
py manage.py runserver

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

結果は次のようになります。



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

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

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

スクールの詳細