본문 바로가기
스마트인재개발원/Spring

[Spring]게시판 만들기(8) - list를 활용한 foreach문 사용 / jstl 날짜형식변경

by 죠졍니 2022. 10. 21.
728x90
반응형
SMALL

 

☆ List를 활용한 예제 ☆

<%@page import="java.util.Date"%>
<%@page import="java.util.ArrayList"%>
<%@page import="kr.smhrd.entity.Board"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- java에서 사용하는 for문 -->
<% 
	
	List<Board> list= new ArrayList<Board>();
	Board vo = new Board();
	vo.setIdx(1L);
	vo.setTitle("스프링 게시판");
	vo.setWriter("홍길동");
	vo.setIndate(new Date());
	vo.setCount(0L);
	list.add(vo);
	list.add(vo);
	list.add(vo);
	//객체바인딩
	request.setAttribute("list", list);
	
%>
<c:forEach var="vo" items="${list}">
	${vo.idx},${vo.title},${vo.writer},${vo.indate},${vo.count}<br>
</c:forEach>

</body>
</html>

 

 

 

 

 

 

 

1. list를 활용하여 list.jsp를 foreach문으로 바꾸기

 

1. import 선언 2개와 list선언문을 지운다.

 

삭제

 

 

 

제일 상단에 다음 코드 추가

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

 

 

 

 

다음과 같이 변경

<tbody>
    		<c:forEach var="vo" items="${list}">
				<tr>
    				<td>${vo.idx}</td>
    				<td>${vo.title}</td>
    				<td>${vo.writer}</td>
    				<td>${vo.indate}</td>
    				<td>${vo.count}</td>   				
    			</tr> 			
    				</c:forEach>			
    		</tbody>

 

 

 

2. JSTL 날짜형식변경하기

 

상단에 다음 코드 필수 추가

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

 

value값은 본인이 해당하는 코드 삽입

<fmt:formatDate value="${vo.indate}" pattern="yyyy/MM/dd"/>

 

 

 

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" %>
<%@ taglib prefix="fmt"  uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>

	<script>
	$(document).ready(function(){
		
		$("button").click(function(){
		location.href="register.do";
		});
	});
	
	</script>
</head>
<body>
 
<div class="container">
  <h2>Spring MVC01</h2>
  <div class="card">
    <div class="card-header">BOARD</div>
    <div class="card-body">
    	<table class = "table table-bordered table-hover">
    		<thead>
    			<th>번호</th>
    			<th>제목</th>
    			<th>작성자</th>
    			<th>작성일</th>
    			<th>조회수</th>
    		</thead>
    		<tbody>
    		<c:forEach var="vo" items="${list}">
				<tr>
    				<td>${vo.idx}</td>
    				<td>${vo.title}</td>
    				<td>${vo.writer}</td>
    				<td><fmt:formatDate value="${vo.indate}" pattern="yyyy/MM/dd"/> </td>
    				<td>${vo.count}</td>   				
    			</tr> 			
    				</c:forEach>			
    		</tbody>
    	</table>
    	<button class="btn btn-sm btn-primary">글쓰기</button>
    </div> 
    <div class="card-footer">AI.BigData 취업역량강화_조정은</div>
  </div>
</div>

</body>
</html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

728x90
반응형
LIST
저작자표시

'스마트인재개발원 > Spring' 카테고리의 다른 글

[Spring]게시판 만들기(10) - 제목 선택 시 상세보기 페이지 만들기  (0) 2022.10.21
[Spring]게시판 만들기(9) - 목록 보기  (0) 2022.10.21
[Spring] 스프링 JSTL/EL 사용법  (0) 2022.10.20
[Spring]게시판 만들기(7) - 게시판 글쓰기 / 등록 / 한글 인코딩 방법  (0) 2022.10.20
[Spring] DB연결 최종 코드들  (0) 2022.10.20

관련글

티스토리툴바