Tiny Finger Point Hand With Heart
본문 바로가기
Python/Django

[Django] Django로 CRUD를 해보자! 게시판만들기

by yoondii 2022. 10. 11.
728x90
반응형

가상환경 생성 및 프로젝트 생성

작업 폴더 생성 및 이동

> mkdir todos
> cd todos

가상 환경 생성

> python -m venv [가상환경 이름]
> python -m venv todos-venv

가상 환경 실행

> source todos-venv/bin/activate # mac

pip 버전 확인

> pip list

Package    Version
---------- -------
pip        22.0.4
setuptools 58.1.0
WARNING: You are using pip version 22.0.4; however, version 22.2.2 is available.
You should consider upgrading via the '/Users/mac/Desktop/20220928/todos/todos-venv/bin/python -m pip install --upgrade pip' command.

pip 업데이트

python -m pip install --upgrade pip

Django 프로젝트 폴더 생성

> django-admin startproject [폴더명]
> django-admin startproject todospjt

애플리케이션 폴더 생성

  • manage.py 가 있는 경로에서 실행해야함
> python manage.py startapp [폴더명]
> python manage.py startapp todo

애플리케이션 실행

> python manage.py runserver
  • 실행 후 나오는 주소를 입력해서 동작하는지 확인할 것

프로젝트 설정하기

django 프로젝트 폴더(todospjt) > settings.py

INSTALLED_APPS = [
  	# 생성한 애플리케이션 폴더(todo) 등록
  	'todo',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
]

애플리케이션 폴더(todo) > models.py

  • 주어진 내용에 맞게 models 작성
from django.db import models

# Create your models here.
class Todo(models.Model):
    # django에서 pk는 자동으로 만들어준다.
    content = models.CharField(max_length = 80)     # 할 일 내용 
    completed = models.BooleanField(default=False)  # 완료 여부
    priority = models.IntegerField(default=3)       # 우선순위
    created_at = models.DateField(auto_now_add=True)# 생성 날짜
    """
    default 
    데이터를 생성할 때 값을 안넣으면 
    자동으로 값을 채워서 데이터를 생성하겠다.
    """
    deadline = models.DateField(null=True)          # 마감 기한

마이그레이션 파일 생성

  • models.py 에서 만든 설계도를 데이터베이스에 '이주' 시키는 것
  • > python manage.py makemigrations

# 실행 결과
Migrations for 'todo':
  todo/migrations/0001_initial.py
    - Create model Todo

마이그레이트

 > python manage.py migrate

URL 분리 및 프로젝트 실행하기

  • 전체 프로젝트 URL에서 개별 애플리케이션의 URL을 분리해서 관리

애플리케이션 폴더(todo) > urls.py 를 새로 생성

프로젝트 폴더(todospjt) > urls.py

  • 전체 프로젝트 파일에서 개별 애플리케이션 URL을 '포함' 시키기 위해 django.urls에 include를 추가
from django.contrib import admin
# include를 추가
from django.urls import path, include 

urlpatterns = [
    path('admin/', admin.site.urls),
  	# todo(애플리케이션 폴더)에 있는 urls를 가져온다
    path('', include('todo.urls')),
]

애플리케이션 폴더(todo) > urls.py

  • index url 생성
  • namespace 생성
from django.urls import path
from . import views # .은 현재경로 라는 뜻, 현재경로의 views를 가져온다. 

# url namespace
# url을 이름으로 분류하는 기능

app_name = 'todo' 

urlpatterns = {
    path('', views.index, name='index'),

}

애플리케이션 폴더(todo) > views.py

  • urls.py에서 작성한 index에 대한 정보를 views.py 에서 정의
from django.shortcuts import render

# Create your views here.
def index(request):

    return render(request, 'todo/index.html')

애플리케이션 폴더(todo) > template 폴더 생성 > template 폴더 내 todo 폴더 생성 > index.html 파일 생성

templates > base.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- CSS only -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
  <!-- JavaScript Bundle with Popper -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
    crossorigin="anonymous"></script>
</head>

<body>
  {% block content %}
  {% endblock content %}
</body>

</html>

templates > todo > index.html

{% extends 'base.html' %}

{% block content %}
  <h1>index.html</h1>
{% endblock %}

프로젝트 실행 후 작동 확인(manage.py 경로에서 실행 해야함)

> python manage.py runserver

본격적인 프로젝트 내용 작성

  • 아래의 내용부터는 프로젝트의 내용에 대해서 다루므로, 내용이 많습니다. 프로젝트의 생성과 실행만 참고한다면 보지 않아도 상관없어요.

1. 할 일 추가하기(Create)

templates > todo > index.html

  • 요구사항에 맞게 form 및 input 작성
  • input 값에 maxlength="80" 옵션을 주어 model에서 작성한 값의 유효성 검사를 함.
  • form의 action에 create 라는 이름을 가진 주소를 요청
  • 주소를 요청할때는 app_name을 지정했으므로 app_name:요청페이지 형태로 요청
  • input에 입력한 text 값을 content_ 라는 이름으로 식별해준다. (임의 지정)
{% extends 'base.html' %}

