NodeJS

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

Riucc 2018. 12. 25. 20:17

게시판 상세페이지 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});
});
}
});
});