< django - 17 >

17. 회원가입과 회원가입 링크

 

 

# 회원가입 링크

: 회원가입에 필요한 링크를 projects/mysite/templates/navbar.html 템플릿에 아래처럼 추가

Line 22 ~ 26 추가

+ 로그인과 로그아웃의 우측에 회원가입 링크 추가

+ 회원가입은 로그아웃 상태일 때에 한해 보이도록 설정함

 

 

 

 

# urls.py

: navbar.html 템플릿에 {% url 'common:signup' %} 태그를 추가했으니 여기에 대응하는 URL 매핑 규칙을 추가해야 함

 

- projects\mysite\common\urls.py 파일에 아래처럼 회원가입을 위한 매핑 규칙을 추가  -->  로그인 화면에서 회원가입 링크를 누르면 views.signup 함수가 실행되게 함

Line 3, 10 추가

 

 

 

 

# forms.py

- 계정을 생성할 때 사용할 UserForm을 projects\mysite\common\forms.py 파일에 아래처럼 작성

+ django.contrib.auth.forms 모듈의 UserCreationForm 클래스를 상속하여 UserForm 만듦

+ Line 11의 UserCreationForm 클래스 속성

속성	설명
username	사용자명
password1	비밀번호 1
password2	비밀번호 2 (비밀번호 1의 확인용)

+ 상속한 UserCreationForm 의 is_valid 함수를 통해

1. 폼에 사용자명, 비밀번호 1, 2가 모두 입력되었는지,

2. 비밀번호 1과 2가 같은지,

3. 작성된 비밀번호 값이 비밀번호 생성 규칙에 맞는지

등을 검사

 

+ Line 7에 email 속성 추가 

 

 

 

 

# views.py 

- projects\mysite\common\views.py 파일에 회원가입을 위한 signup 함수를 아래와 같이 정의

+ Line 6의 signup 함수

: POST 요청인 경우  -->  화면에 입력한 데이터로 사용자 생성

: GET 요청인 경우  -->  회원가입 화면 출력

 

+ Line 11,12의 form.cleaned_data.get 함수

: 인증할 때 쓰일 사용자명, 비밀번호를 얻기 위해 사용 + 폼의 입력값을 개별적으로 얻고 싶을 때 쓰임

 

+ Line 1, 13, 14의 authenticate, login 함수

: django.contrib.auth 모듈의 함수이자 사용자 인증과 로그인을 담당하는 함수로, 신규 사용자 생성 후 자동으로 로그인이 될 수 있게 하기 위해 사용

 

+ Line 1

django.contrib.auth.authenticate  -->  사용자 인증 담당 + 사용자명과 비밀번호가 정확한지 확인

django.contrib.auth.login  -->  로그인 담당 + 사용자 세션 생성

 

 

 

 

# signup.html

- 회원가입 화면을 구성할 projects\mysite\templates\common\signup.html 파일을 아래와 같이 작성

+ << Line 6 >>

form 태그 아래 오류 표시를 위한  form_errors.html 템플릿을 include

 

+ UserForm 의 속성들(사용자명, 비밀번호1, 2, 이메일)에 해당되는 필드들을 form 항목으로 추가

 

 

 

 

# 회원가입 테스트

1. 로컬 서버를 구동하고 http://localhost:8000/ 페이지 불러오기  -->  회원가입 버튼 클릭

 

회원가입 버튼 클릭 시 나타나는 창

 

 

 

2. 비밀번호 1, 2 의 값을 다르게 입력  -->  아래와 같은 경고 문구 출력

 

 

 

3. 올바른 입력값을 입력하여 계정 생성  -->  자동으로 로그인되어있음을 확인가능

 

 

 

4. 계정을 생성하고 어드민 페이지 http://localhost:8000/admin/ 으로 접속  -->  현재 슈퍼 유저가 아닌 다른 계정으로 로그인된 상태  -->  아래처럼 경고 메시지 출력

어드민 페이지는 슈퍼 유저로 접속해야 함

 

 

 

5. 사용자 이름과 비밀번호에 슈퍼 유저의 정보를 입력하고 로그인  -->  홈의 인증 및 권한 페이지에서 새로 생성된 Baketimer 계정 확인 가능