기록장

스프링부트 게시판 만들기 (6) - 글 클릭했을 때 해당 content 보여주기 본문

인턴 기록/게시판?블로그?만들기

스프링부트 게시판 만들기 (6) - 글 클릭했을 때 해당 content 보여주기

210_yy 2021. 4. 26. 16:51

1. boarddetail.html 생성

 


<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="layout/default_layout">

<head>
<meta charset="UTF-8">
<title>210's blog</title>


</head>
<body>
	<div layout:fragment="content">
	<div  th:object="${board}">
		<h1 class="mt-4" th:text="*{title}"></h1>
		<hr>
		
		
		
		<p th:text="*{content}" />
		<!-- Comments Form -->
		<div class="card my-4">
			<h5 class="card-header">Leave a Comment:</h5>
			<div class="card-body">
				<form>
					<div class="form-group">
						<textarea class="form-control" rows="3"></textarea>
					</div>
					<button type="submit" class="btn btn-primary">Submit</button>
				</form>
			</div>
		</div>

	</div>
		


	</div>

	

</body>
</html>

기본 layout에서 content부분만 수정해준다

db에서 가져온 데이터 중에서 제목(title)과 내용(content)만 보여줄 것이다.

 

th:object에 설정한 객체로 데이터를 받을 수 있다(controller에서 전달해줄거임)

 

 

2. controller와 view mapping하기

 

controller작성

 

상세 페이지는 detail.html이고 idx를 파라미터로 받아서 idx에 해당하는 content를 불러와서 view에 board 객체로 전달해준다.

 

3. service, dao, xml생성 

 

service단

dao단

 

xml파일 내용추가 

 

idx가 일치하는 row를 가져온다

 

 

 

4. 결과 페이지

 

 

글의 제목을 클릭하면 해당 idx를 parameter로 보내고 그에 맞는 내용을 가져와서 알맞게 출력되는 걸 확인할 수 있다.

반응형

'인턴 기록 > 게시판?블로그?만들기' 카테고리의 다른 글

스프링부트 게시판 만들기 (8) - 조회수 증가 기능 추가  (0) 2021.04.27
스프링부트 게시판 만들기 (7) - 글 작성 로직 생성  (0) 2021.04.27
스프링부트 게시판 만들기 (5) - 글 목록에 링크 추가  (0) 2021.04.26
스프링부트 게시판 만들기 (4) - 이클립스 : 스프링부트 프로젝트 git 연동하기  (0) 2021.04.07
스프링부트 게시판 만들기 (3) - thymeleaf-layout-dialect 이용하여 레이아웃 만들기  (0) 2021.04.07
'인턴 기록/게시판?블로그?만들기' Related Articles more
Comments