最适合网络开发者的网站
Django。初学者课程

尿素 西斯

Django Prepare Template


Create Template

After creating Models, with the fields and data we want in them, it is time to display the data on a web page.

Start by creating an HTML file named all_members.html and place it in the /templates/ folder:

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>

Do you see the {% %} brackets inside the HTML document?

They are Django Tags, telling Django to perform some programming logic inside these brackets.

You will learn more about Django Tags in our Django 标签 章节。


Modify View

Next, we need to make the model data available in the template. This is done in the view.

In the view we have to import the Member model, and send it to the template like this:

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))
Run Example »

The members view does the following:

  • Creates a mymembers object with all the values of the Member model.
  • Loads the all_members.html template.
  • Creates an object containing the mymembers object.
  • Send the object to the template.
  • Outputs the HTML that is rendered by the template.

The Result

We have created an example so that you can see the result:

Run Example »

If you have followed all the steps on your own computer, you can see the result in your own browser:

Start the server by navigating to the /my_tennis_club/ folder and execute this command:

py manage.py runserver

In the browser window, type 127.0.0.1:8000/members/ in the address bar.



评论