6일차 - 게시판 내 페이지 이동(Link & Redirect)

오늘 내용은 페이지 이동이다. 이 전까지는 각자의 페이지에서만 작업하고 사용이 가능하였기 때문에 불편한 점이 많았다. 오늘은 이 페이지들을 각각 연결해 보기로 하자!

 

1. 우선 저번에 만든 MembersController 에서 새로운 계정을 만들 때, 기존에는 페이지 연결이 없어 오류 창이 났지만 이제는 추가한 해당 정보를 보여줄 수 있도록 redirect 주소를 적어주었다.

Page Redirect

 

2. 여기서 보면 getId 라는 것이 있는데, 이것은 해당 데이터에 접근하기 위한 접근자이다. 이클립스 쓸 때는 전부 getter, setter 해가지고 썼었는데 lombok 을 이용하면 annotation 으로 @Getter 라고 선언하면 된다. 와 진짜 너무 편한...

lombok @Getter

3. 모든 list 를 보여주는 members page 에는 다음과 같이 신규 데이터를 등록할 수 있는 link tag 를 하나 적어주었다.

그리고 table 각  email 을 누르면 해당 상세 페이지로 이동할 수 있도록 다음과 같이 email 부분에도 link를 걸어주었다.

members main table 에 link 추가

4. 그리고 상세 정보 부분에도 간단하게 신규 가입, 메인으로 돌아가기 링크를 걸었다.

show.mustache link

5. 그리고 members 를 호출해 데이터를 넣으면 다음과 같이 볼 수 있다.

members table

6. 여기서 각 email 주소를 누르면 다음과 같이 해당 상세 정보 페이지로 이동하게 된다. 또한 아까 위에서 추가한 신규 가입 및 메인 화면으로 돌아가기 링크도 추가된 것을 확인할 수 있다.

 

7. 그리고 sign up 화면에서 신규 가입을 하면 아까 추가한 redirect 코드가 동작해 바로 상세 페이지로 이동하는 모습 또한 확인할 수 있었다. 

sign up page 에서 데이터 추가

submit 을 누르면 해당 데이터의 상세 페이지로 redirect 해줌.

 

8. 오늘은 단순히 연결하는 부분이라 그렇게 어렵지 않았다. 내일도 화이팅!