숙제 : 댓글 모델 만들기

Django Girls Tutorial: Extensions
Search…
Django Girls Tutorial: Extensions
LANGS
Tutorial Django Girls : Extensiones
آموزش جنگوگرلز: فعالیت‌های اضافه
Django Girls Tutorial: Extensions
장고걸스 튜토리얼 : 심화 (Django Girls Tutorial: Extensions)
숙제: 블로그 개선하기!
숙제: 안전한 웹사이트 만들기
파이썬애니웨어(PythonAnywhere) 수동 배포하기
Django Girls Tutorial: Extensions
숙제 : 댓글 모델 만들기
지금까지 Post 모델만 있었죠. 독자들에게 피드백과 코멘트를 받을 수 있는 댓글을 만들어보면 어떨까요?
Comment 모델 만들기
blog/models.py 파일을 열어, 파일의 맨 마지막에 아래 코드를 추가해주세요.
1
class Comment(models.Model):
2
    post = models.ForeignKey('blog.Post', on_delete=models.CASCADE, related_name='comments')
3
    author = models.CharField(max_length=200)
4
    text = models.TextField()
5
    created_date = models.DateTimeField(default=timezone.now)
6
    approved_comment = models.BooleanField(default=False)
7
​
8
    def approve(self):
9
        self.approved_comment = True
10
        self.save()
11
​
12
    def __str__(self):
13
        return self.text
Copied!
각 필드 타입들에 대한 설명은 장고걸스 튜토리얼의 Django 모델 장에서 다뤘으니 다시 읽고 돌아와도 좋아요.
이번 장에서는 새로운 필드 타입을 써볼게요.
models.BooleanField - 참/거짓(true/false) 필드랍니다.
models.ForeignKey의 related_name 옵션은 Post 모델에서 댓글에 액서스할 수 있게 합니다.
데이터베이스에 새 모델 테이블 생성하기
자, 데이터베이스에 Comment 모델을 추가할 시간이에요. 그러려면 장고에게 모델 변경내용을 알려줘야 합니다. python manage.py makemigrations blog 명령어를 입력하세요.
1
    (myvenv) ~/djangogirls$ python manage.py makemigrations blog
2
    Migrations for 'blog':
3
      0002_comment.py:
4
        - Create model Comment
Copied!
blog/migrations 디렉터리에 새로 마이그레이션 파일이 생성되었어요. 이제 python manage.py migrate blog 명령어로 변경내역을 적용합니다. 다음과 같은 출력이 보일 거예요.
1
    (myvenv) ~/djangogirls$ python manage.py migrate blog
2
    Operations to perform:
3
      Apply all migrations: blog
4
    Running migrations:
5
      Rendering model states... DONE
6
      Applying blog.0002_comment... OK
Copied!
이제 Comment 모델이 데이터베이스 안에 생겼네요! 관리자 패널(admin panel)에서 Commnet 모델에 접근할 수 있다면 멋지겠죠?
관리자 패널에 Comment 모델 등록하기
관리자 패널에 모델을 등록하기 위해, blog/admin.py로 가서 아래 코드를 추가해주세요.
1
admin.site.register(Comment)
Copied!
아래 코드 바로 밑에 추가하면 됩니다.
1
admin.site.register(Post)
Copied!
파일 맨 처음에 Comment 모델을 import 하는 것을 잊지 마세요. 소스파일은 아래와 같은 내용이어야 합니다.
1
from django.contrib import admin
2
from .models import Post, Comment
3
​
4
admin.site.register(Post)
5
admin.site.register(Comment)
Copied!
커맨드 라인에서 python manage.py runserver를 입력하고 브라우저에서 http://127.0.0.1:8000/admin/를 열어보세요. Comment 리스트가 보이고, 댓글을 추가 삭제할 수 있을 거예요. 주저하지 말고 댓글을 가지고 놀아보세요.
댓글 보여주기
blog/templates/blog/post_detail.html로 가서 `
` 태그 바로 전에 아래 코드를 추가하세요.
1
<hr>
2
{% for comment in post.comments.all %}
3
    <div class="comment">