{% block content %}
  <h1>index.html</h1>
  <!-- 사용자에게 정보를 입력받을 때 form 태그를 사용해야한다. -->
  <!-- action : 어떤 url을 요청할지 -->
  <!-- create 라는 이름을 가진 주소를 요청 -->
  <form action="{% url ' todo:create' %}">
    <!-- input에 입력한 text 값을 content_ 로 식별해준다 -->
    <input type="text" name="content_" id="" maxlength="80">
    <input type="submit" value="할 일 추가">
{% endblock %}

애플리케이션 폴더(todo) > urls.py

  • 요청할 create 에 대한 url 정의
from django.urls import path
from . import views # .은 현재경로 라는 뜻, 현재경로의 views를 가져온다. 

# url namespace
# url을 이름으로 분류하는 기능

app_name = "todo"

urlpatterns = [
    path('', views.index, name='index'),
    path('create/', views.create, name='create'),

]

애플리케이션 폴더(todo) > views.py

  • url.py 에서 정의한 create를 views.py에서 정의
from django.shortcuts import render
from .models import Todo

# Create your views here.
def index(request):

    return render(request, 'todo/index.html')

def create(request):
  	# input
    content = request.GET.get("content_")
    Todo.objects.create(content=content)
    return  render(request, 'todo/index.html')

2. 할 일 목록 보기(Read)

애플리케이션 폴더(todo) > views.py

  • redirect 사용을 위해 django.shortcuts에 redirect import
  • 조회를 위해 index에 models에서 정의한 Todo의 모든 정보를 가져와서 _todos에 저장
  • context에 _todos의 정보를 담아서 반환하게함
  • create에 반환을 redirect로 하여 변경된 값을 바로 반영해서 보여주게함
# redirect 사용을 위해 import
from django.shortcuts import render, redirect
# db에 저장하기 위해 model을 import
from .models import Todo

# Create your views here.
def index(request):
    # models에서 정의한 Todo의 모든 정보를 가져와서 _todos에 저장 
    _todos = Todo.objects.all()
    # _todos의 정보를 context에 담아서 반환하게함
    context = {
        "todos" : _todos,
    }
    return render(request, 'todo/index.html', context)

def create(request):
    # input에서 입력받은 값을 content에 저장 
    content = request.GET.get("content_")
    # db에 저장, create(필드, 값) 
    Todo.objects.create(content=content)

    _todos = Todo.objects.all()
    context = {
        "todos" : _todos,
    }

    return redirect('todo:index')

templates > todo > index.html

  • DTL for문을 사용하여 views.py에서 정의된 todos를 반복문을 돌면서 뿌려줌
{% extends 'base.html' %}

{% block content %}
  <h1>index.html</h1>
  <!-- 사용자에게 정보를 입력받을 때 form 태그를 사용해야한다. -->
  <!-- action : 어떤 url을 요청할지 -->
  <!-- create 라는 이름을 가진 주소를 요청 -->
  <form action="{% url 'todo:create' %}">
    <!-- input에 입력한 text 값을 content_ 로 식별해준다 -->
    <input type="text" name="content_" id="" maxlength="80">
    <input type="submit" value="할 일 추가">
  </form>

  <!-- DTL for문 사용법 -->
  <ul>
  	# todos요소를 돌면서 
    {% for todo in todos %}
    # todos의 id, content, completed를 뿌려줌
    <li>{{ todo.id }} - {{ todo.content }} - {{ todo.completed }}</li>
    {% endfor %}
  </ul>
{% endblock %}

3. 할 일 완료(completed) 여부 (True/False) 변경하기(Update)

templates > todo > index.html

{% extends 'base.html' %}

{% block content %}
<h1>index.html</h1>
<!-- 사용자에게 정보를 입력받을 때 form 태그를 사용해야한다. -->
<!-- action : 어떤 url을 요청할지 -->
<!-- create 라는 이름을 가진 주소를 요청 -->
<form action="{% url 'todo:create' %}">
  <!-- input에 입력한 text 값을 content_ 로 식별해준다 -->
  <input type="text" name="content_" id="" maxlength="80">
  <input type="submit" value="할 일 추가">
</form>

<!-- DTL for문 사용법 -->
<ul>
  {% for todo in todos %}
  <li>{{ todo.id }} - {{ todo.content }} - {{ todo.completed }}
    <!-- 수정 버튼 생성 -->
    <a href="{% url 'todo:update' todo.pk %}">변경</a>
  </li>
  {% endfor %}
</ul>
{% endblock %}

애플리케이션 폴더(todo) > urls.py

  • urlpatterns에 update를 정의, 수정할 항목을 구분하기 위해 pk값을 이용
from django.urls import path
from . import views # .은 현재경로 라는 뜻, 현재경로의 views를 가져온다. 

# url namespace
# url을 이름으로 분류하는 기능

app_name = "todo"

urlpatterns = [
    path('', views.index, name='index'),
    path('create/', views.create, name='create'),
    path('update/<int:pk>', views.update, name='update'),
]

