JSP 설정
boardList.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="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head></head> 헤드태그까지의 jsp설정이다.
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>첫 번째는 jsp파일의 기본적인 설정이다.
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>두 번째 줄은 JSP 페이지에서 JSTL의 핵심 태그를 사용하기 위한 지시어이다.
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>세 번째 줄은 JSP 페이지에서 JSTL의 함수 라이브러리를 사용하기 위한 지시어이다.
<body>
<div class="container">
<h2>project01</h2>
<div class="panel panel-default">
<div class="panel-heading">Board</div>
<div class="panel-body">
<table class="table table-bordered table-hover">
<tr class="active">
<td>번호</td>
<td>제목</td>
<td>작성자</td>
<td>작성일</td>
<td>조회수</td>
</tr>
<c:forEach items="${list}" var="vo" varStatus="i">
<tr>
<td>${i.count}</td>
<!-- idx 는 고유값임 -->
<td><a href = "boardContent.do/${vo.idx }">${vo.title}</a></td>
<td>${vo.writer}</td>
<td>${fn:split(vo.indate," ")[0] }</td> <!-- 날짜만 출력되도록 짤라내자! -->
<td>${vo.count}</td>
</tr>
</c:forEach>
</table>
<a href="boardForm.do" class ="btn btn-primary btn-sm">글쓰기</a>
</div>
<div class="panel-footer">Board</div>
</div>
</div>
</body>
</html>서버를 실행해보자.
완성!
hello!