4
        <div class="date">{{ comment.created_date }}</div>
5
        <strong>{{ comment.author }}</strong>
6
        <p>{{ comment.text|linebreaks }}</p>
7
    </div>
8
{% empty %}
9
    <p>No comments here yet :(</p>
10
{% endfor %}
Copied!
자 이제 post_detail 페이지의 댓글을 읽을 수 있어요.
좀 더 이쁘게 보이면 좋겠어요. static/css/blog.css파일을 열어 css 코드를 추가해보세요.
1
.comment {
2
    margin: 20px 0px 20px 20px;
3
}
Copied!
post_list 페이지에서 각 글마다 달린 댓글 개수도 보여줍시다. blog/templates/blog/post_list.html에 아래 코드를 추가해주세요.
1
<a href="{% url 'post_detail' pk=post.pk %}">Comments: {{ post.comments.count }}</a>
Copied!
이제 아래와 같은 코드가 될 거에요.
1
{% extends 'blog/base.html' %}
2
​
3
{% block content %}
4
    {% for post in posts %}
5
        <div class="post">
6
            <div class="date">
7
                {{ post.published_date }}
8
            </div>
9
            <h1><a href="{% url 'post_detail' pk=post.pk %}">{{ post.title }}</a></h1>
10
            <p>{{ post.text|linebreaksbr }}</p>
11
            <a href="{% url 'post_detail' pk=post.pk %}">Comments: {{ post.comments.count }}</a>
12
        </div>
13
    {% endfor %}
14
{% endblock content %}
Copied!
댓글 작성하기
방문자는 댓글을 읽을 수 있지만, 직접 댓글을 남길 수는 없어요. 댓글을 작성할 수 있게 만들어 봅시다.
blog/forms.py파일의 맨 끝에 아래 코드를 추가하세요.
1
class CommentForm(forms.ModelForm):
2
​
3
    class Meta:
4
        model = Comment
5
        fields = ('author', 'text',)
Copied!
파일 맨 처음에 Comment 모델을 import 하는 것을 잊지 마세요.
아래 코드를 찾아
1
from .models import Post
Copied!
이렇게 수정하세요.
1
from .models import Post, Comment
Copied!
다음으로 blog/templates/blog/post_detail.html 파일에서 `
` 전에 아래 코드를 추가해주세요.
1
<a class="btn btn-default" href="{% url 'add_comment_to_post' pk=post.pk %}">Add comment</a>
Copied!
post_detail 페이지로 가면 에러가 뜰 거에요.
NoReverseMatch
어떻게 고쳐야하는지 알고 있을 거에요! blog/urls.py 파일에서 urlpatterns에 새 패턴을 추가해야죠.
1
url(r'^post/(?P<pk>\d+)/comment/#x27;, views.add_comment_to_post, name='add_comment_to_post'),
Copied!
페이지를 새로고침하면 또 에러가 보일 거에요!
AttributeError
에러를 해결하려면 blog/views.py 파일에서 새로운 뷰를 추가해야해요.
1
def add_comment_to_post(request, pk):
2
    post = get_object_or_404(Post, pk=pk)
3
    if request.method == "POST":
4
        form = CommentForm(request.POST)
5
        if form.is_valid():
6
            comment = form.save(commit=False)
7
            comment.post = post
8
            comment.save()
9
            return redirect('post_detail', pk=post.pk)
10
    else:
11
        form = CommentForm()
12
    return render(request, 'blog/add_comment_to_post.html', {'form': form})
Copied!
이번에도 파일 맨 처음에 CommentForm 을 import 하는 것을 잊지 마세요.
1
from .forms import PostForm, CommentForm
Copied!
이제 post_detail 페이지로 가보면, "Add comment" 버튼을 확인할 수 있을 거에요.
AddComment
하지만, 버튼을 끌릭하면 이런 게 보이겠죠.
TemplateDoesNotExist
이 에러는 뷰에서 지정된 템플릿이 없다는 에러에요. blog/templates/blog/ 경로에 add_comment_to_post.html이라는 새 파일을 만들고 아래 코드를 작성하세요.
1
{% extends 'blog/base.html' %}
2
​
3
{% block content %}
4
    <h1>New comment</h1>
5
    <form method="POST" class="post-form">{% csrf_token %}
6
        {{ form.as_p }}
7
        <button type="submit" class="save btn btn-default">Send</button>
8
    </form>
9
{% endblock %}
Copied!
와! 이제 내 블로그 글을 읽은 사람들이 댓글을 남길 수 있게 되었네요!
댓글 관리하기
현재 블로그에 남겨진 모든 댓글들이 post_detail 페이지에 보이네요. 블로그 관리자가 댓글을 승인하거나 삭제할 수 있는 기능이 필요하겠죠. 이제 이 기능을 만들어 봅시다.
blog/templates/blog/post_detail.html 파일에서 아래 코드를 찾아
1
{% for comment in post.comments.all %}
2
    <div class="comment">
3
        <div class="date">{{ comment.created_date }}</div>
4
        <strong>{{ comment.author }}</strong>
5
        <p>{{ comment.text|linebreaks }}</p>
6
    </div>
7
{% empty %}
8
    <p>No comments here yet :(</p>
9
{% endfor %}
Copied!
이렇게 바꾸세요.
1
{% for comment in post.comments.all %}
2
    {% if user.is_authenticated or comment.approved_comment %}
3
    <div class="comment">
4
        <div class="date">
5
            {{ comment.created_date }}
6
            {% if not comment.approved_comment %}
7
                <a class="btn btn-default" href="{% url 'comment_remove' pk=comment.pk %}"><span class="glyphicon glyphicon-remove"></span></a>
8
                <a class="btn btn-default" href="{% url 'comment_approve' pk=comment.pk %}"><span class="glyphicon glyphicon-ok"></span></a>
9
            {% endif %}
10
        </div>
11
        <strong>{{ comment.author }}</strong>
12
        <p>{{ comment.text|linebreaks }}</p>
13
    </div>
14
    {% endif %}
15
{% empty %}
16
    <p>No comments here yet :(</p>
17
{% endfor %}
Copied!
NoReverseMatch 예외가 뜰 텐데요. 이를 comment_remove와 comment_approve 패턴에 매칭되는 url이 없기 때문이에요.
에러를 해결하려면 blog/urls.py 에 url 패턴을 추가해주세요.
1
url(r'^comment/(?P<pk>\d+)/approve/#x27;, views.comment_approve, name='comment_approve'),
2
url(r'^comment/(?P<pk>\d+)/remove/#x27;, views.comment_remove, name='comment_remove'),
Copied!
이제 AttributeError 에러가 또 보일 거에요. 에러를 해결하기 위해, blog/views.py 에 뷰를 추가해주세요.
1
@login_required
2
def comment_approve(request, pk):
3
    comment = get_object_or_404(Comment, pk=pk)
4
    comment.approve()
5
    return redirect('post_detail', pk=comment.post.pk)
6
​
7
@login_required
8
def comment_remove(request, pk):
9
    comment = get_object_or_404(Comment, pk=pk)
10
    comment.delete()
11
    return redirect('post_detail', pk=comment.post.pk)
Copied!
파일 맨 처음에 Comment를 import하는 것을 잊지 않았겠죠.
1
from .models import Post, Comment
Copied!
모든 것이 잘 작동되네요! 하지만 마지막 한 가지가 남았어요. 현재 post_list 페이지에서는 등록된 모든 댓글의 개수가 보이는데요. 승인된 댓글의 개수만 보이게 수정해봅시다.
blog/templates/blog/post_list.html파일에서 아래 코드를
1
<a href="{% url 'post_detail' pk=post.pk %}">Comments: {{ post.comments.count }}</a>
Copied!
다음과 같이 수정해주세요.
1
<a href="{% url 'post_detail' pk=post.pk %}">Comments: {{ post.approved_comments.count }}</a>
Copied!
그리고 blog/models.py 파일에서 Post 모델에 아래 메서드를 추가해주세요.
1
def approved_comments(self):
2
    return self.comments.filter(approved_comment=True)
Copied!
드디어 댓글 기능을 모두 만들었어요! 함께 축하해요. :-)