댓글 모델 만들기

지금까지 Post 모델만 있었죠. 독자들에게 피드백과 코멘트를 받을 수 있는 댓글을 만들어보면 어떨까요?

Comment 모델 만들기

blog/models.py 파일을 열어, 파일의 맨 마지막에 아래 코드를 추가해주세요.

class Comment(models.Model):

post = models.ForeignKey('blog.Post', related_name='comments', on_delete=models.CASCADE)

author = models.CharField(max_length=200)

text = models.TextField()

created_date = models.DateTimeField(default=timezone.now)

approved_comment = models.BooleanField(default=False)

def approve(self):

self.approved_comment = True

self.save()

def __str__(self):

return self.text

각 필드 타입들에 대한 설명은 장고걸스 튜토리얼의

Django 모델⁠

장에서 다뤘으니 다시 읽고 돌아와도 좋아요.

이번 장에서는 새로운 필드 타입을 써볼게요.

models.BooleanField - 참/거짓(true/false) 필드랍니다.

models.ForeignKey의 related_name 옵션은 Post 모델에서 댓글에 액서스할 수 있게 합니다.

데이터베이스에 새 모델 테이블 생성하기

자, 데이터베이스에 Comment 모델을 추가할 시간이에요. 그러려면 장고에게 모델 변경내용을 알려줘야 합니다. python manage.py makemigrations blog 명령어를 입력하세요.

(myvenv) ~/djangogirls$ python manage.py makemigrations blog

Migrations for 'blog':

0002_comment.py:

- Create model Comment

blog/migrations 디렉터리에 새로 마이그레이션 파일이 생성되었어요. 이제 python manage.py migrate blog 명령어로 변경내역을 적용합니다. 다음과 같은 출력이 보일 거예요.

(myvenv) ~/djangogirls$ python manage.py migrate blog

Operations to perform:

Apply all migrations: blog

Running migrations:

Rendering model states... DONE

Applying blog.0002_comment... OK

이제 Comment 모델이 데이터베이스 안에 생겼네요! 관리자 패널(admin panel)에서 Commnet 모델에 접근할 수 있다면 멋지겠죠?

관리자 패널에 Comment 모델 등록하기

관리자 패널에 모델을 등록하기 위해, blog/admin.py로 가서 아래 코드를 추가해주세요.

admin.site.register(Comment)

아래 코드 바로 밑에 추가하면 됩니다.

admin.site.register(Post)

파일 맨 처음에 Comment 모델을 import 하는 것을 잊지 마세요. 소스파일은 아래와 같은 내용이어야 합니다.

from django.contrib import admin

from .models import Post, Comment

admin.site.register(Post)

admin.site.register(Comment)

커맨드 라인에서 python manage.py runserver를 입력하고 브라우저에서

http://127.0.0.1:8000/admin/⁠

를 열어보세요. Comment 리스트가 보이고, 댓글을 추가 삭제할 수 있을 거예요. 주저하지 말고 댓글을 가지고 놀아보세요.

댓글 보여주기

blog/templates/blog/post_detail.html로 가서 {% endblock %} 태그 바로 전에 아래 코드를 추가하세요.

<hr>

{% for comment in post.comments.all %}

<div class="date">{{ comment.created_date }}</div>

<strong>{{ comment.author }}</strong>

<p>{{ comment.text|linebreaks }}</p>

</div>

{% empty %}

<p>No comments here yet :(</p>

{% endfor %}

자 이제 post_detail 페이지의 댓글을 읽을 수 있어요.

좀 더 이쁘게 보이면 좋겠어요. static/css/blog.css파일을 열어 css 코드를 추가해보세요.

.comment {

margin: 20px 0px 20px 20px;

}

post_list 페이지에서 각 글마다 달린 댓글 개수도 보여줍시다. blog/templates/blog/post_list.html에 아래 코드를 추가해주세요.

<a href="{% url 'post_detail' pk=post.pk %}">Comments: {{ post.comments.count }}</a>

이제 아래와 같은 코드가 될 거에요.

{% extends 'blog/base.html' %}

{% block content %}

{% for post in posts %}

</div>

<h1><a href="{% url 'post_detail' pk=post.pk %}">{{ post.title }}</a></h1>

<p>{{ post.text|linebreaksbr }}</p>

<a href="{% url 'post_detail' pk=post.pk %}">Comments: {{ post.comments.count }}</a>

</div>

{% endfor %}

{% endblock content %}

댓글 작성하기

방문자는 댓글을 읽을 수 있지만, 직접 댓글을 남길 수는 없어요. 댓글을 작성할 수 있게 만들어 봅시다.

blog/forms.py파일의 맨 끝에 아래 코드를 추가하세요.

class CommentForm(forms.ModelForm):

class Meta:

model = Comment

fields = ('author', 'text',)

파일 맨 처음에 Comment 모델을 import 하는 것을 잊지 마세요.

아래 코드를 찾아

from .models import Post

이렇게 수정하세요.

from .models import Post, Comment

다음으로 blog/templates/blog/post_detail.html 파일에서 {% for comment in post.comments.all %} 전에 아래 코드를 추가해주세요.

<a class="btn btn-default" href="{% url 'add_comment_to_post' pk=post.pk %}">Add comment</a>

post_detail 페이지로 가면 에러가 뜰 거에요.

⁠

어떻게 고쳐야하는지 알고 있을 거에요! blog/urls.py 파일에서 urlpatterns에 새 패턴을 추가해야죠.

url(r'^post/(?P<pk>\d+)/comment/$', views.add_comment_to_post, name='add_comment_to_post'),

페이지를 새로고침하면 또 에러가 보일 거에요!

⁠

에러를 해결하려면 blog/views.py 파일에서 새로운 뷰를 추가해야해요.

def add_comment_to_post(request, pk):

post = get_object_or_404(Post, pk=pk)

if request.method == "POST":

form = CommentForm(request.POST)

if form.is_valid():

comment = form.save(commit=False)

comment.post = post

comment.save()

return redirect('post_detail', pk=post.pk)

else:

form = CommentForm()

return render(request, 'blog/add_comment_to_post.html', {'form': form})

이번에도 파일 맨 처음에 CommentForm 을 import 하는 것을 잊지 마세요.

from .forms import PostForm, CommentForm

이제 post_detail 페이지로 가보면, "Add comment" 버튼을 확인할 수 있을 거에요.

⁠

하지만, 버튼을 끌릭하면 이런 게 보이겠죠.

⁠

이 에러는 뷰에서 지정된 템플릿이 없다는 에러에요. blog/templates/blog/ 경로에 add_comment_to_post.html이라는 새 파일을 만들고 아래 코드를 작성하세요.

{% extends 'blog/base.html' %}

{% block content %}

<h1>New comment</h1>

<form method="POST" class="post-form">{% csrf_token %}

</form>

{% endblock %}

와! 이제 내 블로그 글을 읽은 사람들이 댓글을 남길 수 있게 되었네요!

댓글 관리하기

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.