[NodeJS] - 게시판 상세페이지 MySQL 연동하여 출력하기

○ 게시판 상세페이지 MySQL 연동하여 출력하기

핵심은 게시글 제목에 a href에 게시글 번호를 출력하여 넣어주고 route parametes 를 이용하여 게시글 번호를 받아서  해당 번호의 게시물만 출력하게끔 하는 것이다 // notice.ejs  <table class="noticeTable"> <colgroup> <col width="80"> <col width="*"> <col width="150"> </colgroup> <thead> <tr> <th><span>번호</span></th> <th><span>제목</span></th> <th><span>등록일</span></th> </tr> </thead> <tbody> <% for(var i=0; i< notice_result.length; i++) {%> <tr> <td class="text-center"><%= notice_result[i].noticeNo %></td> <td id="td_title"><a href="/notice/<%=notice_result[i].noticeNo%>"> <%= notice_result[i].noticeTitle %></a> </td> <td class="text-center"><%= notice_result[i].noticeDate %></td> </tr> <% }; %> </tbody> </table> // notice.js // 메인에서 사이드메뉴 공지사항 세션유지해서 가기(어드민인지에 따라 작성버튼 없애야함) // 데이터베이스에 있는 공지사항 데이터들 출력 router.route('/').get(function(req, res) {     // 커넥션 풀에서 연결 객체를 가져옴     pool.getConnection(function(err, conn) { if (err) {     if (conn) { conn.release(); // 반드시 해제해야 함 } callback(err, null); return; } console.log('데이터베이스 연결 스레드 아이디 : ' + conn.threadId); // SQL 문을 실행함 const sql = 'select noticeNo, noticeTitle, noticeDate from notice order by noticeNo desc limit 10;'; conn.query(sql, function(err, result) { conn.release(); // 반드시 해제해야 함 console.log(result); console.log(result[0].noticeTitle); // 데이터 db에서 잘받아 들어갔나 테스트용 res.render('notice.ejs', {userSessionId : req.session.userID, notice_result: result}); }); }); }); // notice_detail.ejs <!-- 공지 출력 부분 --> <section> <div class="Notice" style="margin-top:70px;"> <div class="NoticeView"> <div class="container"> <div class="UIOPanelBox"> <h3 style="margin-bottom: 30px;">공지사항</h3> <div class="noticeViewTitle"><%= notice_result[0].noticeTitle %> <span><%= notice_result[0].noticeDate %></span></div> <div class="noticeContents" style="white-space: pre-line;"> <div><span><%= notice_result[0].noticeDesc %></span></div> </div> <div class="btnWrap text-right" style="margin-top: 15px;"> <!-- 로긴 유저가 어드민일 시 삭제 버튼 토출되게 --> <% if(userSessionId == "admin") { %> <a class="btn btn-outline-primary" href="/notice/delete/<%= notice_result[0].noticeNo %>" style="margin-right: 20px;">삭제</a> <% } %> <a class="btn btn-outline-primary" href="/notice">목록</a> </div> </div> </div> </div> </div> </section> // notice.js // 공지사항 공지 게시물 출력된거 각각 찾아가기 // 데이터베이스에 있는 해당 게시물 No에 대한 데이터 출력 router.route('/:noticeNumber').get(function(req, res) {     // 커넥션 풀에서 연결 객체를 가져옴     pool.getConnection(function(err, conn) { if (err) {     if (conn) { conn.release(); // 반드시 해제해야 함 } callback(err, null); return; } console.log('데이터베이스 연결 스레드 아이디 : ' + conn.threadId); // 페이지 번호를 가져와서 대입(라우트 파라매터) var noticeNumber2 = path.parse(req.params.noticeNumber).base; if(noticeNumber2=="notice_write"){ res.render('notice_write.ejs', {userSessionId : req.session.userID}); }else{ // SQL 문을 실행함 conn.query('SELECT noticeNo, noticeTitle, noticeDesc, noticeDate FROM notice WHERE noticeNo=?', [noticeNumber2], function(err, result) { conn.release(); // 반드시 해제해야 함 console.log(result); res.render('notice_detail.ejs', {userSessionId : req.session.userID, notice_result: result}); }); } }); });