Django Academy · บทเรียน

ListView และ DetailView

แสดงคอลเลกชันและระเบียนเดี่ยว

ListView และ DetailView เป็นบทเรียน Django Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Django Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Django Academy มีบทเรียนทั้งหมด 4 บทเรียน

บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ

Two Pages You Always Need

Nearly every app shows a list of things and a page for one thing. Django ships generic views that build both for you. ✨

Meet ListView

ListView fetches many objects and hands them to a template, so you skip writing the query and the render call yourself.

Point ListView at a Model

You give ListView a model, and it runs the query for every row in that table automatically.

from django.views.generic import ListView
from .models import Post

class PostList(ListView):
    model = Post

The Default Template Name

ListView looks for a template named app/model_list.html, like post_list.html, unless you override it.

object_list in the Template

Inside the template the rows arrive as object_list, ready for you to loop over and display.

{% for post in object_list %}
  <li>{{ post.title }}</li>
{% endfor %}

Nicer Names with context_object_name

Set context_object_name so your template variable reads naturally, like posts instead of object_list.

class PostList(ListView):
    model = Post
    context_object_name = "posts"

Meet DetailView

DetailView fetches a single object by its key and renders one focused page for it.

How DetailView Finds the Object

DetailView reads a pk or slug from the URL, then runs get() to load exactly that one record.

from django.views.generic import DetailView

class PostDetail(DetailView):
    model = Post

The Detail Template and object

DetailView renders app/model_detail.html and exposes the record as object in the template.

<h1>{{ object.title }}</h1>
<p>{{ object.body }}</p>

Wiring Them into URLs

Each generic view becomes a URL with as_view(), which turns the class into a callable view.

path("posts/", PostList.as_view()),
path("posts/<int:pk>/", PostDetail.as_view()),

Less Code, Same Result

Together these two views replace dozens of lines of boilerplate, giving you list and detail pages almost for free. 🚀

Quick Check

Where does DetailView get the object it shows?

Recap: List and Detail

You met ListView for collections and DetailView for one record, wired both with as_view(), and skipped tons of boilerplate. 🎉

คำถามที่พบบ่อย

บทเรียน “ListView และ DetailView” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “ListView และ DetailView” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Django Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Django Academy มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “ListView และ DetailView”

แสดงคอลเลกชันและระเบียนเดี่ยว คุณปฏิบัติ Django Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Django Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Django Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน

บทเรียน “ListView และ DetailView” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Django Academy นี้ได้ไหม

ได้ บทเรียน Django Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

← กลับไปที่ Django Academy