장고:답변쓰기(댓글쓰기) 편집하기 (부분)

=뷰, 탬플릿 작성=
탬플릿과 연관이 깊으니, 같이 짜주자. 한 단계, 한 단계 차근차근 작동을 확인하며 넘어가자.

==답변 작성하기==
답변을 작성하는 기능의 view를 짜보자.

아무래도 form을 사용하지 않으면 유효성검사에 대한 처리를 따로  해주어야 한다. 모델을 저렇게 짜두어도 유효성검사를 해주진 않는다.(글자제한을 두어도 그냥 입력되어버린다.)
{| class="wikitable"
!과정
!코드
!폼을 사용하는 경우
|-
|form작성
|
|전체적으로..

글쓰기에서 글 작성과 유사하게 만들면 된다.<syntaxhighlight lang="python">
from django import forms
from pybo.models import Answer

class AnswerForm(forms.ModelForm):
    class Meta:
        model = Answer
        fields = ['content']
        labels = {
            'content': '댓글내용',
        }
</syntaxhighlight>
|-
|template작성
|댓글 작성은 화면에서 이루어지므로, 탬플릿을 먼저 작성한다.



글쓰기의 상세조회 탬플릿에 다음의 코드를 추가한다.<syntaxhighlight lang="html">
<!--답변등록을 위한 것-->
<form action="{% url '앱이름:answer_create' question.id %}" method="post">
{% csrf_token %}
<textarea name="content" id="content" rows="15"></textarea>
<input type="submit" value="답변등록">
</form>

<!--답변을 보기 위한 것-->
<div>
    <ul>
    {% for answer in question.answer_set.all %}
        <li>{{ answer.content }}</li>
    {% endfor %}
    </ul>
</div>
</syntaxhighlight>글 detail 뷰에서 question객체를 탬플릿에 보냈는데, question 객체 안에 연결된 answer객체가 함께 담겨 딸려간다.
(이때 하위 모델은 대문자로 시작하더라도 소문자로 써주어야 한다.)
|좌측에서 등록을 위한 부분만 달리하면 된다.<syntaxhighlight lang="html">
<!--답변등록을 위한 것-->
<form action="{% url '앱이름:answer_create' question.id %}" method="post">
{% csrf_token %}
<!--폼에러를 나타내기 위한 것-->
    {% if form.errors %}
    <div class="alert alert-danger" role="alert">
    {% for field in form %}
        {% if field.errors %}
        <strong>{{ field.label }}</strong>
        {{ field.errors }}
        {% endif %}
    {% endfor %}
    </div>
    {% endif %}
<!--답변등록을 위한 칸-->
{{ form.as_p }}
<input type="submit" value="댓글등록">
</form>
</syntaxhighlight>
|-
|view 작성
|작성 후에 다시 원 글로 이동이 필요하므로 redirect를 추가한다.<syntaxhighlight lang="python">
from django.shortcuts import render, get_object_or_404, redirect
from .models import * #모델을 불러온다.

def answer_create(request, question_id):
    question = get_object_or_404(Question, pk=question_id)
    question.answer_set.create(content=request.POST.get('content'), create_date=timezone.now())
    return redirect('앱이름:detail', question_id=question.id)
</syntaxhighlight>question.answer_set은 question에 대한 모델임을 의미한다. foreign 키로 연결되어 있어 이처럼 사용 가능하다.
question 객체의 answer_set 속성에 들어있는 객체를 의미.

[어떤 방식으로 들어있는지는 DB를 까봐야겠다.]



혹은 answer객체를 직접 불러와 내용을 저장할 수도 있다.<syntaxhighlight lang="python">
from django.shortcuts import render, get_object_or_404, redirect
from .models import * #모델을 불러온다.

def answer_create(request, question_id):
    question = get_object_or_404(Question, pk=question_id)
    answer = Answer(question=question, content=request.POST.get('content'), create_date=timezone.now())
    answer.save()
    return redirect('앱이름:detail', question_id=question.id)
</syntaxhighlight>
|<syntaxhighlight lang="python">
from django.shortcuts import render, get_object_or_404, redirect
from .models import * #모델을 불러온다.
from .forms import AnswerForm #answer폼을 불러온다.

def answer_create(request, question_id):
    question = get_object_or_404(Question, pk=question_id)
    if request.method == "POST":
        form = AnswerForm(request.POST)#post를 통해 받은 폼.
        if form.is_valid():
            answer = form.save(commit=False)
            answer.question = question #question객체 연결.
            answer.create_date = timezone.now()
            answer.save()
            return redirect('앱이름:detail', question_id=question.id)
    else:
        form = AnswerForm()
    context = {'question': question, 'form': form}
    return render(request, 'detail.html', context)
    #폼이 적절하지 않다면 에러메시지와 함께 detail로 보낸다.
</syntaxhighlight>
|-
|
|
|
|}

