Menu
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Django 准备模板


创建模板

创建模型后,有了我们想要的字段和数据,现在是时候在网页上显示这些数据了。

首先创建一个名为 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/


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.