[웹프로젝트] 16. 게시글 조회수 증가

 

 

 

ㅁ 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("/increase.do") // 조회수 증가용 (타인의 글일 경우 호출) => /board/detail.do 재요청

  public String increaseCount(int no) {

   

    boardService.updateIncreaseCount(no);

   

    return "redirect:/board/detail.do?no=" + no;

  }

 

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

  }

 

 

}

 

- /board/increase.do라는 요청이오면 조회수가 증가하고 /board/detail.do를 요청한다.

 

 

 

ㅁ 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 boardDao.updateIncreaseCount(boardNo);

  }

 

  @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); // 결국 우리는 하나의 객체로 받는다.

  }

  public int updateIncreaseCount(int boardNo) {

    return sqlSession.update("boardMapper.updateIncreaseCount", boardNo);

  }

   

}

 

 

 

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

<mapper namespace="boardMapper">

  <resultMap id="boardResultMap" type="BoardDto">

    <result column="board_no" property="boardNo" />

    <result column="board_title" property="boardTitle" />

    <result column="board_content" property="boardContent" />

    <result column="user_id" property="boardWriter" />

    <result column="count" property="count" />

    <result column="regist_date" property="registDt" />

    <result column="attach_count" property="attachCount" />

   

    <!-- has many 관계(한 객체에 여러객체(List)를 가지고 있는)일 경우 collection -->

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

    <collection ofType="AttachDto" property="attachList">

      <result column="file_no" property="fileNo" />

      <result column="file_path" property="filePath" />

      <result column="filesystem_name" property="filesystemName" />

      <result column="original_name" property="originalName" />                

    </collection>-->

   

    <!-- case 2) List내의 객체를 매핑시켜주는 resultMap이 따로 존재할 경우 -->

    <collection resultMap="attachResultMap" property="attachList" />

  </resultMap>

 

  <resultMap id="attachResultMap" type="AttachDto">

      <result column="file_no" property="fileNo" />

      <result column="file_path" property="filePath" />

      <result column="filesystem_name" property="filesystemName" />

      <result column="original_name" property="originalName" />    

  </resultMap>

  <!-- 혹시라도 has a 관계(1:1)일 경우 => collection 대신에 association으로 사용. 그리고 type이 다름. -->

  <select id="selectBoardListCount" resultType="_int">

    select

           count(*)

      from board

     where status = 'Y'      

  </select>

  <select id="selectBoardList" resultMap="boardResultMap">

    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 id="selectSearchListCount" resultType="_int">

    select

           count(*)

      from board b

      join member on (user_no = board_writer)

     where b.status = 'Y'  

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

  </select>

 

  <select id="selectSearchList" resultMap="boardResultMap">

    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 id="insertBoard">

    insert

      into board

      (

        board_no

      , board_title

      , board_writer

      , board_content

      )      

      values

      (

        seq_bno.nextval

      , #{boardTitle}

      , #{boardWriter}

      , #{boardContent}

      )

  </insert>

 

  <insert id="insertAttach">

    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 id="selectBoard" resultMap="boardResultMap">

    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>

 

 

  <update id="updateIncreaseCount">

    update

           board

       set count = count + 1

     where board_no = #{boardNo}      

       and status = 'Y'

  </update>

 

 

 

</mapper>

 

 

 

 

 

ㅁ list.jsp

 

 

 

- 빨간 박스 부분을 삼항연산자를 사용해서 수정한다.

if~else문을 써도 된다. if일때의 요소, else일 때의 요소 다르게 해도 된다.

 

 

 

 

<%@ 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>

<meta charset="UTF-8">

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

    <div class="container p-3">

        <!-- Header, Nav start -->

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

        <!-- Header, Nav end -->

   

        <!-- Section start -->

        <section class="row m-3" style="min-height: 500px">

   

          <div class="container border p-5 m-4 rounded">

            <h2 class="m-4">게시글 목록</h2>

            <br>

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

            <!-- 로그인후 상태일 경우만 보여지는 글쓰기 버튼-->

            <a class="btn btn-secondary" style="float:right" href="${contextPath}/board/regist.do">글쓰기</a>

            <br>

          </c:if>

           

            <br>

            <table id="boardList" class="table table-hover" align="center">

                <thead>

                  <tr>

                    <th width="100px">번호</th>

                    <th width="400px">제목</th>

                    <th width="120px">작성자</th>

                    <th>조회수</th>

                    <th>작성일</th>

                    <th>첨부파일</th>

                  </tr>

                </thead>

                <tbody>

               

                  <c:choose>

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

                      <tr>

                        <td colspan="6">조회된 게시글이 없습니다.</td>

                      </tr>

                    </c:when>

                    <c:otherwise>

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

                         <tr onclick='location.href = "${contextPath}/board/${ loginUser.userId eq b.boardWriter ? "detail.do" : "increase.do" }?no=${ b.boardNo }";'>

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

            <ul id="paging_area" class="pagination d-flex justify-content-center">

               

                <li class="page-item ${ pi.currentPage == 1 ? 'disabled' : '' }">

                  <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 class="page-item ${ pi.currentPage == p ? 'active' : '' }">

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

                  </li>

                </c:forEach>

               

                <li class="page-item ${ pi.currentPage == pi.maxPage ? 'disabled' : '' }">

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

                </li>

           

            </ul>

           

            <br clear="both"><br>

           

            <form id="search_form" action="${contextPath }/board/search.do" method="get" class="d-flex justify-content-center">

                <input type="hidden" name="page" value="1">

                <div class="select" >

                    <select class="custom-select" name="condition">

                        <option value="user_id">작성자</option>

                        <option value="board_title">제목</option>

                        <option value="board_content">내용</option>

                    </select>

                </div>

                <div class="text">

                    <input type="text" class="form-control" name="keyword" value="${search.keyword}"> <!-- 검색후 search(map객체)에서 가져옴. el구문 특성상 search가 없어도 오류 안나고 빈값으로 보임. -->

                </div>

                <button type="submit" class="search_btn btn btn-secondary">검색</button>

            </form>

           

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

              <script>

                $(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>

        <!-- Section end -->

   

        <!-- Footer start -->

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

        <!-- Footer end -->

   

    </div>

   

</body>

</html>

 

 

 

 

 

 

 

 

 

ㅁ

 

 

- 로그인되어 있지 않다면 다 increase.do로 요청된다.

 

 

- 브라우저의 뒤로가기는 history.back이라서 이전에 보던걸 그대로보여줌. 다른사람 글 눌러보고 뒤로가기하면 조회수가 늘어난걸 볼 수 없다.

다시 일반게시판을 요청하면 조회수가 늘어난걸 볼 수 있다.

 

 

 

 

- 눌러보면 내건 안오르고 남의건 오른다.