Django Academy · Pelajaran

ListView dan DetailView

Tampilkan kumpulan dan catatan tunggal

ListView dan DetailView adalah pelajaran Django Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Django Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Django Academy mencakup 4 pelajaran total.

Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.

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. 🎉

Pertanyaan yang Sering Diajukan

Apakah pelajaran “ListView dan DetailView” gratis?

Ya — teks lengkap “ListView dan DetailView” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Django Academy, upgrade ke CoddyKit PRO. Kursus Django Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “ListView dan DetailView”?

Tampilkan kumpulan dan catatan tunggal Kamu berlatih Django Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Django Academy?

Tidak diperlukan pengalaman sebelumnya. Django Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “ListView dan DetailView” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Django Academy ini?

Ya. Setiap pelajaran Django Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Django Academy