Spring
웹 MVC
320Hwany
2022. 7. 18. 12:58
- 회원 웹 기능 - 홈 화면 추가
@Controller
public class HomeController {
@GetMapping("/")
public String home(){
return "home";
}
}
localhost:8080을 치면 home.html의 파일을 내려준다.
- 회원 웹 기능 - 등록
@GetMapping("/members/new")
public String createForm(){
return "members/createMembersForm";
}
localhost:8080에서 회원가입을 누르면 localhost:8080/members/new로 이동하고 members/createMembersForm.html의 파일을 내려준다.
members/createMembersForm.html의 form 부분
<form action="/members/new" method="post">
<div class="form-group">
<label for="name">이름</label>
<input type="text" id="name" name="name" placeholder="이름을
입력하세요"> </div>
<button type="submit">등록</button> </form>
등록 버튼을 누르면 아래 코드가 실행
@PostMapping("/members/new")
public String create(MemberForm form){
Member member = new Member();
member.setName(form.getName());
System.out.println(member.getName());
memberService.join(member);
return "redirect:/";
}
입력받은 이름을 스프링이 form의 name에 넣어준다.
- 회원 웹 기능 - 조회
@GetMapping("/members")
public String list(Model model){
List<Member> members = memberService.findMembers();
model.addAttribute("members",members);
return "members/memberList";
}
localhost:8080에서 회원 목록을 누르면 localhost:8080/members로 이동하고 members/memberList.html 파일을 내려준다.
<tbody>
<tr th:each="member : ${members}">
<td th:text="${member.id}"></td>
<td th:text="${member.name}"></td>
</tr>
</tbody>
${members} 부분에 findMembers() 메소드로 찾은 멤버의 리스트를 하나씩 넣어준다.
※ Tip ※
command + e : 최근에 봤던 목록