2019.09.20
페이지 이동이 아닌 tab을 사용하는데 한 페이지 안에 많은 내용을 담을 것 같아서 탭 메뉴 하나당 페이징 분리 작업
탭을 사용하는 페이지에 th:include 사용하여 경로를 정해주고
|
1
2
3
4
5
6
|
<!-- Tab panes -->
<div class="tab-content">
<th:block th:include="spend/spendTotal"></th:block>
<th:block th:include="spend/spendSalary"></th:block>
<th:block th:include="spend/spendUtility"></th:block>
</div>
|
분리하여 작업하면 끝
|
1
2
3
4
5
6
7
8
9
10
|
<!DOCTYPE html>
<!-- spend/spendSalary.html -->
<div id="home" class="container tab-pane active">
<br>
<h3>급여</h3>
</div>
</html>
|
'교육 > Spring Boot' 카테고리의 다른 글
| #98 Modal에서 Ajax로 DB 연동 (0) | 2019.10.04 |
|---|---|
| #95 thymeleaf 페이지 전환 후 동적 select 값 고정 (0) | 2019.09.30 |
| #85 MyBatis AS 대신 resultMap 활용하기 (0) | 2019.09.16 |
| #75 Spring 인터셉터 로그인체크 (0) | 2019.08.29 |
| #63 Spring Boot thymeleaf 변수를 script에서 사용하기 (0) | 2019.08.09 |