[웹프로젝트] 15. 게시글 상세 페이지

ㅁ 쿼리 미리 실행해보기

- 항상 pk는 조회하는 습관을 들여야 한다. 당장 필요없어도 조회.

- 산술식 함수는 별칭부여.

- 게시글에 대한 데이터는 중복 조회된다.

첨부파일에 대한 데이터는 매행 각기 다른 정보가 조회된다.

- 그냥 join 말고 left join을 해야 첨부파일 데이터가 없는 데이터도 조회된다.

첨부파일이 없는 데이터도 조회되어야 한다.

ㅁ 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" >

<!-- case 1) List 내의 객체를 매핑시켜주는 resultMap이 따로 존재하지 않을 경우

</collection>-->

</resultMap>

</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>

select

count(*)

from board b

join member on (user_no = board_writer)

where b.status = 'Y'

and ${condition} like '%' || #{keyword} || '%'

</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'

and ${condition} like '%' || #{keyword} || '%'

order by board_no desc

</select>

insert

into board

(

board_no

, board_title

, board_writer

, board_content

)

values

(

seq_bno.nextval

, #{boardTitle}

, #{boardWriter}

, #{boardContent}

)

</insert>

insert

into attachment

(

file_no

, file_path

, filesystem_name

, original_name

, ref_type

, ref_no

)

values

(

seq_ano.nextval

, #{filePath}

, #{filesystemName}

, #{originalName}

, #{refType}

, seq_bno.currval

)

</insert>

select

board_no

, board_title

, board_content

, user_id

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

, file_no

, file_path

, filesystem_name

, original_name

from board b

join member on (user_no = board_writer)

left join attachment on (ref_type = 'B' and ref_no = board_no)

where b.status = 'Y'

and board_no = #{boardNo}

</select>

</mapper>

- 마이바티스 신기술

- #boardResultMap인 resultMap에 board_content를 추가했다.

- 마이바티스가 제공하는 collection 태그가 있다.

has many 관계일 경우 collection 태그를 사용할 수 있다.

- has many 관계는 한 객체에 여러 객체를 가지고 있는 경우를 말한다.

BoardDto 객체 안에 여러개의 AttachDto 객체가 있다. List로.

- collection은 두가지 방법이 있다. 편한거 쓰면 된다.

ㅁ board에 detail.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>

#reply_area tbody>tr>th:nth-child(1){width:120px} /* 댓글쪽 스타일 */

</style>

</head>

<body>

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

<br>

<tr>

<td colspan="3">${ b.boardTitle }</td>

</tr>

<tr>

<td width="400">${ b.boardWriter }</td>

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

</tr>

<tr>

<c:forEach var="at" items="${ b.attachList }">

<a href="${ contextPath }${ at.filePath }/${ at.filesystemName }" download="${ at.originalName }">${ at.originalName }</a><br>

</c:forEach>

</td>

</tr>

<tr>

</tr>

<tr>

<p style="height:150px">${ b.boardContent }</p>

</td>

</tr>

</table>

<br>

</div>

<thead>

<tr>

</th>

</tr>

<tr>

</tr>

</thead>

<tbody>

<tr>

<td>댓글입니다.너무웃기다앙</td>

</tr>

<tr>

<td>많이봐주세용</td>

</tr>

<tr>

<th>admin</th>

<td>댓글입니다ㅋㅋㅋ</td>

</tr>

</tbody>

</table>

</div>

</section>

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

</div>

</body>

</html>

- 화면상세페이지에서 body~body, 스타일 댓글 하나 추가.

- EL 구문에서는 문자열간의 덧셈 플러스하면안됨. 숫자로 자동형변환해버림.

ㅁ 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>

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

<br>

</c:if>

<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 }">

<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 }">

</li>

</c:forEach>

</li>

</ul>

</select>

</div>

</div>

</form>

<c:if test="${ not empty search }">

