TIL_delete_01

Delete

delete 버튼 활성화
클릭
해당 폴더에서 파일이 삭제 ===> 삭제 완료!

delete_01 : 버튼생성후, form기능-post방식 삭제까지 구현

우리는 id 값이 잇는 url 에서 delete버튼이 존재해야 한다.
이 말인 즉슨, 글 목록 클릭 > 해당 파일 에서만 delete 버튼 존재해야함.

 if (pathname === '/') {
    if (queryData.id === undefined) {// /만 존재하는 최상위루트 홈페이지 상태.
      fs.readdir('./data', (err, filelist) => {
        console.log(filelist);
        var title = 'Welcome';
        var description = 'Hello, Node.js';
        // 글 목록 가져옴. 
        var list = templateList(filelist);
        // 본문
        var template = templateHTML(title, list,
          `<h2>${title}</h2>${description}`,
          ` <a href="/create">create</a> `);
        response.writeHead(200);
        response.end(template);
      })

    } else { // id 값이 존재함. ( 최상위 디렉터리가 아님)
      fs.readdir('./data', (err, filelist) => {
        var list = templateList(filelist);
        // 본문
        fs.readFile(`data/${queryData.id}`, 'utf8', function (err, description) {
          var title = queryData.id;
          var template = templateHTML(title, list,
            `<h2>${title}</h2>${description}`,
            `<a href="/create">create<a/> 
            <a href="/update?id=${title}">update</a>
            <form action="delete_prceess" method="post">
              <input type="hidden" name="id" value="${title}">
              <input type="submit" name="delete">
            </form>
            `);
          response.writeHead(200);
          response.end(template);
        });
      });
    }
  } 

이 코드 중..

 else { // id 값이 존재함. ( 최상위 디렉터리가 아님)
      fs.readdir('./data', (err, filelist) => {
        var list = templateList(filelist);
        // 본문
        fs.readFile(`data/${queryData.id}`, 'utf8', function (err, description) {
          var title = queryData.id;
          var template = templateHTML(title, list,
            `<h2>${title}</h2>${description}`,
            `<a href="/create">create<a/> 
            <a href="/update?id=${title}">update</a>
            <form action="delete_prceess" method="post">
              <input type="hidden" name="id" value="${title}">
              <input type="submit" name="delete">
            </form>
            `);
          response.writeHead(200);
          response.end(template);
        });
      });
    }

이 코드에서

 `<a href="/create">create<a/> 
            <a href="/update?id=${title}">update</a>
            <form action="delete_prceess" method="post">
              <input type="hidden" name="id" value="${title}">
              <input type="submit" name="delete">
            </form>
            `);

이 코드 구현함.

결과물

제출 버튼 클릭