웹애플리케이션만들기(글 수정/삭제)

글 수정하기 >

목차에서 글을 선택했을 때, edit 버튼이 나타나면 수정하는 화면으로 가서 수정하는 것을 해보자.

view.jade

1. edit 버튼 만들기

* 여러개의 버튼들을 일렬로 나열하는 모습을 기능들의 목록이란 뜻에서 리스트로 바꿔보겠습니다.

Line 25 : 그리고 특정 글을 선택했을 때만 edit 버튼이 나와야 하므로 다음과 같이 설정.

app_mysql.js

Line 72 : edit 라우터 확인

Line 91-92 : id 값이 없는 경우는 err.

Line 83 : edit.jade 화면으로 연결

edit.jade

Line 14 -22 : 글을 가져와서 읽는 부분을 new.jade에서 사용한 폼을 가져와 쓴다.

Line 17, 20 : 기존에 작성된 글 가져오기

Line 14 : 수정 작업후 'submit'했을 때, 제출 될 경로 지정 (action) => 해당 경로로 전달되는 post방식으로 받은 라우터 필요

 

Line 88,89,90 : 수정한 데이터 = 파라미터 받기 (제목, 내용) 주소창에 있는 id값 가져오기. req.params.id ★

Line 91 : 수정 SQL문(UPDATE), WHERE문 빠뜨리지 않기

Line 97 : 수정이 잘 되었는지 확인하는 URL로 이동

또는 ('data'폴더와 databases에도 적용하려는 코드는 아래처럼 작성)

글 삭제하기 >

Line 26-27 : edit 버튼과 동일하기 특정 글을 보고 있을 때 나타나야 한다. view.jade 코드 추가

Line 111 : (view.jade에 추가한 삭제 버튼 링크에 대한) 라우터 추가

Line 123 : 삭제를 하려면 실제로 있는 데이터 인지 확인해보자.

Line 127 : 삭제할 데이터가 있다면, 이 코드로 render.

delete.jade 생성

Line 16 action 주소에 대한 post 삭제 라우터 추가