$(document).ready(function(){

$("#search_form select").val('${search.condition}');

// 검색 후의 페이징바 클릭시 search_form을 강제로 submit(단, 페이지 번호는 현재 클릭한 페이지 번호로 바꿔서)

$("#paging_area a").on("click", function(){

let page = $(this).text(); // Previous | Next | 페이지번호

if(page == 'Previous'){

page = ${pi.currentPage - 1};

}else if(page == 'Next'){

page = ${pi.currentPage + 1};

}

$("#search_form input[name=page]").val(page);

$("#search_form").submit();

return false; // 기본이벤트(href='/board/list.do' url 요청)가 동작 안되도록 막는다. 이벤트가지고 pervent 어쩌구를 호출해서 막을 수도 있지만 이벤트 핸들러로

})

</script>

</c:if>

</div>

</section>

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

</div>

</body>

</html>

- <tbody>의 <tr>에 클릭 이벤트를 부여했다.

onclick 속성에 바로 썼다.

ㅁ BoardController

package com.br.spring.controller;

import java.util.ArrayList;

import java.util.List;

import java.util.Map;

import javax.servlet.http.HttpSession;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

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

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

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

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

import org.springframework.web.multipart.MultipartFile;

import org.springframework.web.servlet.mvc.support.RedirectAttributes;

import com.br.spring.dto.AttachDto;

import com.br.spring.dto.BoardDto;

import com.br.spring.dto.MemberDto;

import com.br.spring.dto.PageInfoDto;

import com.br.spring.service.BoardService;

import com.br.spring.util.FileUtil;

import com.br.spring.util.PagingUtil;

import lombok.RequiredArgsConstructor;

import lombok.extern.slf4j.Slf4j;

@Slf4j

@RequestMapping("/board")

@RequiredArgsConstructor

@Controller

public class BoardController {

private final BoardService boardService;

private final PagingUtil pagingUtil;

private final FileUtil fileUtil;

// 메뉴 바에 있는 메뉴 클릭시 /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"; 생략해도 됨.

}

@GetMapping("/search.do")

public String search(@RequestParam(value="page") int currentPage

, @RequestParam Map<String, String> search

, Model model) {

// 요청시 전달값을 매개변수를 둬서 받기

// 지금은 무조건 page라는 key값으로 1번이 올거라 defaultValue를 안썼다. 써도 된다.

// 요청하는 페이지 번호는 currentPage에 담긴다.

// 지금 condition과 keyword 값을 받아줄 dto 커맨드 객체가 없다. String 형 변수 2개를 둬서 받아도 된다. 근데 어차피 넘길때는 Map에 담아서 넘기도록 서비스 impl를 설계했었다.

// ajax때 했던 @RequestBody로 Map으로 바로 받을 수 있었다.

// 아니면 @RequestParam Map<String, String> search로 해도 된다. 이렇게 해본다. 알아서 key과 value값이 담긴다.

// Map<String, String> search => {condition=user_id|board_Title|board_content, keyword=란}

int listCount = boardService.selectSearchListCount(search);

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

List<BoardDto> list = boardService.selectSearchList(search, pi);

model.addAttribute("pi", pi);

model.addAttribute("list", list);

model.addAttribute("search", search); // list.jsp가 로드되는 경우가 2가지 경우다. /search.do라는 요청으로 로드될 때는 search라는 key값으로 Map이 담겨있다.

return "board/list"; // 이미 만든 list.jsp로 포워딩

}

@GetMapping("/regist.do")

public void registPage() {} // 메소드명은 별 의미 없다. 마음대로 작성.

@PostMapping("/insert.do")

public String regist(BoardDto board // 글제목, 글내용은 담겨있다.

, List<MultipartFile> uploadFiles // 첨부파일 개수만큼 MultipartFile 객체가 담긴다.

, HttpSession session // 로그인한 회원정보(회원번호)는 session에서 뽑아야 한다.

, RedirectAttributes rdAttributes) {

// board테이블에 insert할 데이터

board.setBoardWriter( String.valueOf( ((MemberDto)session.getAttribute("loginUser")).getUserNo() ) );

// 첨부파일 업로드 후에 attachment테이블에 insert할 데이터

List<AttachDto> attachList = new ArrayList<>();

for(MultipartFile file : uploadFiles) {

if(file != null && !file.isEmpty()) {

Map<String, String> map = fileUtil.fileupload(file, "board");

attachList.add(AttachDto.builder()

.filePath(map.get("filePath"))

.originalName(map.get("originalName"))

.filesystemName(map.get("filesystemName"))

.refType("B")

.build() );

}

board.setAttachList(attachList); // 제목, 내용, 작성자회원번호, 첨부파일들정보

int result = boardService.insertBoard(board);

if( attachList.isEmpty() && result == 1 || !attachList.isEmpty() && result == attachList.size() ) { // && (AND) 연산자가 || (OR) 연산자보다 우선순위가 높습니다.

rdAttributes.addFlashAttribute("alertMsg", "게시글 등록 성공");

}else {

rdAttributes.addFlashAttribute("alertMsg", "게시글 등록 실패");

}

return "redirect:/board/list.do";

}

@GetMapping("/detail.do")

public void detail(int no, Model model) {

// 상세페이지에 필요한 데이터

// 게시글(제목, 작성자, 작성일, 내용) 데이터, 첨부파일 데이터(원본명, 저장경로, 실제파일명)들

// 게시글을 조회하는 쿼리 따로, 첨부파일 조회하는 쿼리 따로 담아서 상세페이지로 이동을 해도 된다.

// 모든 데이터를 하나의 쿼리로 조회해서 하나의 BoardDto 객체에 담아서 상세페이지로 이동할 예정이다.

BoardDto b = boardService.selectBoard(no);

// boardNo, boardTitle, boardContent, boardWriter, registDt, attachList

model.addAttribute("b", b);

log.debug("BoardDto:{}", b);

}

ㅁ 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.AttachDto;

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 boardDao.selectSearchListCount(search);

}

@Override

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

return boardDao.selectSearchList(search, pi);

}

@Override

public int insertBoard(BoardDto b) { // 컨트롤러에서 BoardDto에 작성자, 제목, 내용, 첨부파일 list도 담아서 넘겼다.

int result = boardDao.insertBoard(b);

List<AttachDto> list = b.getAttachList();

if(result > 0 && !list.isEmpty()) {

result = 0;

for(AttachDto attach : list) {

result += boardDao.insertAttach(attach);

}

return result;

}

@Override

public int updateIncreaseCount(int boardNo) {

return 0;

}

@Override

public BoardDto selectBoard(int boardNo) {

return boardDao.selectBoard(boardNo);

}

@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 java.util.Map;

import org.apache.ibatis.session.RowBounds;

import org.mybatis.spring.SqlSessionTemplate;

import org.springframework.stereotype.Repository;

import com.br.spring.dto.AttachDto;

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

}

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

return sqlSession.selectOne("boardMapper.selectSearchListCount", search);

}

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

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

