Django 12. 폼

 Django 12. 폼


Django는 폼을 보다 쉽게 작성하기 위한 forms 제공



1. 폼 클래스 생성


앱 폴더 안에 form.py 파일 생성

django의 forms 임포트

forms.Form을 상속받는 폼 클래스 생성

클래스 내부에 입력받을 항목에 대한 필드 정의 -> model과 유사


* 예시

from django import forms

class SurveyForm(forms.Form):
user_name = forms.CharField(label="Your name", max_length=100)
user_age = forms.IntegerField(label="Your age")

label 속성은 해당 항목에 표시될 내용






2. 폼 로직 처리


urls.py 파일에 폼과 연결된 경로 추가


* 예시

urlpatterns = [
...

path("survey/", views.survey, name="survey"),
path("thsnks/", views.thanks, name="thanks"),
]



views.py에 처리하는 함수 정의

form.py의 폼 클래스 임포트

GET 요청인 경우 폼 클래스의 인스턴스를 생성해서 (매개변수로 아무것도 전달 안함) 파라미터로 전달


POST 요청인 경우 폼 클래스의 인스턴스를 생성(매개변수로 request.POST 전달)

폼 인스턴스의 is_valid() 함수를 이용해서 유효성 검사 -> 모든 항목에 정상적으로 값이 다 들어왔으면 True 반환

폼 인스턴스의 cleaned_data[label값]를 이용해서 해당 항목의 값을 받아올 수 있음



* 예시

from .form import SurveyForm

def survey(request):
if request.method == "POST":
form = SurveyForm(request.POST) # 넘어온 데이터를 폼에 넘겨줌

if form.is_valid(): # 데이터 검증. 모든 데이터가 잘 들어갔는지
# 들어간 데이터 확인하기
print(form.cleaned_data["user_name"])
print(form.cleaned_data["user_age"])

return HttpResponseRedirect(reverse("polls:thanks"))
else:
form = SurveyForm()
return render(request, "polls/survey_custom.html", {"form":form})

def thanks(request):
return render(request, "polls/thanks.html")






3. 폼 탬플릿 구현


템플릿의 <form> 태그 안에 {{ form }} 추가

{{ form }} 부분에 폼 클래스에 정의한 내용이 자동으로 구현됨


* 예시

<form action="{% url "polls:survey" %}" method="POST">
{% csrf_token %}
{{ form }}

<input type="submit" value="Submit">

</form>








* 폼 커스텀


{{ form }} 에 코드를 추가해서 폼을 커스텀 할 수 있음


- .as_[태그] 

해당 태그로 폼의 항목들을 감쌈

as_p, as_div, as_ul 등


* 예시 - ul 태그로 감싸기

<form action="{% url "polls:survey" %}" method="POST">
{% csrf_token %}

{{ form.as_ul }}

<input type="submit" value="Submit">
</form>








- 특정 항목만 출력

{{ form.[ 필드 이름 ] }} 를 이용하면 클래스에 구현한 필드 중 원하는 내용만 출력 가능

{{ form.[ 필드 이름 ].label_tag }} 를 이용하면 해당 요소의 label 출력


* 예시

<form action="{% url "polls:survey" %}" method="POST">
{% csrf_token %}

{{ form.user_name.label_tag}} {{ form.user_name }}

<input type="submit" value="Submit">
</form>








* 폼의 요소에 class 적용하기

css 스타일 적용을 위해 폼에 class를 지정할 수 있음

form.py 파일에서 폼 클래스의 필드를 정의할 때 Field 의 widget 속성을 통해 지정할 수 있음

