[HUFS/HUFStudy] #5 로그인/회원가입, Pagination

로그인, 회원가입 이론

로그인 및 회원가입은 Django에서 제공하는 함수를 import해 사용할 수 있다

 

새로운 App을 만들어 대충 이런 구조로,,

import 및 회원가입 함수

로그인 함수

로그아웃 함수

보통은 form 태그를 GET 방식으로 주고받는다

GET 방식은 정보가 url로 그대로 노출된다

회원가입할 때는 POST 방식으로 정보를 보호한다

로그인, 회원가입 실습

accounts 앱을 생성하고 settings.py에 연결, 안에 templates 폴더를 만들고 html 파일을 생성

html파일들을 views.py, urls.py에 연동하고 대충 형태를 잡아준다

(url은 앱 내부에 urls.py를 만들어 따로 관리)

 

signup.html

{% extends 'base.html' %}

{% block contents %}

<div class="container">
    <h1>Sign up!</h1>

    <form>
        Username:
        <br>
        <input name="username" type="text" value="">
        <br>
        Password:
        <br>
        <input name="password1" type="password" value="">
        <br>
        Confirm Password:
        <br>
        <input name="password2" type="password" value="">
        <br>
        <br>
        <input class="btn btn-primary" type="submit" value="Sign up!">
    </form>
</div>

{% endblock %}

login.html

{% extends 'base.html' %}

{% block contents %}

<div class="container">
    <h1>Login</h1>

    <form>
        Username:
        <br>
        <input name="username" type="text" value="">
        <br>
        Password:
        <br>
        <input name="password" type="password" value="">
        <br>
        <br>
        <input class="btn btn-primary" type="submit" value="Login">
    </form>
</div>

{% endblock %}

먼저, signup.html의 form action을 해당 url로 추가하고 POST 메소드를 넣어주자

    <form method = "POST" action="{%url 'signup'%}">
        {% csrf_token %} <!--보안을 위한 난수 발생기-->

views.py에서 필요한 기능들을 import 해주고,,

from django.contrib.auth.models import User
from django.contrib import auth

views.py의 signup 함수를 이렇게 만들어주자

def signup(request):
    if request.method == 'POST':
        if request.POST['password1'] == request.POST['password2']:
            user = User.objects.create_user( username=request.POST['username'], password=request.POST['password1'])
            auth.login(request, user)
            return redirect('home')
    return render(request, 'signup.html')

login.html도 form action을 해당 url로 추가하고 POST 메소드를 넣어주자

    <form method = "POST" action="{%url 'login'%}">
        {% csrf_token %} <!--보안을 위한 난수 발생기-->

views.py의 login 함수는 이렇게 만들어주자

def login(request):
    if request.method == 'POST':
        username = request.POST['username']
        password = request.POST['password']
        user = auth.authenticate(request, username=username, password=password)
        if user is not None:
            auth.login(request, user)
            return redirect('home')
        else:
            return render(request, 'login.html', {'error': 'username or password is incorrect.'})
    else:
        return render(request, 'login.html')

logout 함수도 추가

def logout(request):
    if request.method == 'POST':
        auth.logout(request)
        return redirect('home')
    return render(request, 'login.html')

logout 함수를 실행시켜줄 url을 추가해줘야 한다

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

/admin 페이지에서 회원가입한 사용자들을 볼 수 있다

+++

14. 로그인 구현 및 권한부여 와 Faker.

Pagination 이론

블로그 글 객체를 N개씩 끊어주는 Pagination을 구현해보자 (view & template)

 

views.py 에 기능을 import 해주고,,

데이터를 페이지 단위로 자르고, 다뤄주자

Paginator를 통해 Page를 얻어오는 구조

html에 띄울 때 사용하는 Page 객체의 메소드 함수 1

html 에 띄울 때 사용하는 Page 객체의 메소드 함수 2

현재 request를 보내는 페이지의 value를 받아와서 변수에 담아 요청을 상대적으로 처리한다

페이지를 실제로 가져와 템플릿 언어로 html 상에 적절히 띄워주면 된다

Pagination 실습

Paginator를 import하고 페이지를 얻어온 뒤 사전형 객체에 담아 return 해준다

from django.core.paginator import Paginator
from .models import Blog

def home(request):
    blogs = Blog.objects
    #블로그 모드 글들을 대상으로
    blog_list = Blog.objects.all()
    #블로그 객체 3개를 한 페이지로 자르기
    paginator = Paginator(blog_list, 3)
    #request된 페이지가 뭔지를 알아내고 (request 페이지를 변수에 담아내고)
    page = request.GET.get('page')
    #request된 페이지를 얻어온 뒤 return 해 준다
    posts = paginator.get_page(page)
    return render(request, 'home.html', {'blogs': blogs, 'posts':posts})

home.html도 page에 맞게 수정해줘야 한다

 

순회 대상을 변경하고,,

하단에 해당 코드를 넣어준다

  <div class="container">
    {#First Previous#}
    {%if posts.has_previous%}
    <a href="?page=1">First</a>
    <a href="?page={{posts.previous_page_number}}">Previous</a>
    {%endif%}
    {# 3of4 #}
    <span>{{posts.number}}</span>
    <span>of</span>
    <span>{{posts.paginator.num_pages}}</span>
    {# Next Last #}
    {%if posts.has_next%}
    <a href="?page={{posts.next_page_number}}">Next</a>
    <a href="?page={{posts.paginator.num_pages}}">Last</a>
    {%endif%}   
  </div>

Paginator 가 구현된다!

+++

최신순 배열

django에서 object queryset을 여러 기준으로 ordering하기 + object filter의 order_by 기준을 동적으로 구성하

숫자형 페이징

4. 게시판 만들기 - Django 템플릿 & 페이징(Pagination) 처리( feat. GIF )

 

본 내용은 멋쟁이사자처럼의 '9기 운영진 교육'을 바탕으로 작성되었습니다.