스프링 부트, 입문! 14

윤현우·2022년 11월 26일
0

스프링 부트, 입문!

목록 보기
11/18
post-thumbnail

수정 폼 만들기

데이터 변경을 위한 수정 페이지 만들기

Update

  • 게시글 상세 페이지에 수정 버튼 생성
  • 생성된 버튼 클릭시 DB에서 기존 데이터(Entity)를 가져와 모델화 시켜 뷰로 출력
  • 수정한 글을 다시 저장

수정 링크

게시글 상세 페이지(show.mustache)에 수정 링크를 만든다.

  • {{#article}} 목록 바깥에서 id변수를 사용하므로 article.id로 사용한다.

수정 버튼의 요청 받기

<a>태그 주소의 페이지는 아직 없기 때문에 메서드와 페이지가 필요하다.
먼저 Controller에 메서드를 만든다.

  • 게시글 상세 페이지와 메서드가 비슷하다. (id에 대한 데이터들을 반환하는 것이 같기 때문에)

뷰페이지도 만들어준다. (edit.mustache)

  • input 태그에 value속성으로 데이터를 넣어서 데이터를 출력할 수 있게 해준다.(중요)
  • textarea 태그에는 value 속성이 아닌 태그 안에다 데이터를 출력한다.(중요)

실행해보면

localhost:8080/articles/1/edit 페이지에 기존 데이터가 출력되어 나오는 것을 확인 할 수 있다.


References (참고 자료)
https://www.inflearn.com/course/%EA%B0%9C%EB%85%90%EC%8B%A4%EC%8A%B5-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-%EC%9E%85%EB%AC%B8

profile
개발자가 되는 그날까지

0개의 댓글