본문 바로가기
study/Mybatis

[Mybatis] 20. Mybatis - 게시판 만들기 (게시글 목록 작성)

by 금이패런츠 2022. 4. 20.
728x90
반응형
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%-- /src/main/webapp/view/board/list.jsp --%>	
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="path" value="${pageContext.request.contextPath}" />   
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>게시글 목록</title>
<script type="text/javascript">
   function listsubmit(page) { 
	   f = document.sf;
	   f.pageNum.value=page;
	   f.submit();
   }
</script>
</head>
<body>	
	<hr>
	<!-- table list start -->
	<div class="container">
		<h2 id="center">
			${boardName} [${pageInt}]-[${boardid}]
		</h2>
	   <form class="form-inline" action="list?boardid=${boardid}" 
			   method="post" name="sf">
		<div class="container justify-content-end text-center">
                <input type="hidden" name="pageNum" value="1">
                <select name="column" id="sel1" class="form-control">
                  <option value="">선택하세요</option>
                  <option value="subject">제목</option>
                  <option value="writer">작성자</option>
                  <option value="content">내용</option>
                </select>    
                <script>document.sf.column.value = "${param.column}";</script>                
				<input class="form-control mr-sm-2" type="text" 
				placeholder="Search" name="find" value="${param.find}">
				<button class="btn btn-success" type="submit">검색</button>
		   </div>
		</form>
<%-- 		
<form action="list?boardid=${boardid}" method="post" name="sf">
<div style="display : flex; justify-content: right;" class="row">
<input type="hidden" name="pageNum" value="1">
<div class="col">
<select name="column" id="sel1">
    <option value="">선택하세요</option>
    <option value="subject">제목</option>
    <option value="writer">작성자</option>
    <option value="content">내용</option>
</select>    
<script>document.sf.column.value = "${param.column}";</script>
</div>
<div class="col">
<input type="text" name="find" value="${param.find}" id="in1">
 <input type="submit" value="검색">
</div>
</div>
</form>

 --%>		
		<p align="right">
		<c:if test="${boardcount > 0 }">글개수:${boardcount}</c:if>
		<c:if test="${boardcount == 0 }">등록된 게시물이 없습니다</c:if>
		</p>
		<table class="table table-hover">
			<thead>
				<tr>
					<th>번호</th>
					<th>제목</th>
					<th>작성자</th>
					<th>등록일</th>
					<th>파일</th>
					<th>조회수</th>
				</tr>
			</thead>
			<tbody>
			<c:forEach   var="b"  items="${list}">
				<tr>
					<td>${boardnum}</td>
					<c:set var="boardnum" value="${boardnum - 1 }"/>
					<td>
					<%-- b.grplevel > 0 : 답변글임.  --%>
					<c:if test="${b.grplevel > 0 }">
					<img src="${path }/image/level.gif"  width="${20*(b.grplevel-1)}">
					<img src="${path }/image/re.gif"  >
					</c:if>					
					<a href="${path }/board/info?num=${b.num}">${b.subject}</a>
					</td>
					<td>${b.writer}</td>
					<fmt:formatDate value="${today}" var="t" pattern="yyyyMMdd"/>
					<fmt:formatDate value="${b.regdate}" var="r" pattern="yyyyMMdd"/>
 					<td>
					<c:if test="${t==r}"><%--오늘 등록한 게시물 --%>
 					   <fmt:formatDate value="${b.regdate}" pattern="HH:mm:ss"/>
					</c:if>
					<c:if test="${t!=r}"><%--이전 등록 게시물 --%>
 					<fmt:formatDate value="${b.regdate}" pattern="yy-MM-dd HH:mm"/>
					</c:if>
 					 </td>
					<td><a href="${path}/upload/${b.file1}">${b.file1}</a></td>
					<td>${b.readcnt}</td>
				</tr>
				</c:forEach>	
			</tbody>
		</table>
		<c:if test="${(param.boardid != 1) || (sessionScope.login == 'admin') }">
		<p align="right">
			<a href="${path }/board/writeForm">게시글입력</a>
		</p>
		</c:if>
		<%-- 페이징 부분 --%>
		<div class="container">
		<ul class="pagination justify-content-center">
			<li	 class='page-item <c:if test="${startPage <= bottomLine}"> disabled </c:if>'>
<%-- 		<a class="page-link" href="${path}/board/list?pageNum=${startPage - bottomLine}">--%>
       <a class="page-link" href="javascript:listsubmit(${startPage - bottomLine})">
			  Previous</a></li>

			<c:forEach  var="i" begin="${startPage}"  end="${endPage}">
				<li class='page-item  <c:if test ="${i == pageInt }" > active   </c:if>'>
<%-- 				<a 	class="page-link" href="${path }/board/list?pageNum=${i}">${i}</a></li> --%>
                <a class="page-link" href="javascript:listsubmit(${i})">${i}</a></li>
            </c:forEach>
			<li  class='page-item <c:if test="${endPage >= maxPage}"> disabled </c:if>'>
<%-- 			<a	class="page-link" href="${path }/board/list?pageNum=${startPage + bottomLine}">Next</a></li>  --%>
                <a	class="page-link" 
                href="javascript:listsubmit(${startPage + bottomLine})">Next</a></li>  
			</ul>
		</div>
	</div>
</body>
</html>
728x90
반응형