웹 MVC

• 회원 웹 기능 - 홈 화면 추가

@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 : 최근에 봤던 목록