10 Sun

TIL

[배프의 오지랖 파이썬 웹프로그래밍]

3 튜토리얼 따라하기 - 설문조사

3.10 404 오류 일으키기

404오류는 웹 서비스에서 파일이 존재하지 않을 때 발생하는 오류이다. 게시판에서 정보를 불러 올 때 페이지에 해당 데이터가 존재하지 않는 의미로 사용한다.

polls/views.py

from django.http import Http404
def detail(request, question_id):
    try:
        question = Question.Objects.get(pk=question_id)
    except Question.DoesNotExist:
        raise Http404("Question does not exist")
    return render(request, 'polls/detail.html', {'question': question})

Http404를 이용하면 투표 항목이 없을 경우 404 오류를 발생시킨다. 이전의 index뷰와 같이 detail 뷰에서 템플릿을 사용하므로 detail.html을 생성한다.

Http404를 처리할 때는 loade-rrender 관계처럼 단축 함수가 존재하는데 get_object_or_404 이다. 이 함수를 사용해 detail 뷰를 수정한다.

polls/views.py

from django.shortcuts import get_object_or_404
def detail(request, question_id):
    question = get_object_or_404(Question, pk=question_id)
    return render(request, 'polls/detail.html', {'question': question})

render옆에 get_object or 404를 추가해 임포트 한다. 그리고 detail 뷰에서는 try except 구문을 없애고 404를 이용해 코드를 간소화 한다. 이를 detail.html 에 추가한다.

polls/templates/polls/detail.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>{{ question.question_text }}</h1>
    <ul>
    {% for choice in question.choice_set.all %}
        <li> {{ choice.choice_text }} </li>
    {% endfor %}
    </ul>
</body>
</html>

3.11 하드 코딩된 URL 없애기

index.html 파일을 보면 링크의 주소가 하드코딩 되어있다. 이는 다른 형태로 변경시 일일이 html을 다 열어야 한다는 불편함이 있다. 따라서 URL 템플릿 태그를 사용하여 하드 코딩된 URL을 없앤다.

{% for question in latest_question_list %}
        <li><a href={% url 'detail' question.id %}>{{ question.question_text }}</a></li>
{% endfor %}

URL 템플릿 태그를 사용해 주소를 만들어 출력한다. URL 템플릿 태그는 URL의 이름을 필수 인자로 전달 받는다. 해당 이름을 가진 URL은 ulrs.py 전체를 검색해 찾는다.

3.12 URL 네임 스페이스 설정하기

detail이라는 뷰가 polls에도 있고 다른 앱에도 있을 경우 장고는 어느 뷰의 URL을 만들지 알 수가 없다. 이런 경우 네임스페이스를 설정해 각각의 뷰가 어느 앱에 속한 것인지 구분할 수 있도록 한다. 프로젝트가 복잡해질수록 있는 것이 편리하다.

polls/urls.py

app_nmae = 'polls'

polls/template/polls/index.html

{% for question in latest_question_list %}
        <li><a href={% url 'polls:detail' question.id %}>{{ question.question_text }}</a></li>
{% endfor %}

3.13 간단한 폼 제작

튜표 기능이 동작하려면 detail.html을 수정하고 vote 뷰에도 기능을 추가해야 한다.

detail.html

<body>
    <h1>{{ question.question_text }}</h1>
    {% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}
    
    <form action="{% url 'polls:vote' question.id %}" method="post">
    {% csrf_token %}
    {% for choice in question.choice_set.all %}
        <input type="radio" name="choice" id="choice{{forloop.counter }}" value="{{choice.id }}">
        <label for="choice{{forloop.counter }}">{{choice.choice_text }}</label><br>
    {% endfor %}
        <input type="submit" value="Vote">
    </form>
    
    </ul>
</body>

form 태그를 사용해서 사용자가 답변 항목을 선택하고 전달할 수 있다.
사용자가 선택한 항목의 번호를 vote 뷰를 전달하도록 action 속성에 vote URL이 출력되게 URL 템플릿 태그를 사용했다.
method = post는 HTTP 메서드 중 하나이며 서버로 정보를 전달할 때 사용하는 일반적인 방법
forloop.counter는 템플릿 문법에서 제공하는 기능으로 반복문의 반복 횟수를 출력해주는 기능. 여기서는 vote뷰에 choice=번호 형태로 전달한다
csrftoken은 CSRF 공격을 막기위한 수단이다. 방금 서버로 들어온 요청이 사이트 내부에서 온 것이 맞는지 확인하는 용도로 csrftoken의 값을 사용

polls/views.py

from django.http import HttpResponse, HttpResponseRedirect
from django.urls import reverse
from .models import Question, Choice

def vote(request, question_id):
    question = get_object_or_404(Question, pk=question_id)
    try:
        selected_choice = question.choice_set.get(pk=request.POST['choice'])
    except (KeyError, Choice.DoesNotExist):
        return render(request, 'polls/detail.html', {
            'question': question,
            'error_message': "You didn't select a choice.",
        })
    else:
        selected_choice.votes += 1
        selected_choice.save()

        return HttpResponseRedirect(reverse('polls:results', args=(question.id,)))

request.POST[변수이름]을 통해 전달받은 변수의 값을 확인한다. 이 때 전달되는 값은 항상 문자열이다.
전달받은 답변이 해당 투표 항목에 있는지 확인하고 없으면 다시 상세 페이지로 이동한다. 이 때 답변을 선택하지 않았다는 오류 메시지도 같이 전달된다.
반대로 제대로 된 답변이 선택되면 해당 답변 수를 1 증가시키고 결과 화면으로 이동한다.

polls/views.py

def results(request, question_id):
    question = get_object_or_404(Question, pk=question_id)
    return render(request, 'polls/results.html', {'question': question})

결과를 출력하는 result뷰

polls/templates/polls/results.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>{{ question.question_text }}</h1>

    <ul>
        {% for choice in question.choice_set.all %}
        <li>{{ choice.choice_text }} -- {{ choice.votes }} vote{{choice.votes|pluralize }}</li>
        {% endfor %}
    </ul>

    <a href="{% url 'polls:detail' question.id %}">Vote again?</a>
</body>
</html>

results.html은 각 답변 항목과 투표 수를 한꺼번에 보여준다.

3.14 제네릭 뷰 사용

제네릭뷰는 장고에서 미리 준비한 뷰를 의미. 웹 프로그래밍에 일반적으로 사용되는 뷰들은 이미 장고에서 대부분 만들어져 있다.

Previous11 Mon Next9 Sat

Last updated 4 years ago

Was this helpful?