1. 로그인 구현 #2
Description
로그인 구현
- 회원가입 된 회원 정보로 로그인 구현
1. 회원가입 필드 추가
- 이메일 / 패스워드 추가
2. 홈 화면
- Path:
/ - 로그인 버튼 추가
- 클릭 ->
/memebers/login으로 이동
- 클릭 ->
3. 로그인 페이지
- Path:
/memebers/login - 로그인
- 성공 -> 블로그 리스트 페이지(
/blogs?creatorId=1) - 실패 -> 홈(
/)
- 성공 -> 블로그 리스트 페이지(
loginForm.html
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="container">
<form action="/members/login" method="post">
<div class="form-group">
<label for="email">이메일</label>
<input type="text" id="email" name="email" placeholder="이메일을 입력하세요">
</div>
<div class="form-group">
<label for="password">비밀번호</label>
<input type="text" id="password" name="password" placeholder="비밀번호를 입력하세요">
</div>
<button type="submit">로그인</button>
</form>
</div> <!-- /container -->
</body>
</html>
4. 블로그 페이지
- Path:
/blogs - Title:
${name}의 블로그
blogList.html
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="container">
<div>
<h1><span th:text="${name}"/>의 블로그</h1>
</div>
</div> <!-- /container -->
</body>
</html>
기타 요구 사항
- Unit Test 추가하기!