애플리케이션 폴더(todo) > views.py

  • todo에 pk값을 가져와 저장
  • pk_를 사용해 update할 특정 데이터를 불러온다
  • 불러온 완료 여부의 값을 내가 수정한 값으로 변경
  • 수정 후 index로 리다이렉트시켜 바로 반영된 정보를 보여주게함
# redirect 사용을 위해 import
from django.shortcuts import render, redirect
# db에 저장하기 위해 model을 import
from .models import Todo

# Create your views here.
def index(request):
    # models에서 정의한 Todo의 모든 정보를 가져와서 _todos에 저장 
    _todos = Todo.objects.all()
    # _todos의 정보를 context에 담아서 반환하게함
    context = {
        "todos" : _todos,
    }
    return render(request, 'todo/index.html', context)

def create(request):
    # input에서 입력받은 값을 content에 저장 
    content = request.GET.get("content_")
    # db에 저장, create(필드, 값) 
    Todo.objects.create(content=content)

    _todos = Todo.objects.all()
    context = {
        "todos" : _todos,
    }

    return redirect('todo:index')

def update(request, pk):
    # update할 특정 데이터를 불러온다 -> pk_를 사용
    todo = Todo.objects.get(pk = pk)
    # True로 변경
    completed_ = True
    # 불러온 완료 여부의 값을 내가 수정한 값으로 변경
    todo.completed = completed_
    # 데이터를 수정한 것을 반영
    todo.save()
    return redirect('todo:index')

4. 할 일 삭제하기(Delete)

templates > todo > index.html

  • li 태그 내에 삭제 버튼 생성
{% extends 'base.html' %}

{% block content %}
<h1>index.html</h1>
<!-- 사용자에게 정보를 입력받을 때 form 태그를 사용해야한다. -->
<!-- action : 어떤 url을 요청할지 -->
<!-- create 라는 이름을 가진 주소를 요청 -->
<form action="{% url 'todo:create' %}">
  <!-- input에 입력한 text 값을 content_ 로 식별해준다 -->
  <input type="text" name="content_" id="" maxlength="80">
  <input type="submit" value="할 일 추가">
</form>

<!-- DTL for문 사용법 -->
<ul>
  {% for todo in todos %}
  <li>{{ todo.id }} - {{ todo.content }} - {{ todo.completed }}
    <!-- 수정 버튼 생성 -->
    <a href="{% url 'todo:update' todo.pk %}">변경</a>
    <!-- 삭제 버튼 생성 -->
    <a href="{% url 'todo:delete' todo.pk %}">삭제</a>
  </li>
  {% endfor %}
</ul>
{% endblock %}

애플리케이션 폴더(todo) > urls.py

  • urlpatterns 에 delete를 정의
from django.urls import path
from . import views # .은 현재경로 라는 뜻, 현재경로의 views를 가져온다. 

# url namespace
# url을 이름으로 분류하는 기능

app_name = "todo"

urlpatterns = [
    path('', views.index, name='index'),
    path('create/', views.create, name='create'),
    path('delete/<int:todo_pk>', views.delete, name='delete'),
      path('update/<int:pk>', views.update, name='update'),
]

애플리케이션 폴더(todo) > views.py

  • todo에 pk값을 가져와 저장
  • todo를 삭제
  • 삭제 후 index로 리다이렉트시켜 바로 반영된 정보를 보여주게함
# redirect 사용을 위해 import
from django.shortcuts import render, redirect
# db에 저장하기 위해 model을 import
from .models import Todo

# Create your views here.
def index(request):
    # models에서 정의한 Todo의 모든 정보를 가져와서 _todos에 저장 
    _todos = Todo.objects.all()
    # _todos의 정보를 context에 담아서 반환하게함
    context = {
        "todos" : _todos,
    }
    return render(request, 'todo/index.html', context)

def create(request):
    # input에서 입력받은 값을 content에 저장 
    content = request.GET.get("content_")
    # db에 저장, create(필드, 값) 
    Todo.objects.create(content=content)

    _todos = Todo.objects.all()
    context = {
        "todos" : _todos,
    }

    return redirect('todo:index')
  
def update(request, pk):
    # update할 특정 데이터를 불러온다 -> pk_를 사용
    todo = Todo.objects.get(pk = pk)
    # True로 변경
    completed_ = True
    # 불러온 완료 여부의 값을 내가 수정한 값으로 변경
    todo.completed = completed_
    # 데이터를 수정한 것을 반영
    todo.save()
    return redirect('todo:index')
  
def delete(request, todo_pk):
    todo = Todo.objects.get(pk = todo_pk)
    todo.delete()

    return redirect('todo:index')
728x90
반응형
저작자표시

'Python > Django' 카테고리의 다른 글

[Django] 프로젝트(project) 구조  (0) 2023.01.28
[Django] Django 앱 구조로 보는 MTV  (0) 2023.01.13
[Django] Admin site  (0) 2022.10.12
[Django] ModelForm  (0) 2022.10.11
Django가상환경 설정하기  (0) 2022.09.21

관련글

댓글

티스토리툴바