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

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});
        });
    }
    });
});

저작자표시