점프 투 스프링부트를 참고하여 학습,작성하였습니다.
1.네비게이션바
부트스트랩을 이용하여 만들자
navbar.Html
<nav th:fragment="navbarFragment" class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
<div class="container-fluid">
<a class="navbar-brand" href="/">spring</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="#">로그인</a>
</li>
</ul>
</div>
</div>
</nav>
base.html에 navbar을 추가한다.
navbar :: navbarFragment는 navbar.html 템플릿에서 navbarFragment라는 이름의 Fragment를 참조
<!doctype html>
<html lang="ko">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap.min.css}">
<!-- Bootstrap JS -->
<script th:src="@{/bootstrap.min.js}"></script>
<title>Spring boot Project!!</title>
</head>
<body>
<!-- 네비게이션바 -->
<nav th:replace="~{navbar :: navbarFragment}"></nav>
<!-- 기본 템플릿 안에 삽입될 내용 Start -->
<th:block layout:fragment="content"></th:block>
<!-- 기본 템플릿 안에 삽입될 내용 End -->
</body>
</html>
2.꾸미기
테이블도 부트스트랩으로 꾸민다.
<html layout:decorate="~{base}">
<div layout:fragment="content">
<table class="table">
<thead class="table-dark">
<tr>
<th>번호</th>
<th>제목</th>
<th>작성일시</th>
</tr>
</thead>
<tbody>
<tr th:each="question ,loop: ${questionList}">
<td th:text="${loop.count}"></td>
<td>
<a th:href="@{|/question/detail/${question.id}|}" th:text="${question.subject}"></a>
</td>
<td th:text="${#temporals.format(question.createDate, 'yyyy-MM-dd HH:mm')}"></td>
</tr>
</tbody>
</table>
<a th:href="@{/question/create}" class="btn btn-primary">질문 등록하기</a>
</div>
3.데이터 대량생성 테스트
반복문을 통해 데이터 대량생성을 한다.
@Autowired
private QuestionService questionService;
//대량생성
@Test
void testJpa() {
for (int i = 1; i <= 300; i++) {
String subject = String.format("테스트 데이터입니다:[%03d]", i);
String content = "내용무";
this.questionService.create(subject, content);
}
}
'BackEnd > SpringBoot' 카테고리의 다른 글
| [Spring Boot]페이징, 답변개수 (0) | 2024.07.04 |
|---|---|
| [Spring Boot] Validation 라이브러리 폼 (0) | 2024.07.04 |
| [Spring Boot] 질문등록 (0) | 2024.07.04 |
