[Spring] 글 목록 ver.

이제 게시판 리스트를 작성해보자

게시판 리스트

서비스 동작을 처리해보자

 

 

BoardService

 

 

BoardServiceImpl

	@Override
	public List<BoardVO> boardListAll() throws Exception {
		logger.debug(" S : boardListAll()");
		return bdao.getBoardListAll();
	}

 

 

Mapper

  	<!-- 모든 글 조회(ALL) -->
  	<select id="listALL" resultType="BoardVO">
  		select * from tbl_board  	
  	</select>

mybatis-config 파일에서 아래와 같이 설정해줬기 때문에 mapper에서 resultType을 BoardVO만 적어도 괜춘

 

 

BoardDAO

public List<BoardVO> getBoardListAll() throws Exception;

 

 

BoardDAOImpl

	@Override
	public List<BoardVO> getBoardListAll() throws Exception {
		logger.debug(" DAO : getBoardListAll() ");
		return sqlSession.selectList(NAMESPACE + ".listALL");
	}

리턴결과가 serviceImpl에도 전달이 되야함

 

 

BoardServiceImpl

	@Override
	public List<BoardVO> getBoardListAll() throws Exception {
		logger.debug(" DAO : getBoardListAll() ");
		return sqlSession.selectList(NAMESPACE + ".listALL");
	}

 

 

BoardController

실행해보면 아래와 같이 콘솔에서 확인 가능

 

 

listAll페이지를 만들어주자

 

 

listAll.jsp

 

이렇게 만들어준뒤 controller에서 연결된 데이터를 연결된 뷰페이지로 전달(Model)

	// http://localhost:8088/board/listAll
	// 게시판 리스트 - GET
	@RequestMapping(value = "/listAll",method = RequestMethod.GET)
	public String listALLGET(Model model,
			                 @ModelAttribute("result") String result,
			                 HttpSession session
			                 ) throws Exception{
		logger.debug(" /board/listAll -> listALLGET() ");
		
		session.setAttribute("viewcntCheck", true);		
		
		// 서비스 - 디비에 저장된 글을 가져오기
		List<BoardVO> boardList = bService.boardListAll();
		logger.debug(" @@@ "+boardList);
		
		// 데이터를 연결된 뷰페이지로 전달(Model)
		model.addAttribute("boardList", boardList);
		
		
		//model.addAttribute("boardList", bService.boardListAll());
		
		return "/board/listAll";
	}

주석 처리 부분처럼 바로 사용 가능(바로전달, 토스의 개념)

 

 

 

아래 사이트에서

https://adminlte.io/themes/AdminLTE/pages/tables/simple.html

이 표를 사용할 것이다.

나중에 플젝할때 진행률, 공정률에 쓰기 좋음

 

listAll.jsp

에 붙여주고 수정해보자

• 날짜만 나오기(시간 없애기)

${vo.regdate } - 시간도

<fmt:formatDate value="${vo.regdate }"/> - 날짜만

<fmt:formatDate value="${vo.regdate }" dateStyle="short" pattern="yy-MM-dd" />

이렇게 스타일 추가도 가능

변환 가능한 날짜 전용 형식 참고

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ include file="../include/header.jsp"%>

<h1>/board/listAll.jsp</h1>

${boardList }

<div class="box">
	<div class="box-header with-border">
		<h3 class="box-title">ITWILL 게시판</h3>
	</div>

	<div class="box-body">
		<table class="table table-bordered">
			<tbody>
				<tr>
					<th style="width: 10px">BNO</th>
					<th>TITLE</th>
					<th>WRITER</th>
					<th>REGDATE</th>
					<th style="width: 40px">VIEWCNT</th>
				</tr>

				<c:forEach var="vo" items="${boardList }">
				<tr>
					<td>${vo.bno }</td>
					<td>${vo.title }</td>
					<td>${vo.writer }</td>
					<td>
					<fmt:formatDate value="${vo.regdate }" dateStyle="short" pattern="yy-MM-dd" /> 
					</td>
					<td><span class="badge bg-orange">${vo.viewcnt }</span></td>
				</tr>
				</c:forEach>
			</tbody>
		</table>
	</div>

	<div class="box-footer clearfix">
		<ul class="pagination pagination-sm no-margin pull-right">
			<li><a href="#">«</a></li>
			<li><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li><a href="#">»</a></li>
		</ul>
	</div>
</div>

<%@ include file="../include/footer.jsp"%>

 

 

header

로 바꿔줌

 

 

Controller

• addFlashAttribute - 정보 이동할 때 딱 한번만 사용 가능함
  • 세션에 저장되고 오직 다음 요청에서만 접근 가능하다.
  • 임시로 저장하는 방식이다.
  • 세션에 저장되어 사용된 뒤에 자동으로 삭제된다.
  • 검증 결과, 성공 실패 여부 메세지와 같이 임시로 사용되는 데이터를 다루는데 적합하다.
  • 또 주소 창에 표기되지 않으므로addAttribute() 보다 폐쇄적이다. 

list-get에서도 받아줘야함

listAll.jsp

글쓰기를 하면 아래와 같이 CREATEOK가 생기는데, 새로고침 하면 사라짐!

→ addFlashAttribute는 한번만 저장되는 데이터이기 때문이다.

• js에서 el표현식 사용이 가능할까?

  

  

  

  

  

  어 된다
• *참고로 무조건 글쓰기를 하고 넘어가야함~ (http://localhost:8088/board/regist)
• alert말고 result변수에 el표현식을 사용해보자.

 

만약, 이 리스트 페이지에서 새로고침하면 CREATEOK가 사라짐

이게 가능한 이유는,,

jsp는 다양한 코드를 합쳐서 사용하기 때문이다.

우선순위가 java>jstl,el>html>js임

지시어를 header로 옮기장

 

지시어

 

→ header파일은 include를 사용하기 때문에 헤더에 지시어를 넣으면 이제 지시어를 따로 추가 안해도 어디서든 사용 가능함

→ 가끔 버그로 c태그 같은거 오류날때 무시하고 그냥 쓰면 작동됨

 

---

리스트 페이지에 링크걸기

bno를 가져오자 → get방식으로

<td><a href="/board/read**?bno=${vo.bno}** }">${vo.title }</a></td>