[웹프로젝트] 12. 게시판 목록 조회

ㅁ 이제 게시판 서비스

- 게시판리스트페이지_list.html

- 페이징 바의 페이지 숫자를 누를 때마다 /board/list.do를 요청한다.

page라는 key값으로 내가 요청하는 페이지 번호를 넘길 예정이다.

- 하나의 게시글에 첨부파일이 여러개일 수 있다.

ㅁ header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="contextPath" value="${pageContext.request.contextPath}" />

<style>

header{height: 50px}

header a{color:black;}

header .profile-img{width:30px;}

</style>

if('${alertMsg}' != ''){

alert('${alertMsg}');

if('${historyBackYN}' == 'Y'){

history.back();

}

</script>

</div>

<c:choose>

<c:when test="${ empty loginUser }">

<a href="${contextPath}/member/signup.do">회원가입</a>  | 

</c:when>

<c:otherwise>

<div>

<a href="${contextPath}/member/myinfo.do">${loginUser.userName}님</a>  | 

</div>

</c:otherwise>

</c:choose>

</div>

</header>

</li>

</li>

<a class="nav-link" href="${contextPath}/board/list.do">일반게시판</a>

</li>

<a class="nav-link" href="#">사진게시판</a>

</li>

</ul>

</nav>

<h4 class="modal-title">Login</h4>

</div>

<label for="userPwd" class="mr-sm-2">Password:</label>

</div>

</div>

</form>

</div>

- <a href="${contextPath}">

로고 이미지를 클릭하면 메인페이지로 이동되게 한다.

-<a class="nav-link" href="${contextPath}">Home</a>

nav에서 Home을 누르면 메인페이지로 이동되게 한다.

- <a class="nav-link" href="${contextPath}/board/list.do">일반게시판</a>

nav에서 일반게시판을 누르면 /spring/board/list.do가 요청되게 한다.

ㅁ BoardService

package com.br.spring.service;

import java.util.List;

import java.util.Map;

import com.br.spring.dto.BoardDto;

import com.br.spring.dto.PageInfoDto;

import com.br.spring.dto.ReplyDto;

public interface BoardService {

// 게시글 목록 조회 (페이징 처리)

int selectBoardListCount();

List<BoardDto> selectBoardList(PageInfoDto pi);

// 게시글 검색 조회 (페이징 처리)

int selectSearchListCount(Map<String, String> search);

List<BoardDto> selectSearchList(Map<String, String> search, PageInfoDto pi);

// 게시글 등록

int insertBoard(BoardDto b); // 첨부파일도 BoardDto 객체에 담아버릴 예정

// 게시글 상세 - 조회수 증가

int updateIncreaseCount(int boardNo);

// 게시글 상세 - 게시글 조회

BoardDto selectBoard(int boardNo); // 첨부파일도 BoardDto 객체에 담아버릴 예정

// 게시글 삭제

int deleteBoard(int boardNo);

// 게시글 수정 <- 다중 첨부파일 수정 (나중에 기능 구현시 함)

// 댓글 목록 조회

List<ReplyDto> selectReplyList(int boardNo);

// 댓글 등록

int insertReply(ReplyDto r);

}

ㅁ BoardServiceImpl

package com.br.spring.service;

import java.util.List;

import java.util.Map;

import org.springframework.stereotype.Service;

import com.br.spring.dao.BoardDao;

import com.br.spring.dto.BoardDto;

import com.br.spring.dto.PageInfoDto;

import com.br.spring.dto.ReplyDto;

import lombok.RequiredArgsConstructor;

@RequiredArgsConstructor

@Service

public class BoardServiceImpl implements BoardService {

private final BoardDao boardDao;

@Override

public int selectBoardListCount() {

return boardDao.selectBoardListCount();

}

@Override

public List<BoardDto> selectBoardList(PageInfoDto pi) {

return boardDao.selectBoardList(pi);

}

@Override

public int selectSearchListCount(Map<String, String> search) {

return 0;

}

@Override

public List<BoardDto> selectSearchList(Map<String, String> search, PageInfoDto pi) {

return null;

}

@Override

public int insertBoard(BoardDto b) {

return 0;

}

@Override

public int updateIncreaseCount(int boardNo) {

return 0;

}

@Override

public BoardDto selectBoard(int boardNo) {

return null;

}

@Override

public int deleteBoard(int boardNo) {

return 0;

}

@Override

public List<ReplyDto> selectReplyList(int boardNo) {

return null;

}

@Override

public int insertReply(ReplyDto r) {

return 0;

}

ㅁ BoardDao

package com.br.spring.dao;

import java.util.List;

import org.apache.ibatis.session.RowBounds;

import org.mybatis.spring.SqlSessionTemplate;

import org.springframework.stereotype.Repository;

import com.br.spring.dto.BoardDto;

import com.br.spring.dto.PageInfoDto;

import lombok.RequiredArgsConstructor;

@RequiredArgsConstructor

@Repository

public class BoardDao {

private final SqlSessionTemplate sqlSession;

public int selectBoardListCount() {

return sqlSession.selectOne("boardMapper.selectBoardListCount");

}

public List<BoardDto> selectBoardList(PageInfoDto pi) {

RowBounds rowBounds = new RowBounds((pi.getCurrentPage() - 1) * pi.getBoardLimit(), pi.getBoardLimit());

return sqlSession.selectList("boardMapper.selectBoardList", null, rowBounds);

}

- 쿼리 자체는 전체 조회다. 마이바티스의 RowBounds 객체를 이용해서 그 중에서 일부만 조회해간다.

- (pi.getCurrentPage() - 1) * pi.getBoardLimit()

이게 건너뛸 게시글 갯수다. 2번 페이지 요청이면 1*5개의 게시글을 건너뛴다.

- selectList메소드의 2번째 자리는 sql문 완성시키는거. 없으면 그냥 null.

ㅁ board-mapper.xml

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >

</resultMap>

select

count(*)

from board

where status = 'Y'

</select>

select

b.board_no

, board_title

, user_id

, count

, to_char(regist_date, 'YYYY-MM-DD') as "regist_date"

, (

select count(*)

from attachment

where ref_type = 'B'

and ref_no = b.board_no

) as "attach_count"

from board b

join member on (user_no = board_writer)

where b.status = 'Y'

order by board_no desc

</select>

</mapper>

- 상관 서브쿼리.

- 산술식, 함수 이런건 별칭을 부여해주는 것이 좋다.

ㅁ BoardDto

package com.br.spring.dto;

import lombok.AllArgsConstructor;

import lombok.Builder;

import lombok.Getter;

import lombok.NoArgsConstructor;

import lombok.Setter;

import lombok.ToString;

@NoArgsConstructor

@AllArgsConstructor

@Getter

@Setter

@ToString

@Builder

public class BoardDto {

private int boardNo;

private String boardTitle;

private String boardWriter;

private String boardContent;

private int count;

private String registDt;

private String status;

private int attachCount;

}

- 이 게시글의 첨부파일 갯수를 담을 attachCount 필드를 추가로 만들었다.

ㅁ BoardController

package com.br.spring.controller;

import java.util.List;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.GetMapping;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestParam;

import com.br.spring.dto.BoardDto;

import com.br.spring.dto.PageInfoDto;

import com.br.spring.service.BoardService;

import com.br.spring.util.PagingUtil;

import lombok.RequiredArgsConstructor;

@RequestMapping("/board")

@RequiredArgsConstructor

@Controller

public class BoardController {

private final BoardService boardService;

private final PagingUtil pagingUtil;

// 메뉴 바에 있는 메뉴 클릭시 /board/list.do => 1번 페이지 요청

// 페이징 바에 있는 페이지 클릭시 /board/list.do?page=xx

@GetMapping("/list.do")

public void list(@RequestParam(value="page", defaultValue="1") int currentPage, Model model) {

int listCount = boardService.selectBoardListCount();

PageInfoDto pi = pagingUtil.getPageInfoDto(listCount, currentPage, 5, 5);

List<BoardDto> list = boardService.selectBoardList(pi);

model.addAttribute("pi", pi);

model.addAttribute("list", list);

// return "board/list"; 생략해도 됨.

}

- page라는 key값을 뽑아서 int형에 넣으려면 파싱해서 400에러가 뜬다.

그래서 메뉴바에 있는 메뉴 클릭시에는 defaultValue="1"을 작성해서 currentPage에 1이 담기게 한다.

- Model 객체는 import org.springframework.ui.Model;

Model 객체도 내부적으로 Request 같은 객체다.

- Request에 담긴 데이터는 포워딩ㅇ된 응답 페이지에서만 쓸 수 있다.

ㅁ board 폴더에 list.jsp 생성

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="contextPath" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

<style>

#boardList th, #boardList td:not(:nth-child(2)){text-align: center;}

#boardList>tbody>tr:hover{cursor:pointer;}

.page-link {

color: #6c757d;

background-color: #fff;

border: 1px solid #ccc;

}

.page-item.active .page-link {

z-index: 1;

color: #555;

font-weight:bold;

background-color: #f1f1f1;

border-color: #ccc;

}

.page-link:focus, .page-link:hover {

color: #000;

background-color: #fafafa;

border-color: #ccc;

}

</style>

</head>

<body>

<jsp:include page="/WEB-INF/views/common/header.jsp"/>

<br>

<br>

<thead>

<tr>

</tr>

</thead>

<tbody>

<c:choose>

<c:when test="${ empty list }">

<tr>

</tr>

</c:when>

<c:otherwise>

<c:forEach var="b" items="${ list }">

<tr>

<td>${ b.boardNo }</td>

<td>${ b.boardTitle }</td>

<td>${ b.boardWriter }</td>

<td>${ b.count }</td>

<td>${ b.registDt }</td>

<td>${ b.attachCount > 0 ? '*' : '' }</td>

</tr>

</c:forEach>

</c:otherwise>

</c:choose>

</tbody>

</table>

<br>

<a class="page-link" href="${ contextPath }/board/list.do?page=${pi.currentPage-1}">Previous</a>

</li>

<c:forEach var="p" begin="${ pi.startPage }" end="${ pi.endPage }">

</c:forEach>

</li>

</ul>

</select>

</div>

</div>

</form>

</div>

</section>

<jsp:include page="/WEB-INF/views/common/footer.jsp"/>

</div>

</body>

</html>

- class는 공백으로 구분하기 때문에 공백이 반드시 있어야 한다.

ㅁ 서버 start

- nav 바의 '일반게시판' 클릭시 게시글 목록페이지(http://localhost:8888/spring/board/list.do)로 이동된다.

그리고 2번, 3번, 1번 페이지를 클릭해봤다.

- 첫번째 페이지면 Previous 버튼이 비활성화되고, 마지막 페이지면 Next 버튼이 비활성화된다.

- 페이징 바 회색 처리는 스타일이 안 먹힌 상태다.

- css가 짜증나는게 요소르 ㄹ잘 선택해도 코드 위치나 선택자 우선순위에 따라서 스타일이 적용 안될 수 있다.

header.jsp에 부트스트랩 css가 있다. 이게 최종적으로 반영되서 파란색으로 보인거다.

스타일 태그에서 페이지 관련한것만 짤라서 header.jsp에서

부트스트랩, css 그 4줄보다 아래족에 붙여넣었따.

- 이렇게 했는데도 안되면 선택자 우선순위 때문이라 !important로 우선순위 최우선으로 하기.

=====================================

ㅁ header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="contextPath" value="${pageContext.request.contextPath}" />

<style>

header{height: 50px}

header a{color:black;}

header .profile-img{width:30px;}

.page-link {

color: #6c757d;

background-color: #fff;

border: 1px solid #ccc;

}

.page-item.active .page-link {

z-index: 1;

color: #555;

font-weight:bold;

background-color: #f1f1f1;

border-color: #ccc;

}

.page-link:focus, .page-link:hover {

color: #000;

background-color: #fafafa;

border-color: #ccc;

}

</style>

if('${alertMsg}' != ''){

alert('${alertMsg}');

if('${historyBackYN}' == 'Y'){

history.back();

}

</script>

</div>

<c:choose>

<c:when test="${ empty loginUser }">

<a href="${contextPath}/member/signup.do">회원가입</a>  | 

</c:when>

<c:otherwise>

<div>

<a href="${contextPath}/member/myinfo.do">${loginUser.userName}님</a>  | 

</div>

</c:otherwise>

</c:choose>

</div>

</header>

</li>

</li>

<a class="nav-link" href="${contextPath}/board/list.do">일반게시판</a>

</li>

<a class="nav-link" href="#">사진게시판</a>

</li>

</ul>

</nav>

<h4 class="modal-title">Login</h4>

</div>

<label for="userPwd" class="mr-sm-2">Password:</label>

</div>

</div>

</form>

</div>

ㅁ list.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="contextPath" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

<style>

#boardList th, #boardList td:not(:nth-child(2)){text-align: center;}

#boardList>tbody>tr:hover{cursor:pointer;}

</style>

</head>

<body>

<jsp:include page="/WEB-INF/views/common/header.jsp"/>

<br>

<br>

<thead>

<tr>

</tr>

</thead>

<tbody>

<c:choose>

<c:when test="${ empty list }">

<tr>

</tr>

</c:when>

<c:otherwise>

<c:forEach var="b" items="${ list }">

<tr>

<td>${ b.boardNo }</td>

<td>${ b.boardTitle }</td>

<td>${ b.boardWriter }</td>

<td>${ b.count }</td>

<td>${ b.registDt }</td>

<td>${ b.attachCount > 0 ? '*' : '' }</td>

</tr>

</c:forEach>

</c:otherwise>

</c:choose>

</tbody>

</table>

<br>

<a class="page-link" href="${ contextPath }/board/list.do?page=${pi.currentPage-1}">Previous</a>

</li>

<c:forEach var="p" begin="${ pi.startPage }" end="${ pi.endPage }">

</c:forEach>

</li>

</ul>

</select>

</div>

</div>

</form>

</div>

</section>

<jsp:include page="/WEB-INF/views/common/footer.jsp"/>

</div>

</body>

</html>

'Spring' 카테고리의 다른 글

[웹프로젝트] 14. 게시글 작성 (1)	2024.10.30
[웹프로젝트] 13. 게시판 검색 (0)	2024.10.30
[웹프로젝트] 11. 회원탈퇴 (0)	2024.10.29
[웹프로젝트] 10. 마이페이지(3) 프로필이미지 변경 요청 (1)	2024.10.29
[웹프로젝트] 9. 마이페이지(2) 수정 요청 (0)	2024.10.29

공부 블로그

[웹프로젝트] 12. 게시판 목록 조회

'Spring' 카테고리의 다른 글

티스토리툴바

[웹프로젝트] 12. 게시판 목록 조회

'Spring' 카테고리의 다른 글

관련글

티스토리툴바