Adding Template Trong Django

104 lượt xem Django

Thêm Mẫu Vào Ứng Dụng

Trong chương trước, chúng ta đã quản lý để hiển thị nội dung của bảng cơ sở dữ liệu trong một trang web:

Thêm Mẫu Vào Ứng dụng
Thêm Mẫu Vào Ứng Dụng

Để thêm một số HTML xung quanh các giá trị, chúng tôi sẽ tạo một mẫu cho ứng dụng.

Tất cả các mẫu phải được đặt trong thư mục templates ngoài ứng dụng của bạn, nếu bạn chưa tạo thư mục templates, hãy làm điều đó ngay bây giờ.

Trong thư mục templates, hãy tạo một tệp có tên là index.html, với nội dung sau:

members/templates/index.html:

<h1>Members</h1>

<table border="1">
{% for x in mymembers %}
<tr>
<td>{{ x.id }}</td>
<td>{{ x.firstname }}</td>
<td>{{ x.lastname }}</td>
</tr>
{% endfor %}
</table>

Bạn có nhận thấy phần {%%} và {{}} không? Chúng được gọi là thẻ mẫu.

Thẻ mẫu cho phép bạn thực hiện logic và hiển thị các biến trong mẫu của mình, bạn sẽ tìm hiểu thêm về thẻ mẫu sau.

Sửa Đổi Chế Độ Xem

Thay đổi chế độ xem index để bao gồm mẫu:

members/views.py:

from django.http import HttpResponse
from django.template import loader
from .models import Members

def index(request):
  mymembers = Members.objects.all().values()
  template = loader.get_template('index.html')
  context = {
    'mymembers': mymembers,
  }
  return HttpResponse(template.render(context, request))

Chế độ xem index thực hiện như sau:

  • Tạo một đối tượng mymembers với tất cả các giá trị của mô hình Thành viên.
  • Tải mẫu index.html.
  • Tạo một đối tượng chứa đối tượng mymember.
  • Gửi đối tượng đến mẫu.
  • Xuất ra HTML được hiển thị bởi mẫu.

Trong cửa sổ trình duyệt, nhập 127.0.0.1:8000/members/ vào thanh địa chỉ.

Kết quả:

Sửa Đổi Chế Độ Xem
Sửa Đổi Chế Độ Xem

Leave a Reply

Your email address will not be published. Required fields are marked *

PHP Code Snippets Powered By : XYZScripts.com
.
.
.
.