[Spring Boot] Day6 - 링크와 리다이렉트

링크와 리다이렉트

링크 (Link)

• HTML의 <a> / <form> 태그로 작성, href 속성을 추가해서 이용 가능
• 미리 정해 놓은 요청을 간편히 전송하여 페이지 이동을 가능하게 함

리다이렉트 (Redirect)

• 클라이언트에게 다음 요청 주소를 재지시하는 것.

---

페이지 간 연결하기

1. 목록 페이지 -> 입력 페이지

목록 페이지의 뷰 파일인 "/articles"에서 </table>태그 끝나는 뒷 부분에 코드 추가

		<a href="/articles/new">New Article</a> 

2. 입력 페이지 -> 목록 페이지

입력 페이지의 뷰 파일인 "/articles/new"의 submit button 코드 뒤에 추가

		<a href="/articles">Back</a>

3. 입력 페이지 -> 상세 페이지

입력 페이지에서 content를 입력하고 submit 버튼을 클릭하고 나면, 해당 데이터의 상세 페이지가 나오도록 하기.
입력 페이지에서 데이터를 전송하면 컨트롤러의 creatArticle() 메서드에서 폼 데이터를 받음
해당 메서드의 리턴 값에 정의한다.

@PostMapping("/articles/create")
public String createArticle(ArticleForm form) {
	Article article = form.toEntity();
    Article saved = articleRepository.save(article); 
    return "redirect:/articles/" + saved.getId();

article을 saved객체에 저장했으니, saved 객체를 이용하여 getId() 메서드를 호출한다.
Article 엔티티 파일에 들어가서 @Getter 어노테이션을 추가줘야 getId() 메서드 사용 가능.

4. 상세 페이지 -> 목록 페이지

상세 페이지 "/articles/{{id}}"를 받은 메서드는 show() 메서드이고, show.mustache 파일을 반환하니까 show.mustache 파일에 코드 추가

		<a href="/articles">Go to Article List</a>

5. 목록 페이지 -> 상세 페이지

목록 페이지의 각 제목을 누르면 상세 페이지로 이동하도록 만들기
index.mustache 파일에서 {{title}} 부분을 <a>로 감싼다.