Django 회원가입 기능 및 회원정보 열람(Profile)

django 설치시 기본 앱 기능으로 유저 모델을 제공한다.하지만 유저 생성 기능은 관리자 앱에서 제공된다. 해당 페이지에서는 django 기본 유저 모델을 활용해 회원 가입 페이지를 만들고 기본 유저 모델을 확장하여 기존 유저 모델에 새로운 필드를 추가 할 수 있도록 한다.

Signup with Custom user model

Model - Form - View- Template 패턴으로 개발 됨.

Step 1. Model

User 모델 상속받아 새로운 field 추가하기

from django.contrib.auth.models import AbstractUser
from django.db import models


# Create your models here.
class CustomUser(AbstractUser): # <-- 상속 부분
    phone_number = models.CharField(max_length=11)  # 전화번호
    career = models.IntegerField()  # 경력
    rank = models.CharField(max_length=10)  # 직급
    date_company_joined = models.DateField()  # 입사 기간
    gender = models.CharField(max_length=3)  # 성별
    id_number = models.CharField(max_length=13)  # 주민등록번호
    department = models.CharField(max_length=13)  # 부서
    resume = models.FileField(blank=True, null=True)  # 이력서
    id_photo = models.ImageField(blank=True, null=True, upload_to='')  # 증명사진

    def __str__(self):
        return self.username

AbstractUser 아래와 같은 field을 가지고 있다. username, first_name, last_name, email, date_joined ,is_staff 그러므로 AbstractUser 을 상속받는 CustomUser 에서는 위 AbstractUser 에서 정의된 field 이외에 추가하고 싶은 field 을 정의하면 된다

⚠️ 새롭게 추가되는 필드에 null 허용이 안되거나 필드에 기본값이 설정되지 않으면 manage.py createsupseruser 으로 슈퍼유저생성시 admin site 에 접근이 안될수 있다.

Step 2. 기존 유저 새로운 `ModelForm` 생성하기

class CustomUserCreationForm(UserCreationForm):
    class Meta:
        model = CustomUser
        fields = ('username',
                  'date_company_joined',
                  'phone_number',
                  'career',
                  'rank',
                  'date_company_joined',
                  'gender',
                  'id_number',
                  'department',
                  'resume',
                  'id_photo',
                  'password1',
                  'password2')  # <- User 생성시 보여줄 field 을 정의한다.

        profile_fields = ('username',
                          'date_company_joined',
                          'phone_number',
                          'career',
                          'rank',
                          'date_company_joined',
                          'gender',
                          'id_number',
                          'department',
                          'resume',
                          'id_photo')

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

        # null=True로 설정한 필드에 대해 required를 False로 설정
        self.fields['resume'].required = False
        self.fields['id_photo'].required = False

UserCreationForm의 상속 관계는 아래와 같다. forms.ModelForm →BaseUserCreationForm → UserCreationForm ModelForm 이 부모 클래스이다. ModelForm 사용 방법대로 UserCreateForm 을 사용하면 된다.

Step 3. Django 에서 기존 User 을 바라보지 않고 CustomUser 을 기본 User 로 바라보게 한다.

# settings.py
...
AUTH_USER_MODEL = 'accounts.CustomUser'

Step 4. HTML

<!-- templates/registration/login.html -->
<h2>Signup</h2>
<form action="" method="post" enctype="multipart/form-data">
  {% csrf_token %}
  {{ form.as_p }}
  <button type="submit">Signup</button>
</form>

{{ errors }}

Step 5. View

def signup(request):
    if request.method == 'POST':
        form = CustomUserCreationForm(request.POST, request.FILES) # <-- FILES 와 같이 입력이 되어야 한다.
        if form.is_valid():
            # file field 데이터 저장
            inst = form.save(commit=False)

            # file field 데이터 저장
            id_photo = form.cleaned_data['id_photo']
            inst.id_photo.save(id_photo.name, id_photo)

            # 일반 form data 저장
            inst.save()

            # login
            auth.login(request, inst)

            # profile 페이지로 redirect 함
            return redirect('/account/profile')
        else:
            print('Errors:' , form.errors)
            return render(request, template_name='account/signup.html', context={'errors': form.errors})

    elif request.method == 'GET':
        form = CustomUserCreationForm() # <-바뀐 부분
        return render(request, template_name='account/signup.html', context={'form': form})

    else:
        raise NotImplementedError

Step 6. Profile HTML

{% load index %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  
{% for field in field_names %}
    {% with field_type=types|index:forloop.counter0 attr=user|getattribute:field %}
        {% if field_type == 'ImageField' %}
            {{ attr|getattribute:'url' }}
            <img src={{ attr|getattribute:'url' }}>
        {% else %}
            <p>{{ field }} : {{ attr }} : {{ types | index:forloop.counter0 }}</p>
        {% endif %}
    {% endwith %}
{% endfor %}

</body>
</html>

Step 7. Profile View

@csrf_exempt
def profile(request):
    user = CustomUser.objects.get(username=request.user)
    # field 이름을 추출합니다.
    field_names = CustomUserCreationForm.Meta.profile_fields

    # field 의 type 을 추출합니다.
    types = []
    for name in field_names:
        field = user._meta.get_field(name)
        # field 가 Image type 이면 'ImageType' 으로 타입을 저장합니다.
        # 모델 필드의 내부 타입은 실제 데이터베이스에서 사용되는 타입입니다.
        # get_internal_type()으로 반환되는 값은 FileField 입니다.
        if isinstance(field, models.ImageField):
            types.append('ImageField')
        else:
            types.append(field.get_internal_type())
    # template 을 rendering 합니다.
    context = {'user': user, 'field_names': field_names, 'types':types}
    return render(request, template_name='account/profile.html', context=context)

signup with custom user - pai-plznw4me/django-initializer GitHub Wiki

Django 회원가입 기능 및 회원정보 열람(Profile)

Signup with Custom user model

Step 1. Model

Step 2. 기존 유저 새로운 `ModelForm` 생성하기

Step 3. Django 에서 기존 User 을 바라보지 않고 CustomUser 을 기본 User 로 바라보게 한다.

Step 4. HTML

Step 5. View

Step 6. Profile HTML

Step 7. Profile View

⚠️ GitHub.com Fallback ⚠️

signup with custom user - pai-plznw4me/django-initializer GitHub Wiki

Django 회원가입 기능 및 회원정보 열람(Profile)

Signup with Custom user model

Step 1. Model

Step 2. 기존 유저 새로운 ModelForm 생성하기

Step 3. Django 에서 기존 User 을 바라보지 않고 CustomUser 을 기본 User 로 바라보게 한다.

Step 4. HTML

Step 5. View

Step 6. Profile HTML

Step 7. Profile View

⚠️ **GitHub.com Fallback** ⚠️

Step 2. 기존 유저 새로운 `ModelForm` 생성하기

⚠️ GitHub.com Fallback ⚠️