02.md

Update

이제는 우리가 작성하고, 조회했던 글을 수정하는 기능을 추가해보겠습니다. 저번에 했던 Create와 비교를 해보자면, Create 기능 <-> Update 기능 new: new.html을 보여줌 <->edit: edit.html을 보여줌 create: 데이터베이스에 저장 <-> update: 데이터베이스에 저장

단, update에서는 수정할 데이터의 id값을 받아와야 한다는 차이점이 있습니다.

1. main/views.py에 edit 함수 작성하기 (View)

def edit(request, id):
    edit_blog = Blog.objects.get(id=id) #pk=id와 동일
    return render(request, 'main/edit.html', {'blog':edit_blog})

detail함수처럼(Read) id값을 인자로 받아와야 합니다. 그리고 id=id부분은 pk=id도 가능합니다. 우리가 models.py에서 id를 primary key로 지정해주었기 때문입니다. (settings.py에 DEFAULT_AUTO_FIELD를 추가한 경우도 자동으로 primary key로 id값을 선택합니다.)

2. main/urls.py에 url 추가하기 (Url)

from django.urls import path
from .views import *

app_name = "main"
urlpatterns = [
    path('', showmain, name="showmain"),
    path('first/', first, name="first"),
    path('second/', second, name="second"),
    path('<str:id>', detail, name="detail"),
    path('new/', new, name="new"),
    path('create/', create, name="create"),
    path('posts/', posts, name="posts"),
    path('edit/<str:id>', edit, name="edit"),
]

url을 작성해줍니다. detail과 동일하므로 설명은 생략하겠습니다.

3. detail.html 작성하기 (Template)

main/templates/main/detail.html에 수정하기 버튼(링크)를 만들어줍니다.

<p>{{blog.body}}</p>
<a href="{% url 'main:edit' blog.id %}">수정하기</a>

app_name을 설정해주었으니 main:edit으로 작성해주어야 합니다. detail과 동일하게 게시글의 id값을 넘겨주어야겠죠.

4. edit.html 생성하기 (Template)

main/templates/main/edit.html

{% extends 'base.html' %}
{% load static %}

{% block content %}
<div class="container">
	<h1>글 수정하기</h1>
	<form action="" method="post">
		{%csrf_token%}
		<p>제목 : <input type="text" name="title" value="{{blog.title}}"></p>
		<p>작성자 : <input type="text" name="writer" value="{{blog.writer}}"></p>
		<p>내용 : <textarea type="text" name="body" id="" cols="30" rows="10">{{blog.body}}</textarea></p>
		<button type="submit">제출</button>
	</form>
</div>
{% endblock %}

new.html과 유사하기 때문에 복사해와서 수정하면 편합니다. <h1>의 내용을 수정하기로 바꾸어줍니다. 그리고 수정할 때 기존 글의 내용을 템플릿 변수를 이용해 불러오도록 설정해줍니다. <input>의 경우 value로 설정해주고, <textarea>의 경우 태그 사이에 적어주어야 합니다.

5. main/views.py에 update 함수 추가하기(View)

def update(request, id):
    update_blog = Blog.objects.get(id=id)
    update_blog.title = request.POST['title']
    update_blog.writer = request.POST['writer']
    update_blog.pub_date = timezone.now()
    update_blog.body = request.POST['body']
    update_blog.save()
    return redirect('main:detail', update_blog.id)

detail 함수와 동일합니다.

6. main/urls.py에 url추가하기 (Url)

from django.urls import path
from .views import *

app_name = "main"
urlpatterns = [
    path('', showmain, name="showmain"),
    path('first/', first, name="first"),
    path('second/', second, name="second"),
    path('<str:id>', detail, name="detail"),
    path('new/', new, name="new"),
    path('create/', create, name="create"),
    path('posts/', posts, name="posts"),
    path('edit/<str:id>', edit, name="edit"),
    path('update/<str:id>', update, name="update"),
]

마찬가지로 update 함수도 url을 연결해줍니다. id값을 넘겨주어야 해당 게시글에 대한 변경 사항을 저장할 수 있겠죠.

7. edit.html에 form action 설정하기 (Template)

{% extends 'base.html' %}
{% load static %}

{% block content %}
<div class="container">
	<h1>글 수정하기</h1>
	<form action="{%url 'main:update' blog.id %}" method="post">
		{%csrf_token%}
		<p>제목 : <input type="text" name="title" value="{{blog.title}}"></p>
		<p>작성자 : <input type="text" name="writer" value="{{blog.writer}}"></p>
		<p>내용 : <textarea type="text" name="body" id="" cols="30" rows="10">{{blog.body}}</textarea></p>
		<button type="submit">제출</button>
	</form>
</div>
{% endblock %}

form의 action에 url을 연결해줍니다. app_name을 설정해주었으니 앱이름:url이름형태로 적어야하고 id값도 넘겨주어야합니다.

Delete

삭제는 매우 간단합니다.

1. main/views.py에 delete 함수 추가하기 (View)

def delete(request, id):
    delete_blog = Blog.objects.get(id=id)
    delete_blog.delete()
    return redirect('main:posts')

마찬가지로 id값을 인자로 받아오고 그 id에 해달하는 게시글을 찾습니다. 그리고 삭제해주면 돼요. 삭제후에는 글목록 화면으로 redirect해줍니다.

2. main/urls.py에 url 추가하기(Url)

from django.urls import path
from .views import *

app_name = "main"
urlpatterns = [
   path('', showmain, name="showmain"),
   path('first/', first, name="first"),
   path('second/', second, name="second"),
   path('<str:id>', detail, name="detail"),
   path('new/', new, name="new"),
   path('create/', create, name="create"),
   path('posts/', posts, name="posts"),
   path('edit/<str:id>', edit, name="edit"),
   path('update/<str:id>', update, name="update"),
   path('delete/<str:id>', delete, name="delete"),
]

3. detail.html에 삭제 버튼 만들어주기 (Template)

main/templates/main/detail.html

{% extends 'base.html' %}
{% load static %}

{% block content %}

<h1>{{blog.title}}</h1>
작성자 : {{blog.writer}}
날짜 : {{blog.pub_date}}
<hr>

{% if blog.image %}
<p><img src="{{ blog.image.url }}" alt="사진"></p>
{% endif %}

<p>{{blog.body}}</p>
<a href="{% url 'main:edit' blog.id %}">수정하기</a>
<a href="{% url 'main:delete' blog.id %}">삭제하기</a>
{% endblock %}

update, delete까지 모두 완료!