본문 바로가기

Python/Django

[Django] Class based View - DetailView

이번에는 DetailView 에 대해서 알아보겠습니다.


클래스 기반 뷰 하위에는 생성, 상세, 업데이트, 삭제, 리스트 등이 있다.

Model based Class base Views - Create, Detail, Update, Delete, List.

 

간단하게 설명하면, 모델에서 인스턴스 생성, 모델 인스턴스에 대한 DetailView 생성, 인스턴스 업데이트 및 삭제, 

여러 인스턴스/디비에 있는 특정 모델의 모든 인스턴스 나열 이라고 할 수 있다.


 

views.py 에서 DetailView 임포트, TeacherDetailView 인스턴 생성 - class TeacherDetailView(DetailView):

 

from django.shortcuts import render
from django.urls import reverse_lazy, reverse
from django.views.generic import TemplateView, FormView, CreateView, ListView, DetailView

from classroom.forms import ContactForm
from classroom.models import TeacherModel

...

class TeacherDetailView(DetailView):
    # return only ONE MODEL ENTRY PK
    # model 을 설정하면 자동으로 model_detail.html 을 찾는다(동일 장고 앱레벨에서)
    # 여기서는 teachermodel_detail.html 파일을 찾는다.
    model = TeacherModel
    # PK --> {{teachermodel}}

 

 

./classroom/templates/classroom/teachermodel_detail.html 생성.

"model = TeacherModel" 로 설정하면 Django 에서는 자동으로 "teachermodel_detail.html" 파일을 찾는다.

 

<body>
    <h1>Teacher Detail (DetailView)</h1>
    {{teachermodel}}
</body>

 

 

urls.py 에서 path 추가 - detail_teacher

 

# domain.com/classroom
urlpatterns = [
    # path('', views.home_view, name='home'), # path expects a function!
    path('', views.HomeView.as_view(), name='home'), # 클래스를 가지고 경로에 대한 함수를 반환
    path('thank_you/', views.ThankYouView.as_view(), name='thank_you'), 
    path('contact/', views.ContactFormView.as_view(), name='contact'), 
    path('create_teacher/', views.TeacherCreateView.as_view(), name='create_teacher'), 
    path('list_teacher/', views.TeacherListView.as_view(), name='list_teacher'), 
    path('detail_teacher/<int:pk>', views.TeacherDetailView.as_view(), name='detail_teacher'), 
]

 

 

./classroom/templates/classroom/teachermodel_list.html 수정 - anchor 태그 추가

 

<body>
    <h1>List of Teachers (ListView)</h1>
    <ul>
        <!-- views 에서 context_object_name 을 설정하면 object_list->"설정한 변수명"으로 변경가능  -->
        {% for teacher in teacher_list %}
            <!-- <li>{{teacher.first_name}} {{teacher.last_name}}</li> -->
            <li><a href="/classroom/detail_teacher/{{teacher.id}}">{{teacher.first_name}} {{teacher.last_name}}</a></li>
        {% endfor %}
        </ul>
</body>

 

 

결과 화면