[ Project / Servlet · JSP ] 1차 과제 Model 2 방식 - (2) 게시판 만들기 ( 검색 기능 )

💡  게시판에 추가되어야 할 기능 

페이징 구현 / 리스트 검색 기능 구현 / 게시물 저장 시 첨부파일 저장, 수정, 삭제 /  상세 페이지 조회수 추가 

 

기존 게시물의 리스트를 뿌려주고 있던  getList( ) 메서드는 전체 게시물을 한페이지에 뿌려주고 있었다.

우리는 앞서 페이징을 만들었고,  한 페이지당 들어갈 게시물의 수를 정의했다.

 

[ Project / Servlet · JSP ] 1차 과제 Model 2 방식 - (1) 게시판 만들기 ( 페이징 버튼 기능 )

 

때문에 우리는  getList( )  메서드도 한페이지당 들어가는 게시물 내용만 뿌려줄 수 있도록 수정 되어야한다.

이번에는 한 페이지당 게시물 리스트를 나누어 뿌려주는 기능과 검색 기능을 구현해보려고한다.

 

 

💡 리스트에 필요한 내용

1 ) 한 페이지 당  게시물 수 ( 10개 )

2 ) 페이지 이동하면 게시물의 변화  ( start / end)

     1페이지 = 1번부터 10번 게시물 노출  

     2페이지 = 11번부터 20번 게시물 노출

3 ) 키워드 검색시 게시물 변화

 

 

 

 

 

1. 리스트 구현

🍫 BoardVo.java

먼저 시작하기 전에 리스트를 뽑아주기 위해서 BoardVo도 연관이 되어 있어 어떻게 구성되어 있는지만 확인을 해보자.

각 게시물의 내용을 받아주기 위한 변수들이 들어가 있다.  그리고 리스트에 들어가는 내용들을 담은 생성자도 있다.

public class BoardVo {
	private int num;
	private int no;
	private String title;
	private String content;
	private int hit;
	private String regDate;
	private int userNo;
	private String userName;
	
    ...
   
    
    // 리스트 객체
	public BoardVo(int no, String title, String content, int hit, String regDate, int userNo, String userName) {
		this(no, title, hit, regDate, userNo, userName);
		this.content = content;
	}

	
    ...
   
}

 

 

🍫 BoardDao.java

public List < BoardVo > getList ( ) ;

기존 리스트 메서드는 페이지 값과 키워드 값을 받아서 사용할 수 없었다.

우리는 검색 키워드,  페이지 값 을 받아주어 사용해야 하기 때문에 기존 메서드에 파라미터를 추가해주었다.

public List<BoardVo> getList(String kwd,String nowPage);

 

 

🍫 BoardDaoImpl.java

1.  검색어, 현제페이지를 받는 게시물 목록조회

public List<BoardVo> getList(String kwd,String nowPage) {
	
    ...
    
}

 

1) 파라미터 값으로 받은 키워드와 페이지 번호가 혹시 null값을 받을 경우 초기화 해준다.

if(kwd == null) kwd = "";
if(nowPage == null) nowPage = "1";

 

2) 페이지 버튼을 클릭했을 경우 받아오는 리스트의 시작과 끝이 변경되어야한다.

페이징 생성자에 값을 넣어 start와 end 값을 가져온다.

ex) 2페이지 클릭시 >  11번 부터 20번 출력 

pageingVo pageing = getListCount(kwd ,nowPage);
int start = pageing.getStart();
int end = pageing.getEnd();

 

3) SQL문에 넣기 위해 값 수정

앞 뒤로 어떤 값이 있어도 해당 키워드가 있으면 검색이 되게 하려면 키워드에 %를 추가해주어야한다.

String kwdup = "%" + kwd + "%";

 

4)  DB 연결과 반환값을 전달하기 위한 준비

메서드 반환 값을 구해주는 부분이 실행이 되지 않더라도 값이 없어서 오류가 나지 않기 위해 반환되는 List를 초기화해준다.

DB가 접속이 되고 내용이 잘 실행된다면, try 안에서 실제로 쿼리문을 이용해 값을 받고 List에 넣어서 메서드의 반환값으로 전달된다.

Connection conn = null;
PreparedStatement pstmt = null;
ResultSet rs = null;
List<BoardVo> list = new ArrayList<BoardVo>();


try {
    conn = getConnection();

 

5)  SQL문 

검색을 하면 제목, 내용, 글쓴이, 작성일 안에서 해당 키워드가 있는지 검색이 가능하다.

앞에서 받아준 시작 번호와 마지막 번호도 넣어줘서 한 페이지에 들어갈 리스트만 추출이 가능하다.

    // 3. SQL문 준비 / 바인딩 / 실행
    String query = "SELECT b.*" + 
            "FROM (" + 
            "		SELECT ROWNUM num,T1.NO,T1.TITLE,T1.HIT,T1.REG_DATE ,T1.CONTENT,T1.USER_NO,T2.NAME  " + 
            "		FROM (SELECT * " + 
            "				FROM BOARD " + 
            "				ORDER BY REG_DATE desc)T1  " + 
            "		INNER JOIN USERS T2  " + 
            "		ON (T1.USER_NO = T2.NO)  " + 
            "		WHERE T1.TITLE LIKE ? " + 
            "		OR T1.CONTENT LIKE  ? " + 
            "		OR T1.REG_DATE LIKE ? " + 
            "		OR T2.NAME LIKE ?) b " + 
            "WHERE num BETWEEN ? AND ?";

    pstmt = conn.prepareStatement(query);
    pstmt.setString(1, kwdup);
    pstmt.setString(2, kwdup);
    pstmt.setString(3, kwdup);
    pstmt.setString(4, kwdup);
    pstmt.setInt(5, start);
    pstmt.setInt(6, end);

    rs = pstmt.executeQuery();
    // 4.결과처리
    while (rs.next()) {

        int num = rs.getInt("num");
        int no = rs.getInt("no");
        String title = rs.getString("title");
        String content = rs.getString("content");
        int hit = rs.getInt("hit");
        String regDate = rs.getString("reg_date");
        int userNo = rs.getInt("user_no");
        String userName = rs.getString("name");

 

5)  추출한 리스트의 값들을 BoardVo로 넣어주고 list로 만들어준다.

