페이지에 나와있는 이전으로 다음으로 버튼을 만들어보았던 것 같다.
nav 에 ul을 주고 <c:forEach>태그로 begin 과 end를 정해준다. 이는 나중에 startNum 변수로 제어해 줘야할 듯 하다.
데이터베이스의 레코드 수와 맞물리게 그래야 할 듯 싶다.
그러다보면 <c:if>태그도 필요하겠지..?
일단, li태그의 자식태그로 a태그를 줘서 해당 url이나 쿼리스트링을 주는 듯하다. 요청은 같은 페이지로 갈테고 페이지 요청은 GET요청으로 해도 될듯 하니...
일단 분석해본 나의 개인적 생각은 그렇다.
<body>
<div class="container">
<div class="row">
<div class="col">
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
<c:forEach var="i" begin="15" end="20">
<li class="page-item"><a class="page-link" href="#">${i }</a></li>
</c:forEach>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
<%--
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
--%>
</ul>
</nav>
</div>
</div>
</div>
</body>'EL' 카테고리의 다른 글
| 13.function 사용 예제 (0) | 2020.07.15 |
|---|---|
| 12.functions (0) | 2020.07.15 |
| 10.forEach - c:set으로 변수를 선언하고 사용하기. (0) | 2020.07.15 |
| 9.forEach-varStatus 속성의 사용 (0) | 2020.07.15 |
| 8.forEach태그의 Map 컬렉션 추출 (0) | 2020.07.15 |