Django 模板


模板

在里面Django简介页面,我们了解到结果应该是 HTML 格式,并且应该在模板中创建,所以让我们这样做。

创建一个templates文件夹里面的members文件夹,并创建一个名为的 HTML 文件myfirst.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.py文件并替换members用这个查看:

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 创建了一个新应用程序。

这是在settings.py文件在my_tennis_club文件夹。

查找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/在地址栏中。

结果应该是这样的: