Mẫu chuẩn bị Django
Tạo mẫu
Sau khi tạo Mô hình, với các trường và dữ liệu mà chúng ta muốn có trong đó, đã đến lúc hiển thị dữ liệu trong trang web.
Bắt đầu bằng cách tạo một tệp HTML có tên all_members.html
và đặt nó vào thư mục /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>
Bạn có thấy dấu ngoặc nhọn {% %}
bên trong tài liệu HTML không?
Chúng là Thẻ Django, yêu cầu Django thực hiện một số logic lập trình bên trong các dấu ngoặc này.
Bạn sẽ tìm hiểu thêm về Thẻ Django trong chương Thẻ Django của chúng tôi.
Sửa đổi chế độ xem
Tiếp theo chúng ta cần cung cấp dữ liệu mô hình trong mẫu. Điều này được thực hiện trong khung nhìn.
Trong khung nhìn, chúng ta phải nhập mô hình Member
và gửi nó đến mẫu như thế này:
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))
Chạy ví dụ » Chế độ xem members
thực hiện như sau:
- Tạo đối tượng
mymembers
với tất cả các giá trị của mô hìnhMember
. - Tải mẫu
all_members.html
. - Tạo một đối tượng chứa đối tượng
mymembers
. - Gửi đối tượng đến mẫu.
- Xuất ra HTML được mẫu hiển thị.
Kết quả
Chúng tôi đã tạo một ví dụ để bạn có thể xem kết quả:
Chạy ví dụ »Nếu bạn đã làm theo tất cả các bước trên máy tính của mình, bạn có thể xem kết quả trong trình duyệt của riêng mình:
Khởi động máy chủ bằng cách điều hướng đến thư mục /my_tennis_club/
và thực hiện lệnh này:
py manage.py runserver
Trong cửa sổ trình duyệt, nhập 127.0.0.1:8000/members/
vào thanh địa chỉ.