Java

SpringBoot 공부 - 게시판 내 페이지 이동

Baetab 2023. 4. 27. 10:14

새 글 작성 링크 만들기

기존 articles/new 로 접속해야 가능했던 새글작성 기능을

a 태그 이용하여 코드를 추가해줌 (index.mustache)

<a href="/articles/new">새글 작성</a>

 

눌렀을때 글 목록으로 다시 돌아올수 있어야 하기에 new.mustache 에서도 /articles 로 돌아오는 링크를 만들어준다

<a href="/articles">글 목록</a>

 

 

글작성후 상세페이지로 이동하기

글 작성후 submit 을 누르면 DB 에 저장은 되지만 Whitelabel Error Page 가 뜬다

에러페이지 대신 글 작성을 확인하기 위해 리다이렉트를 적용한다

 

ArticleController 에서 create 부분에 리턴값이 공백인것을 retur "redirect:URL 주소" 로 변경

return "redirect:/articles/"+saved.getId();

작성하면 getId 에 빨간색이 뜨는데 마우스를 올리고 메서드를 만들어준다(entity > Article)

public Long getId() {
return id;
}

또는 롬복  @Getter 를 작성해도 된다

 

서버를 시작하고 article/new 에서 작성후 submit 을 눌러보면

 

작성한 글의 id 기반으로 접속이 된다

 

상세페이지 에서 목록페이지 돌아가기

상세페이지는 show.mustache 에 작성되었기에 여기서 링크를 추가 해준다

<a href="/articles">글 목록</a>

 

목록페이지에서 상세페이지로 이동하기

목록페이지에서 id , title , content 중 지정된 링크를 눌러 상세페이지로 이동하는 태그 추가

목록페이지는 index.mustache  이기 때문에 여기서 title 을 누르면 이동되게 링크를 건다

기존코드

<td>{{title}}</td>

변경된코드

<td><a href="/articles/{{id}}>">{{title}}</a></td>

정상적으로 articles/id 에 접속

 

 

'Java' 카테고리의 다른 글

SpringBoot 공부 - CRUD ( Delete )  (0) 2023.04.28
SpringBoot 공부 - CRUD(Update)  (0) 2023.04.27
SpringBoot 공부 - CRUD (Read - 2)  (0) 2023.04.26
SpringBoot 공부 - CRUD (Read - 1)  (0) 2023.04.25
SpringBoot 에서 lombok 사용하기  (0) 2023.04.25