게시물이 입력된 날짜가 쿼리문에서 sysdate로 들어가 년도,월,일,시간이 모두 출력되게 되어있다.

년도 - 월 - 일 로 출력하기 위해서 날짜 포멧을 변경하여 BoardVo 에 값을 넣어주었다.

	// 날짜 포멧 변경 ( 년도 소문자 / 월 대문자 / 일 소문자 )
        DateFormat formatter = new SimpleDateFormat("yyyy-MM-dd"); // 포멧 설정
        Date date = formatter.parse(regDate); // 포멧을 데이터 타입으로 받을 수 있다. 
        String regDate1 = formatter.format(date); // 데이터형을 다시 String 타입으로 변경
        
        BoardVo vo = new BoardVo(num, no, title,content, hit, newdate, userNo, userName);


        list.add(vo);
    }

} catch (SQLException | ParseException e) {
    System.out.println("error:" + e);
} finally {
    // 5. 자원정리
    try {
        if (pstmt != null) pstmt.close();
        if (conn != null) conn.close();
    } catch (SQLException e) {
        System.out.println("error:" + e);
    }
}
return list;

}

 

 

 

🍫 BoardServlet.java

request.setCharacterEncoding("UTF-8");
String actionName = request.getParameter("a");

 

1. 전체 게시물 목록 조회 

pageingVo pageing = dao.getListCount(kwd,nowpage);

if ("list".equals(actionName)) {
        request.setCharacterEncoding("utf-8");
        String kwd = request.getParameter("kwd");
        String nowpage = request.getParameter("nowPage");
        // 초기화
        if(kwd == null) kwd = "";
        if(nowpage == null) nowpage = "1";
        // 리스트 가져오기
        BoardDao dao = new BoardDaoImpl();
        List<BoardVo> list = dao.getList(kwd,nowpage);
        pageingVo pageing = dao.getListCount(kwd,nowpage);
        // 리스트 화면에 보내기
        request.setAttribute("pageing", pageing);
        request.setAttribute("list", list);
        WebUtil.forward(request, response, "/WEB-INF/views/board/list.jsp");

}

 

2 . 검색

List<BoardVo> list = dao.getList(kwd,nowpage);

else if ("search".equals(actionName)) {
    request.setCharacterEncoding("utf-8");
    String kwd = request.getParameter("kwd");
    String nowpage = request.getParameter("nowPage");


    if(kwd == null) kwd = "";
    if(nowpage == null) nowpage = "1";

   // 리스트 가져오기
    BoardDao dao = new BoardDaoImpl();			
    List<BoardVo> list = dao.getList(kwd,nowpage);
    // 전체 갯수 및 페이지징 설정 셋팅
    pageingVo pageing = dao.getPaging(kwd,nowpage);

    // 리스트 화면에 보내기
    request.setAttribute("pageing", pageing);
    request.setAttribute("list", list);
    String url = "/WEB-INF/views/board/list.jsp";
    WebUtil.forward(request, response, url);
}

 

 

🍫 List.jsp

1.  검색 창

검색 폼(form) Post 형식으로 BoardServlet.java 에 전달 하고 있다.

a 태그로 실행 값을 search로 전달 /  nowPage 초기 값을 처음에 1페이지로 전달해준다. kwd로 검색 값을 전달해주고 만약 키워드 값을 파라미터로 전달 받았을경우,  value 값에 파라미터로 넣어줘서 검색 후에도 키워드가 사라지지 않게 표시해준다.

<form id="search_form" action="/mysite_jimin/board" method="post">
    <input type="hidden" name="a" value="search">
    <input type="hidden" name="nowPage" value="1">
    <input type="text" id="kwd" name="kwd" value="${param.kwd}">
    <input type="submit" value="찾기">
</form>

 

2.  게시물 리스트

1 ) list 가 없을 시 노출될 내용

<c:if test="${list.size() == 0}">
 ...
</c:if>

 

2 ) list 가 있으면 반복하여 출력한다.

<c:forEach items="${list}" var="vo">
...
</c:forEach>

 

<table class="tbl-ex">
    <tr>
        <th>번호</th>
        <th>제목</th>
        <th>내용</th>
        <th>글쓴이</th>
        <th>조회수</th>
        <th>작성일</th>
        <th>&nbsp;</th>
    </tr>
    <c:if test="${list.size() == 0}">
        <tr>
            <td colspan="7" style="text-aling:center;">내용이 없습니다</td>
        </tr>
    </c:if>		
    <c:forEach items="${list}" var="vo">
        <tr>
            <td>${vo.num }</td>
            <td><a href="/mysite_jimin/board?a=read&no=${vo.no }&nowPage=${pageing.nowPage}&kwd=${param.kwd}">${vo.title}</a></td>
            <td>${vo.content}</td>
            <td>${vo.userName}</td>
            <td>${vo.hit}</td>
            <td>${vo.regDate}</td>
            <td>
                <c:if test="${authUser.no == vo.userNo }">
                    <a href="/mysite_jimin/board?a=delete&no=${vo.no }&nowPage=7" class="del">삭제</a>
                </c:if>
            </td>
        </tr>
    </c:forEach>
</table>