forms.[widget 종류](attrs={"class" : "[ 클래스 이름 ]")


- widget 종류

TextInput, NumberInput, EmailInput, URLInput, PasswordInput, HiddenInput, DateInput, DateTimeInput 등


* 예시

class SurveyForm(forms.Form):
user_name = forms.CharField(label="Your name", max_length=100,
widget=forms.TextInput(attrs={"class":"form-control"}))
user_age = forms.IntegerField(label="Your age",
widget=forms.TextInput(attrs={"class":"form-control"}))






4. 모델 폼


DB와 폼을 쉽게 연결할 수 있도록 해주는 모델 폼 제공


* model.py 에 새로운 테이블 클래스 정의

class Survey(models.Model):
user_name = models.CharField(max_length=20)
user_age = models.IntegerField(default=0)

def __str__(self):
return f"{self.user_name}--{self.user_age}"




django.forms 의 ModelForm 임포트해서 ModelForm을 상속받는 폼 클래스 생성

내부 클래스 Meta를 정의해서 모델에 대한 정보를 작성 -> 해당 모델과 자동 맵핑됨


* Meta 클래스의 멤버 변수

model : 맵핑할 모델 클래스

fields : 폼으로 만들 컬럼명을 문자열 리스트로 작성. 폼을 만들지 않을 컬럼은 작성하지 않아도 됨. "__all__"을 할당하면 자동으로 모든 컬럼에 대해서 폼 생성

labels : 각 컬럼의 라벨을 딕셔너리 형식으로 할당

widget : django.forms의 TextInput, NumberInput 등의 위젯을 임포트 해서 해당 컬럼의 클래스 지정. 딕셔너리 형식으로 할당


* 예시

from django.forms import ModelForm, TextInput, NumberInput
from polls.models import Survey

class SurveyForm(ModelForm):

# 모델과 맵핑
class Meta:
model = Survey # 맴핑할 모델 클래스
# fields = "__all__"
fields = ["user_name", "user_age"] # 폼으로 만들 컬럼 리스느

# 각 컬럼의 라벨
labels = {
"user_name" : "Your name",
"user_age" : "Your age"
}

# 각 컬럼의 클래스 지정
widget = {
"user_name" : TextInput(attrs={"class":"form-control"}),
"user_age" : NumberInput(attrs={"class":"form-control"})
}



* INSERT

폼으로부터 데이터를 받아서 is_valid 함수로 유효성을 검사하고 폼 인스턴스의 save() 함수를 호출하면 자동으로 DB에 해당 값이 저장됨


def survey(request):
if request.method == "POST":
form = SurveyForm(request.POST) # 넘어온 데이터를 폼에 넘겨줌

if form.is_valid(): # 데이터 검증. 모든 데이터가 잘 들어갔는지
# 데이터를 DB에 저장
form.save()



* UPDATE

업데이트할 데이터를 불러오고 모델 폼 클래스 생성자의 instance 매개변수로 넘겨줘서 모델 폼 인스턴스를 생성

모델 폼 인스턴스의 save() 함수를 호출해서 해당 데이터를 업데이트


# 업데이트할 데이터
survey = Survey.objects.get(pk=1)
# 해당 데이터 업데이트
form = SurveyForm(request.POST, instance=survey)
# DB에 저장
form.save()










댓글

댓글 쓰기

이 블로그의 인기 게시물

Spring Boot 6. 계시판 프로젝트

이미지
 Spring Boot 6. 계시판 프로젝트 1. 프로젝트 구조 1:N 관계 하나의 유저는 여러개의 글을 작성할 수 있음 하나의 글에는 여러 댓글이 달릴 수 있음 3개의 테이블이 서로 참조함(user, board, reply) 2. 프로젝트 생성 - 추가 라이브러리 Spring Boot DevTools, Lombok, Spring Web, Thymeleaf, Spring Data JPA - DB 및 Thymeleaf 설정 build.gradle dependencies 안에 mariadb 드라이버 추가 dependencies { implementation 'org.springframework.boot:spring-boot-starter-data-jpa' implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'org.springframework.boot:spring-boot-starter-web' compileOnly 'org.projectlombok:lombok' developmentOnly 'org.springframework.boot:spring-boot-devtools' annotationProcessor 'org.projectlombok:lombok' providedRuntime 'org.springframework.boot:spring-boot-starter-tomcat' testImplementation 'org.springframework.boot:spring-boot-starter-test' // 추가 implementation group : 'org.mariadb.jdbc' , name : 'mariadb-java-client' , ...
자세한 내용 보기

Spring Boot 2. Maria 데이터베이스 & Spring Data JPA

이미지
 Spring Boot 2. Maria 데이터베이스 & Spring Data JPA 1. Maria DB 설치와 데이터베이스 생성 1) Maria DB 설치 맥에서는 홈브류를 이용해서 설치 brew install mariadb 2) DB 생성 워크벤치를 이용해서 DB 생성 - 새로운 연결 생성 username : root pw : 1234 - DB 생성 Schemas ->우클릭 create schema.. -> 이름 :bootex, Character set : utf8 -> apply - 사용자 생성 Administration -> Users and Privileges -> Add Account  -> Login Name : bootuser, Limit to Hosts Matching : %(모든 곳에서 접근 가능), pw : bootuser -> Schema Privileges -> Add Entry -> Selected schema -> bootex 선택 -> Select All -> Apply   2. Spring Data JPA 를 이용하는 프로젝트 생성 1) 프로젝트 생성 기존 프로젝트 생성방식과 동일. 단 Dependencies를 선택하는 부분에서 기존에 선택한 라이브러리에서 추가로 SQL 탭의 Spring Data JPA 선택 2) DB를 위한 Spring Boot 설정 Spring Boot에서는 특정한 라이브러리가 있다면 관련된 설정들을 자동으로 추가해줌 그러나 지금 상태에서 실행을 하면 에러가 발생하는데 이는 Spring Data JPA 라이브러리가 추가되면서 자동으로 이에 관련된 설정도 추가되었지만 구체적인 값이 지정되지 않았기 때문 -> 두 가지 설정 필요 - Maria DB를 위한 JDBC 드라이버 https://mvnrepository.com/artifact/org.mariadb.jdbc  접속 -> 1. MariaDB J...
자세한 내용 보기

Django 10. DB 연동

이미지
 Django 10. DB 연동 1. 테이블 생성 settings.py 파일의 DATABASE 딕셔너리에 DB 관련 정보 작성 기본적으로 SQLite로 되어있고 다른 DB를 사용할 수도 있음 models.py 파일에 클래스를 이용해서 모델 생성 models.Model 을 상속받아서 작성 클래스 명은 테이블 명으로 작성 멤버 변수로 테이블의 컬럼 지정 models.[데이터 타입](옵션) * 데이터 타입  integer, char, boolean, date, decimal(float), text, file 등 * 옵션 null, blank, choice, default, primary_key, unique 등 PK 컬럼은 따로 지정하지 않으면 자동으로 생성됨 * 예시 class Question ( models . Model ): question_text = models.CharField( max_length = 200 ) pub_date = models.DateField( "date published" ) class Choice ( models . Model ): question = models.ForeignKey(Question, on_delete = models. CASCADE ) choice_text = models.CharField( max_length = 200 ) votes = models.IntegerField( default = 0 ) python3 manage.py makemigrations : magrations 폴더 안에 마이그래이션 파일(py) 생성 python3 manage.py migrate : 마이그래이션 파일을 DB에 적용해서 테이블 생성 * 데이터 표시 테이블의 해당 컬럼에 대한 정보를 지정하려면 모델 클래스에 __str__ 맴버함수를 정의해소 표시할 문자열을 반환 * 예시 class Question ( models . Model ): question_text...
자세한 내용 보기