IT/Django
Django 기초 3.회원가입 페이지 만들기
어센트
2019. 10. 6. 22:15
user template 내부에 register.html파일 생성
user 앱 내부에url.py 파일 생성후등록
urrls, views수정 후 http://127.0.0.1:8000/sampleuser/register/ 접속
https://getbootstrap.com/docs/4.3/getting-started/introduction/
부트스트랩의 css js meta태그 템플릿을 이용하여 작성
Introduction
Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page.
getbootstrap.com
앱,프로젝트 내부 코드
#models.py
from django.db import models
# Create your models here.
class Sampleuser(models.Model):
username = models.CharField(max_length=60, verbose_name='사용자명')
password = models.CharField(max_length=64, verbose_name='비밀번호')
registered_dttm = models.DateTimeField(auto_now_add=True,
verbose_name='등록시간')
def __str__(self):
return self.username
class Meta:
db_table = 'sample_sampleuser'
verbose_name = '샘플 사용자'
verbose_name_plural = '샘플 사용자'
#프로젝트 urls.py
from django.contrib import admin
from django.urls import path ,include
urlpatterns = [
path('admin/', admin.site.urls),
path('sampleuser/',include('sampleuser.urls'))
]
#user 앱 내부에 생성해준 urls.py
from django.urls import path
from . import views
urlpatterns = [
path('register/', views.register)
]
#sampleuser 앱 내부 views.py
from django.shortcuts import render
from .models import Sampleuser
from django.http import HttpResponse
from django.contrib.auth.hashers import make_password # make_password함수사용을위해 선언
# Create your views here.
def register(request):
if request.method == 'GET': # 주소를 치고 들어갔을때의 경우
return render(request, 'register.html')
elif request.method == 'POST': # 등록을 눌렀을때의 액션
username = request.POST.get('username', None) # 초기값 None으로 설정
password = request.POST.get('password', None)
re_password = request.POST.get('re-password', None)
res_data = {} # 에러를 받을 딕셔너리 만들어줌
if not(username and password and re_password): # 값 3개가 다들어있지않는경우
res_data['error'] = '모든 값을 가지지않았습니다'
elif password != re_password:
res_data['error'] = '비밀번호가 다릅니다'
else:
sampleuser = Sampleuser(
username=username,
password=make_password(password) # 암호화 후 저장
)
sampleuser.save()
# 데이터 포스트를 하고 다시 html페이지를반환
return render(request, 'register.html', res_data)
# res_data를 줘야 에러메시지 출력됨
# 리퀘스트와 반환하고싶은 html파일 리턴
#프로젝트 내부 manage.py
#!/usr/bin/env python
"""Django's command-line utility for administrative tasks."""
import os
import sys
def main():
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'sample_community.settings')
try:
from django.core.management import execute_from_command_line
except ImportError as exc:
raise ImportError(
"Couldn't import Django. Are you sure it's installed and "
"available on your PYTHONPATH environment variable? Did you "
"forget to activate a virtual environment?"
) from exc
execute_from_command_line(sys.argv)
if __name__ == '__main__':
main()
templates 안의 register.html
<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous"
/>
<script
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="container">
<div class="row mt-5">
<div class="col-12 text-center">
<h1>회원가입</h1>
</div>
</div>
<div class="row mt-5">
<div class="col-12">
{{ error }}
</div>
</div>
<div class="row mt-5">
<div class="col-12">
<form action="." method="POST">
{% csrf_token%}
<div class="form-group">
<label for="username">사용자 이름</label>
<input
type="text"
class="form-control"
id="username"
placeholder="사용자 이름"
name="username"
/>
</div>
<div class="form-group">
<label for="password">비밀번호</label>
<input
type="password"
class="form-control"
id="password"
placeholder="비밀번호"
name="password"
/>
</div>
<div class="form-group">
<label for="re-password">비밀번호 확인</label>
<input
type="password"
class="form-control"
id="password"
placeholder="비밀번호 확인"
name="re-password"
/>
</div>
<button type="submit" class="btn btn-primary">등록</button>
</form>
</div>
</div>
</div>
</body>
</html>
python manage.py runserver 명령후 http://127.0.0.1:8000/sampleuser/register/ 접속한 화면
작성안한 란이 있는지 검사하는 부분과 비밀번호와 비밀번호 확인란이 일치하는지 검사하는 부분도 추가적으로 views.py에 구현