JSP 게시판 만들기 / 게시판 글 목록 기능 구현하기 [동빈나님 강의.11]

https://www.youtube.com/watch?v=Q-TzxXw2jQY&list=PLRx0vPvlEmdAZv_okJzox5wj2gG_fNh_6&index=11 

 

1. BbsDAO.jsp 수정 / 게시글페이지 게시글 목록 기능 추가

 

package bbs;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;

public class BbsDAO { //데이터베이스 연결

    private Connection conn;
    //private PreparedStatement pstmt; ->데이터 접근에 있어서 마찰이 생기지 않게 없애야함, 직접넣음
    private ResultSet rs;

 

    public BbsDAO() {
        try {
            String dbURL = "jdbc:mysql://localhost:3306/BBS";
            String dbID = "root";
            String dbPassword = "root";

            Class.forName("com.mysql.jdbc.Driver");

            conn = DriverManager.getConnection(dbURL, dbID, dbPassword);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

 

    public String getDate() {
        String SQL = "SELECT NOW()";
        try {
            PreparedStatement pstmt = conn.prepareStatement(SQL); // conn객체를 이용 SQL문장을 실행준비로 만듬
            rs = pstmt.executeQuery();
            if (rs.next()) {
                return rs.getString(1); //1을해서 현재날짜 그대로 반환
            }
        } catch(Exception e) {
            e.printStackTrace();
        }
        return ""; //데이터베이스오류
    }

 

    public int getNext() {
        String SQL = "SELECT bbsID FROM BBS ORDER BY bbsID DESC"; 

        // 내림차순하여 가장 마지막에쓰인 글번호를 가져올 수 있도록함
        try {
            PreparedStatement pstmt = conn.prepareStatement(SQL); // conn객체를 이용 SQL문장을 실행준비로 만듬
            rs = pstmt.executeQuery();
            if (rs.next()) {
                return rs.getInt(1) +1; //1을 더해서 그다음 게시글이 들어갈 수 있도록한다.
            }
            return 1; // 현재가 첫번째 게시물인 경우
        } catch(Exception e) {
            e.printStackTrace();
        }
        return -1; //데이터베이스오류

    }

 

    public int write(String bbsTitle, String userID, String bbsContent) {
        String SQL = "INSERT INTO BBS VALUES (?, ?, ?, ?, ?, ?)";// 데이터베이스 코드
        try {
            PreparedStatement pstmt = conn.prepareStatement(SQL); // conn객체를 이용 SQL문장을 실행준비로 만듬
            pstmt.setInt(1, getNext());//getNext 다음번에 쓰일 게시글번호
            pstmt.setString(2, bbsTitle);
            pstmt.setString(3, userID);
            pstmt.setString(4, getDate());
            pstmt.setString(5, bbsContent);
            pstmt.setInt(6, 1);//허용상태 글이 있는상태이기 때문에 1
            return pstmt.executeUpdate(); // 성공적으로 수행시 0이상의 값을 반환
            //INSERT는 executeUpdate()로 작동됨
        } catch(Exception e) {
            e.printStackTrace();
        }
        return -1; //데이터베이스오류
    }

 

    public ArrayList<Bbs> getList(int pageNumber) {// 특정한페이지에 다른 게시글 가져올 수 있도록
        String SQL = "SELECT * FROM BBS WHERE bbsID < ? AND bbsAvailable = 1 ORDER BY bbsID DESC LIMIT 10";
        //bbsID가 특정한 숫자보다 작을때, 존재하는글 Available =1, 위에서 10개까지 내림차순
        ArrayList<Bbs> list = new ArrayList<Bbs>(); // Bbs서 나오는 인스턴스 보관
        try {
            PreparedStatement pstmt = conn.prepareStatement(SQL); // conn객체를 이용 SQL문장을 실행준비로 만듬
            pstmt.setInt(1, getNext() - (pageNumber -1 ) * 10);//getnext 다음으로 작성될글의 번호
            rs = pstmt.executeQuery();
            while (rs.next()) {
                Bbs bbs = new Bbs();//BBS에 담긴 데이터 가져오기
                bbs.setBbsID(rs.getInt(1));
                bbs.setBbsTitle(rs.getString(2));
                bbs.setUserID(rs.getString(3));
                bbs.setBbsDate(rs.getString(4));
                bbs.setBbsContent(rs.getString(5));
                bbs.setBbsAvailable(rs.getInt(6));
                list.add(bbs);//모든 내용이 담긴 게시글 인스턴스를 리스트에 담아 반환
            }
        } catch(Exception e) {
            e.printStackTrace();
        }
        return list;
    }

 

    public boolean nextPage(int pageNumber) {//다음 페이지가 없을 경우에 대한 처리
    //게시글이 10개일때 pageNumber 1씩 생성, 21개일때는 페이지수 3
        String SQL = "SELECT * FROM BBS WHERE bbsID < ? AND bbsAvailable = 1";
        try {
            PreparedStatement pstmt = conn.prepareStatement(SQL); // conn객체를 이용 SQL문장을 실행준비로 만듬
            pstmt.setInt(1, getNext() - (pageNumber -1 ) * 10);
            rs = pstmt.executeQuery();
            if (rs.next()) {
                return true;
            }
        } catch(Exception e) {
            e.printStackTrace();
        }
        return false;
    }

}

 

 

2. bbs.jsp 메인화면 꾸미기

(추가된 게시글 나타나게 / 이전페이지 버튼, 다음 페이지 버튼 / 게시글 하이퍼링크 디자인 없애기)

 

bbs.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!-- 스크립트 문장 실행시 필요한 라이브러리 -->
<%@ page import="java.io.PrintWriter" %>
<%@ page import="bbs.BbsDAO" %>
<%@ page import="bbs.Bbs" %> 
<%@ page import="java.util.ArrayList" %><!-- 게시판의 목록을 출력하기 위해서 필요 -->

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width", initial-scale="1">
<link rel="stylesheet" href="css/bootstrap.css">
<title>JSP 게시판 웹 사이트</title>

 

<!-- 게시글 제목 하이퍼링크 디자인 없애기 -->
<style type="text/css">
a, a:hover {
color: #000000;
text-decoration: none;
}
</style>

</head>
<body>
    <%
    String userID = null;
    if(session.getAttribute("userID") != null) {
        userID = (String) session.getAttribute("userID"); //로그인한 사람들은 해당아이디가 userID에 저장
    }
    %>
    <nav class="navbar navbar-default">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"
            data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                aria-expanded="false">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="main.jsp">JSP 게시판 웹 사이트</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="main.jsp">메인</a></li> <!-- 현재 페이지가 메인임을 알려줌 -->
                <li class="active"><a href="bbs.jsp">게시판</a></li>
            </ul>

            <% // 로그인이 되어있지 않은 사람들만 로그인 회원가입 보이게
                if(userID == null) {
            %>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle"
                        data-toggle="dropdown" role="button" aria-haspopup="true"
                        aria-expanded="false">접속하기<span class="caret"></span></a>
                   <ul class="dropdown-menu">
                        <li><a href="login.jsp">로그인</a></li>
                       <li><a href="join.jsp">회원가입</a></li>
                   </ul>
               </li>
            </ul>
            <%//로그인이 되어있다면
                } else {
            %>
           <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle"
                        data-toggle="dropdown" role="button" aria-haspopup="true"
                        aria-expanded="false">회원관리<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="logoutAction.jsp">로그아웃</a></li>
                    </ul>
                </li>
            </ul>
            <%
                }
            %>

        </div>
    </nav>
    <div class = "container">
        <div class="row">
            <table class="table table-striped" style="text-align: center; border: 1px solid #dddddd">
                <thead>
                    <tr><!-- 테이블의 행, 한줄 -->
                        <th style="background-color: #eeeeee; text-align: center;">번호</th>
                        <th style="background-color: #eeeeee; text-align: center;">제목</th>
                        <th style="background-color: #eeeeee; text-align: center;">작성자</th>
                        <th style="background-color: #eeeeee; text-align: center;">작성일</th>
                    </tr>
                </thead>
                <tbody><!-- 게시글 업로드 될부분 -->
                    <%
                        BbsDAO bbsDAO = new BbsDAO(); //게시글을 뽑아올 수 있도록 인스턴스생성
                        ArrayList<Bbs> list = bbsDAO.getList(pageNumber);
                        for(int i = 0; i < list.size(); i++) { // 모든 게시글 불러옴
                    %>
                    <tr>
                        <td><%= list.get(i).getBbsID() %></td> // 게시글 번호 리턴

                        <!-- 제목을 눌렀을때 해당 게시물로 이동, 해당번호에 맞는 페이지 나올 수 있게 -->
                        <td><a href="view.jsp?bbsID=<%= list.get(i).getBbsID() %>"><%= list.get(i).getBbsTitle() %></a>

                        </td> // 게시글 제목 리턴

                        <td><%= list.get(i).getUserID() %></td> // UserID리턴
                        <td><%= list.get(i).getBbsDate().substring(0, 11) + list.get(i).getBbsDate().substring(11, 13) + "시" +
                                        list.get(i).getBbsDate().substring(14, 16) + "분"%></td> // 작성 시간 리턴
                    </tr>
                    <%
                        }
                    %>
                </tbody>
            </table>

            <!-- 페이지 이동 -->
            <%
                if(pageNumber != 1) { //현재 페이지가 있는지, 버튼 생성
            %>
                <a href = "bbs.jsp?pageNumber=<%=pageNumber - 1 %>" class="btn btn-success btn-arraw-left"> 

                    이전

                </a>
            <%
                } if(bbsDAO.nextPage(pageNumber + 1)) { //다음 페이지가 존재하는지
            %>
                <a href = "bbs.jsp?pageNumber=<%=pageNumber + 1 %>" class="btn btn-success btn-arraw-left">

                    다음                

                </a>
            <% 
                }
            %>
            <a href="write.jsp" class="btn btn-primary pull-right">글쓰기</a>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js">
    <script src="js/bootstrap.js"></script>
</body>
</html>

 

 

*view.jsp를 작성하지 않았기 때문에 게시글을 눌러도 보이지 않음