[Django] - 7. Form 사용하기

최창우·2022년 9월 8일

django

Django

목록 보기

8/10

📜 Form 사용하는법을 알아보자.

📕 Form 사용하기

📖 Form 이란?

Form은 사용자의 입력을 받기 위한 필드나 위젯들의 묶음을 의미

웹페이지 로그인화면에 IP/PW 입력 칸과 확인 버튼 등의 묶음을 의미

HTML Form의 기본형태

action : 아래 submit을 눌렀을때 작성한 내용이 넘어갈 url경로
type="text" : 텍스트 입력하는 곳
type="submit" : 다음 action을 취하는데 사용되는 버튼
<form action="데이터가 전달될 주소(url)" method="HTTP method 중 하나">
  <input type="text" name="내용 입력란"/>
  <button type="submit">확인</button>
</form>

Django에서는 이러한 폼을 구성하기 쉽게 지원해줌.

📖 Form 생성 및 실행하기

app_2th/forms.py

from django import forms

class Write_Form(forms.Form):
    # forms.@ : 어떤 형태의 입력을 받을 것인지 정의
    # label, max_length, widget : 해당 필드의 속성
    first_name = forms.CharField(label="이름",max_length=50)
    last_name = forms.CharField(label="성",max_length=50)

app_2th/urls.py

from django.urls import path
from . import views

urlpatterns = [
    path('person/',views.person,name="person"),
    path('write/',views.write,name='write'),

app_2th/views.py

from django.shortcuts import render
from .models import Person
from .forms import *

def write(request):
    form = Write_Form() # forms.py 에서 정의한 클래스를 객체로 넘겨줌
    
    # context를 render로 넘겨줄 때, 항상 딕셔너리형태여야함.
    context = {
        'form':form
    }
    return render(request,'write.html',context)

app_2th/templates/write.html

<form action="/" method="post"> 
    {% csrf_token %}
    {{ form }}
    <button type="submit">제출</button>
</form>

실행결과

📖 Form 에 작성한 데이터 넘기기

Form에 작성한 데이터를 넘기려면 해주어야 할 것.

위에서 작성한 write.html 에서 action 부분에 경로를 지정

<form action="{% url ‘result’ %}" method="post"> 
    {% csrf_token %}
    {{ form }}
    <button type="submit">제출</button>
</form>

app/urls.py 추가

from django.urls import path
from . import views

urlpatterns = [
    path('person/',views.person,name="person"),
    path('write/',views.write,name='write'),
    path('result/,views.result,name='result'), # 추가된 항목

app/views.py 추가

def result(request):
    print(request) # <WSGIRequest: POST '/result/'>
    print(request.POST) #  <QueryDict: {'csrfmiddlewaretoken': ['L1yF1GyP6kwLvt86YEp4yZxivIN05BPvHRSlZsrob0dE7wnxR3GvPivDySWo7Lr7'], 
                        #               'first_name': ['changwoo'], 
                        #               'last_name': ['choi']}>
    form  = Write_Form(request.POST)
    context = {
        'form':form
    }
    if form.is_valid():
        return render(request,'result.html',context)    
    return HttpResponseRedirect('/write/')

result.html 생성

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>User confirmation</title>
</head>
<body>
    <h4>{{ form.first_name.value }}</h4>
    <h4>{{ form.last_name.value }}</h4>
</body>
</html>