Django DetailView trong Python

Trong bài viết này, bạn sẽ học cách sử dụng lớp Django DetailView để hiển thị chi tiết của một đối tượng. Django DetailView là một trong những class-based views mạnh mẽ và tiện lợi nhất của Django, giúp bạn dễ dàng xây dựng các trang web hiển thị thông tin chi tiết của các đối tượng trong cơ sở dữ liệu của bạn. Hướng dẫn này tiếp nối từ phần cuối của hướng dẫn Django ListView, giúp bạn hiểu rõ hơn cách sử dụng và triển khai DetailView trong dự án Django của mình. Bạn sẽ học cách định nghĩa DetailView, tạo template chi tiết, và thiết lập các route cần thiết để hoàn thiện web của bạn.

Django DetailView trong Python là gì?

Django DetailView cho phép bạn định nghĩa một class-based view để hiển thị chi tiết của một đối tượng. Để sử dụng lớp DetailView, bạn định nghĩa một class kế thừa từ lớp DetailView.

Ví dụ, đoạn mã sau định nghĩa một class-based view tên là TaskDetail để hiển thị chi tiết của một nhiệm vụ trong ứng dụng Todo:

from django.shortcuts import render
from django.views.generic.list import ListView
from django.views.generic.detail import DetailView
from .models import Task

class TaskDetail(DetailView):
    model = Task
    context_object_name = 'task'

Cách hoạt động

Đầu tiên, import DetailView từ django.views.generic.detail:

Bài viết này được đăng tại [free tuts .net]

from django.views.generic.detail import DetailView

Thứ hai, định nghĩa một class tên là TaskDetail kế thừa từ DetailView. Trong class TaskDetail, chúng ta định nghĩa các thuộc tính sau:

• model chỉ định lớp của đối tượng sẽ được hiển thị.
• context_object_name chỉ định tên của đối tượng trong template. Mặc định, Django sử dụng object làm tên đối tượng trong template. Để rõ ràng hơn, chúng ta sử dụng task làm tên đối tượng.

Mặc định, class TaskDetail sẽ tải template có tên là task_detail.html từ thư mục templates/todo. Nếu bạn muốn sử dụng một tên template khác, bạn có thể sử dụng thuộc tính template_name trong class TaskDetail.

Tạo template task_detail.html Django trong Python

Tạo file template task_detail.html trong thư mục templates/todo với nội dung sau:

{%extends 'base.html'%}

{%block content%}
<article class="task">
    <header>
        <h2>{{ task.title }}</h2>
        <span class="badge {% if task.completed %}badge-completed{% else %}badge-pending{%endif%}">
            {% if task.completed %} Completed {%else%} Pending {%endif%}
        </span>
    </header>
    <p>{{task.description}}</p>
</article>
{%endblock content%}

Template task_detail.html mở rộng từ template base.html. Template này sử dụng đối tượng task và hiển thị các thuộc tính của nhiệm vụ bao gồm tiêu đề, trạng thái (hoàn thành hay chưa) và mô tả.

Khởi tạo route

Khởi tạo một route để ánh xạ URL hiển thị chi tiết một nhiệm vụ với kết quả của phương thức as_view() của class TaskDetail:

from django.urls import path
from .views import home, TaskList, TaskDetail

urlpatterns = [
    path('', home, name='home'),
    path('tasks/', TaskList.as_view(), name='tasks'),
    path('task/<int:pk>/', TaskDetail.as_view(), name='task'),
]

URL chấp nhận một số nguyên là id (hoặc khóa chính, pk) của nhiệm vụ. TaskDetail sẽ lấy tham số pk này, chọn nhiệm vụ từ cơ sở dữ liệu theo id, tạo một đối tượng Task và truyền nó vào template.

Sửa đổi template task_list.html

Sửa đổi template task_list.html để bao gồm liên kết tới từng nhiệm vụ trong danh sách sử dụng thẻ url:

{%extends 'base.html'%}

{%block content%}
<div class="center">
    <h2>My Todo List</h2>
    {% if tasks %}
    <ul class="tasks">
        {% for task in tasks %}
            <li>
                <a href="{% url 'task' task.id %}" class="{% if task.completed %}completed{%endif%}">{{ task.title }}</a>
                <div class="task-controls">
                    <a href="#"><i class="bi bi-trash"></i> </a>
                    <a href="#"><i class="bi bi-pencil-square"></i></a>
                </div>
            </li>
        {% endfor %}
    {% else %}
        <p>???? Yay, bạn không có nhiệm vụ nào đang chờ!</p>
    {% endif %}
    </ul>
</div>
{%endblock content%}

Khi bạn nhấp vào liên kết của từng nhiệm vụ, bạn sẽ được chuyển hướng đến trang chi tiết của nhiệm vụ đó.

Chạy server phát triển Django:

python manage.py runserver

Mở danh sách nhiệm vụ:

http://127.0.0.1:8000/tasks/

Bạn sẽ thấy danh sách các nhiệm vụ. Khi nhấp vào một nhiệm vụ, ví dụ: "Learn Python", bạn sẽ được chuyển hướng đến trang chi tiết của nhiệm vụ đó.

Kết bài

Việc sử dụng Django DetailView là một cách hiệu quả để hiển thị chi tiết của các đối tượng trong ứng dụng Django của bạn. Với những kiến thức bạn đã học được từ hướng dẫn này, bạn có thể dễ dàng triển khai các trang web hiển thị thông tin chi tiết của đối tượng một cách linh hoạt và tiện lợi. Hãy thử áp dụng các khái niệm và kỹ thuật đã học vào dự án của bạn và tận dụng Django để xây dựng các ứng dụng web và linh hoạt.