return sqlSession.selectList("boardMapper.selectSearchList", search, rowBounds); // 쿼리를 완성시키기 위해 2번째 인자값으로 map객체를 넘김.

}

public int insertBoard(BoardDto b) {

return sqlSession.insert("boardMapper.insertBoard", b);

}

public int insertAttach(AttachDto attach) {

return sqlSession.insert("boardMapper.insertAttach", attach);

}

public BoardDto selectBoard(int boardNo) {

return sqlSession.selectOne("boardMapper.selectBoard", boardNo); // 결국 우리는 하나의 객체로 받는다.

}

ㅁ 서버 start

'Spring' 카테고리의 다른 글

[웹프로젝트] 17. 게시글 댓글 조회 (상세페이지) (0)	2024.10.31
[웹프로젝트] 16. 게시글 조회수 증가 (0)	2024.10.31
[웹프로젝트] 14. 게시글 작성 (1)	2024.10.30
[웹프로젝트] 13. 게시판 검색 (0)	2024.10.30
[웹프로젝트] 12. 게시판 목록 조회 (0)	2024.10.29

공부 블로그

[웹프로젝트] 15. 게시글 상세 페이지

'Spring' 카테고리의 다른 글

티스토리툴바

[웹프로젝트] 15. 게시글 상세 페이지

'Spring' 카테고리의 다른 글

관련글

티스토리툴바