==답변수정==
{| class="wikitable"
!과정
!코드
!폼을 사용하는 경우
|-
|탬플릿 수정
|역시, 작성자에게만 수정버튼이 보이게 조작한다.

답변을 보여주는 for 태그 안에 넣자.<syntaxhighlight lang="html+django">
{% if request.user == answer.author %}<!--답변 작성자에게만 보이게끔.-->
<div class="my-3">
    <a href="{% url 'pool:answer_update' answer.id  %}"
       class="btn btn-sm btn-outline-secondary">수정</a>
</div>
{% endif %}
</syntaxhighlight>
|
|-
|탬플릿 추가
|상세조회 탬플릿 아래 답변들을 보였는데, 상세조회 탬플릿 안에서 수정하기엔 번거로움이 많다.(귀찮)

못할 건 아니지만,

(question객체를 담아 보내면 가능, 아니면 detail뷰를 조작하거나.) 간편한 수정을 위해 새로운 탬플릿을 만든다.

답변 수정은 그 폼을 담았다는 의미로 answer_form.html로 만든다.<syntaxhighlight lang="html+django">
{% extends 'common.html' %}

{% block content %}
<div class="container my-3">
    <form method="post" class="post-form">
        {% csrf_token %}
        {% include "form_errors.html" %}
        <div class="form-group">
            <label for="content">답변내용</label>
            <textarea class="form-control" name="content" id="content" 
                      rows="10">{{ form.content.value|default_if_none:'' }}</textarea>
        </div>
        <button type="submit" class="btn btn-primary">저장하기</button>
    </form>
</div>
{% endblock %}
</syntaxhighlight>
|
|-
|view작성
|<syntaxhighlight lang="python">
@login_required(login_url='membership:login')
def answer_update(request, answer_id):
    answer = get_object_or_404(Answer, pk=answer_id)
    if request.user != answer.author:
        messages.error(request, '수정권한이 없습니다')
        return redirect('pool:detail', question_id=answer.question.id)

    if request.method == "POST":
        form = AnswerForm(request.POST, instance=answer)
        if form.is_valid():
            answer = form.save(commit=False)
            answer.author = request.user
            answer.modify_date = timezone.now()
            answer.save()
            return redirect('pool:detail', question_id=answer.question.id)
    else:
        form = AnswerForm(instance=answer)
    context = {'answer': answer, 'form': form}
    return render(request, 'answer_form.html', context)
</syntaxhighlight>
|
|}

==답변삭제==
{| class="wikitable"
!과정
!코드
|-
|탬플릿 수정
|수정버튼 옆에 다음의 코드를 넣어준다.(한 묶음 안에)<syntaxhighlight lang="html+django">
<a href="#" class="delete btn btn-sm btn-outline-secondary " data-uri="{% url 'pool:answer_delete' answer.id  %}">삭제</a>
</syntaxhighlight>class 안에 delete라는 이름이 있어 글쓰기 삭제에서 사용했던 JQuery를 그대로 사용할 수 있다.
|-
|탬플릿 추가
|상세조회 탬플릿 아래 답변들을 보였는데, 상세조회 탬플릿 안에서 수정하기엔 번거로움이 많다.(귀찮)

못할 건 아니지만,

(question객체를 담아 보내면 가능, 아니면 detail뷰를 조작하거나.) 간편한 수정을 위해 새로운 탬플릿을 만든다.

답변 수정은 그 폼을 담았다는 의미로 answer_form.html로 만든다.<syntaxhighlight lang="html+django">
{% extends 'common.html' %}

{% block content %}
<div class="container my-3">
    <form method="post" class="post-form">
        {% csrf_token %}
        {% include "form_errors.html" %}
        <div class="form-group">
            <label for="content">답변내용</label>
            <textarea class="form-control" name="content" id="content" 
                      rows="10">{{ form.content.value|default_if_none:'' }}</textarea>
        </div>
        <button type="submit" class="btn btn-primary">저장하기</button>
    </form>
</div>
{% endblock %}
</syntaxhighlight>
|-
|view작성
|<syntaxhighlight lang="python">
@login_required(login_url='membership:login')
def answer_delete(request, answer_id):
    answer = get_object_or_404(Answer, pk=answer_id)
    if request.user != answer.author:
        messages.error(request, '삭제권한이 없습니다')
    else:
        answer.delete()
    return redirect('pool:detail', question_id=answer.question.id)
</syntaxhighlight>
|}