< django - 12 >

12. 폼과 질문 등록 + URL 매핑 + 뷰 함수 + 템플릿 + GET과 POST

 

 

 

# 질문 등록과 URL 매핑

1. projects\mysite\templates\pybo\question_list.html 파일에 질문 등록하기 버튼을 만든다.

Line 30에 있는 내용 추가함

+ <a href="..."> 과 같은 링크이지만 부트스트랩의 btn btn-primary 클래스를 적용하면 버튼으로 보임  -->  버튼 클릭 시 pybo:question_create 별칭에 해당되는 URL이 호출 

 

 

 

2. projects\mysite\pybo\urls.py 파일에 pybo:question_create 별칭에 해당되는 URL 매핑 규칙을 추가하여 views.question_create 함수를 호출하도록 매핑

Line 11의 내용 추가

 

 

 

 

# 폼(Form)과 뷰 함수

: 페이지가 요청될때 전달되는 파라미터들을 쉽게 관리하기 위해 사용하는 클래스로, 파라미터 값의 누락 여부 및 파라미터 형식의 적절성 여부 등을 검증하는데 쓰인다. 

 

- HTML 자동 생성 기능과 폼에 연결되어있는 모델을 이용하여 데이터를 저장하는 기능이 있다.

 

1. projects\mysite\pybo\forms.py 파일에 QuestionForm을 아래와 같이 새로 작성한다.

+ QuestionForm은 모델 폼(forms.ModelForm)을 상속함

+ 모델 폼 : 모델(Model)과 연결된 폼으로 폼을 저장하면 연결된 모델의 데이터를 저장할수 있는 폼으로, 이너 클래스인 Meta 클래스( 사용할 모델과 모델의 속성을 적음 )를 꼭 필요로 한다.

 

+ 장고의 폼

일반 폼	모델 폼
forms.Form	forms.ModelForm

 

+ Line 8에서 QuestionForm에서 사용할 Question 모델의 속성을 정의함

 

 

 

2. projects\mysite\pybo\views.py 파일에 views.question_create 함수를 다음과 같이 작성

Line 4, 21 ~ 23 의 내용을 추가함

+ question_create 함수는 위에서 작성한 QuestionForm을 사용

+ Line 23  -->  render 함수에 전달한 {'form': form}은 템플릿에서 질문 등록시 사용할 폼 엘리먼트를 생성할 때 사용됨

 

 

 

 

# 템플릿 + GET과 POST

1. pybo/question_form.html 템플릿을 다음과 같이 작성

파일명은&nbsp;projects\mysite\templates\pybo\question_form.html

+ 템플릿에서 사용한 {{ form.as_p }}의 form = question_create 함수에서 전달한 QuestionForm의 객체

+ {{ form.as_p }}는 폼에 정의한 subject, content 속성에 해당하는 HTML 코드를 자동으로 생성

 

+ 여기서는 form 태그에 action 속성을 지정하지 않았음 -->  form 태그에 action 속성을 지정하지 않으면 현재 페이지의 URL이 디폴트 action으로 설정됨

 

 

 

2. http://localhost:8000/pybo/ 페이지를 요청한다.

질문 목록 화면 하단에 "질문 등록하기" 버튼이 추가됨

+ subject와 content 입력 창에 값을 입력하고 저장하기를 눌러도 question_create 함수에 데이터를 저장하는 코드를 아직 작성하지 않았기 때문에 아무런 반응이 X

 

 

 

3.  projects\mysite\pybo\views.py 파일의 question_create 함수를 아래처럼 수정

+ 동일한 URL 요청을 POST, GET 요청 방식에 따라 다르게 처리

:  질문 목록 화면에서 "질문 등록하기" 버튼을 클릭한 경우 

-->  /pybo/question/create/ 페이지가 GET 방식으로 요청( 링크를 통해 페이지를 요청할 경우 반드시 GET 방식이 사용된다. ) 

-->  question_create 함수가 실행  -->  request.method 값이 GET이 됨 

-->  if .. else .. 구문에서 else 구문을 타게 되어 질문 등록 화면 렌더링

 

: 질문 등록 화면에서 subject, content 항목에 값을 기입하고 "저장하기" 버튼을 누른 경우

-->  /pybo/question/create/ 페이지를 POST 방식으로 요청( form 태그에 action 속성이 지정되지 않으면 현재 페이지가 디폴트 action으로 설정되기 때문 )

-->  question_create 함수가 실행  -->  request.method 값은 POST가 되어 다음 코드 블록 실행

 

 

+ GET 방식 : form = QuestionForm() 처럼 QuestionForm을 인수 없이 생성

VS

POST 방식 : form = QuestionForm(request.POST) 처럼 request.POST를 인수로 생성

--> 이 경우 request.POST에 담긴 subject, content 값이 QuestionForm의 subject, content 속성에 자동으로 저장되어 객체가 생성됨. 이때 request.POST에는 화면에서 사용자가 입력한 내용들이 있음.

 

 

+ Line 24 => 폼이 유효한 경우에는

: form.is_valid()는 form이 유효한지를 검사함. form 이 유효한 경우 if form.is_valid(): 이후의 문장이 수행되어 질문 데이터가 생성됨

 

+ Line 25 => 임시로 저장하여 question 객체를 리턴받는다. ( 아직 실제 데이터는 데이터베이스에 저장되지 않음. )

: form.save(commit=False)는 form에 저장된 데이터로 Question 데이터를 저장하기 위한 코드로, commit=False는 임시 저장을 의미함.

 

+ Line 26 => 실제로 저장하기 위해 작성 일시를 설정

: QuestionForm에는 현재 subject, content 속성만 정의되어 있기에 작성 일시값을 따로 설정해 줘야 함. ( create_date 속성은 데이터 저장 시점에 생성해야 하는 값이므로 QuestionForm에 등록하여 사용하지 않음 )

 

+ Line 27 => 데이터를 실제로 저장

 

 

 

4. 다시 http://localhost:8000/pybo/ 페이지를 요청 --> 질문 등록하기 --> 질문 등록 화면에 내용 및 제목 입력 --> 저장하기 클릭

http://localhost:8000/pybo/&nbsp;페이지를 요청

산수 질문 등록 --> 저장

질문이 성공적으로 등록됨