회원관리 3. 회원가입

Sam (토론 | 기여)님의 2021년 11월 2일 (화) 17:18 판 (→‎template 작성)

1 계정생성기능

1.1 탬플릿 수정

적당한 곳에 회원가입 링크를 담는다.

<a href="{% url 'account:signup' %}">회원가입</a>

1.2 urls.py 수정

다음의 내용이 포함되게끔 수정한다.(회원가입은 제공되는 뷰가 없거든..ㅜㅜ)

from . import views

urlpatterns = [
    path('signup/', views.signup, name='signup'),
]

1.3 forms.py 생성

from django import forms #폼을 불러오는데...
from django.contrib.auth.forms import UserCreationForm #제공하는 폼이 있다.
from django.contrib.auth.models import User #그리고 제공되는 모델과...

class User_create_form(UserCreationForm):
    class Meta:
        model = get_user_model()  # 설정된 커스텀모델
        fields = ["identifier",]  # password1,2 필드는 자동추가된다.

위에서 지정해주지 않은 fields가 폼에 적용되는데, 이 폼에 대한 공부가 따로 필요할 듯하다.

비밀번호가 2개인 것은 서로 대조해서 같은지 확인하기 위함.

1.4 view 작성

def signup(request):
    if request.method == "POST":
        form = User_create_form(request.POST)
        if form.is_valid():
            form.save()  # 폼값을 불러와 저장.
            username = form.cleaned_data.get('identifier')
            raw_password = form.cleaned_data.get('password1')
            user = authenticate(username=username, password=raw_password)
            login(request, user)
            return redirect('account:main')  # 회원가입 후 어디로 돌릴지. 보고 있던 페이지로는 안되나;;?
    else:
        form = User_create_form()
    return render(request, 'account/signup.html', {'form': form})

한꺼번에 form을 저장하는 게 아니라 굳이 개별값을 얻고 싶을 땐 form.cleaned_data.get('속성')을 이용한다. 속성엔 탬플릿 해당 폼의 name에 담긴 것을 쓰면 된다.

1.5 template 작성

identifier 대신 식별자로 사용할 필드명을 넣으면 된다.

{% extends "base.html" %}

{% block content %}
<div class="container my-3">
    <div class="row my-3">
        <div class="col-4">
            <span>계정생성</span>
        </div>
        <div class="col-8">
            <span>또는 <a href="{% url 'account:login' %}">로그인 하세요.</a></span>
        </div>

    </div>

    <form method="post" class="post-form">
        {% csrf_token %}
        {% include "form_errors.html" %}
        <div class="form-group">
            <label for="identifier">사용자 이름</label>
            <input type="text" class="form-control" name="identifier" id="identifier"
                   value="{{ form.identifier.value|default_if_none:'' }}">
        </div>
        <div class="form-group">
            <label for="password1">비밀번호</label>
            <input type="password" class="form-control" name="password1" id="password1"
                   value="{{ form.password1.value|default_if_none:'' }}">
        </div>
        <div class="form-group">
            <label for="password2">비밀번호 확인</label>
            <input type="password" class="form-control" name="password2" id="password2"
                   value="{{ form.password2.value|default_if_none:'' }}">
        </div>

        <button type="submit" class="btn btn-primary">가입하기</button>
    </form>
</div>
{% endblock %}