이번 파트에서는, 글 목록을 삭제하는 기능을 추가해볼 것이다.

우선, 삭제를 하기 위해서, view.jade 에서 delete 링크를 추가하고, 해당 라우터를 만든다.

(view.jade 의 일부분)

li
	a(href='/topic/'+topic.id+'/delete') delete

('/topic/'+topic.id+'/delete')

app.get(['/topic/:id/delete'], function(req, res) {
  var sql = "SELECT id,title FROM topic";
  conn.query(sql, function(error, topics, fields) {
    var id = req.params.id;
    if (id) {
      var sql = "SELECT * FROM topic WHERE id=?"
      conn.query(sql, [id], function(error, topic, fields) {
        if (error) {
          console.log(error);
          res.status(500).send('Internal Server Error');
        } else {
          res.render('delete', {
            topics: topics,
            topic: topic[0]
          });
        }
      });
    } else {
      console.log('There is no id');
      res.status(500).send('Internal Server Error');
    }
  });
});

• delete 를 하기 전에, 정보를 먼저 받아야한다.
• 해당 sql 문이 성공한다면, delete.jade 를 실행한다.
• delete.jade를 만든다.

(delete.jade)

doctype html
html
  head
    meta(charset='utf-8')
  body
    h1
      a(href='/topic') Server Side Javascript
    ul
      each topic in topics
        li
          a(href='/topic/'+topic.id)= topic.title
    article
      h1= 'Delete?' + topic.title
      form(action='/topic/'+topic.id+'/delete' method='post')
        p
          input(type='submit' value='YES')
      a(href='/topic/'+topic.id) NO

• 삭제할 것인지 묻는 h1 태그를 만든다.
• 만약 input 으로 작성된 버튼을 누른다면, 삭제를 진행하고, No 링크를 누르면, 다시 원래 해당 글목록으로 이동한다.
• Yes 를 눌렀을 때, '/topic/'+topic.id+'/delete'로 되어있는 post로된 라우터로 이동한다.

→ 해당 라우터는 아직 작성하지 않았기 때문에, 라우터를 작성한다.

('/topic/'+topic.id+'/delete' 라우터)