𝜅 Spring Boot 예제2 (회원관리)

@Autowired·2022년 1월 8일

Spring Boot

목록 보기

3/11

Spring Boot에서 회원 목록 조회 해보기!

사용 IDE : IntelliJ IDEA Ultimate

사용 DB : MySQL

사용 언어 & SDK : Java & Amazon correto 11

thymeleaf 사용을 가급적 줄인 예제입니다.

정리본입니다 참고용으로만 봐주세요!

회원목록 정리본입니다, 상세조회 & 삭제는 다음시간에 :D

이전 글
θ Spring Boot 예제1 (회원관리)

회원목록 구조

순서
1. html에서 Controller로 요청
2. Controller에서 Service로 요청
3. Service에서 Repository(JPA)로 요청
4. Repository에서 Entity타입으로 전달
5. Service에서 Entity타입을 DTO타입으로 변환 후 Controller로 전달
6. Controller에서 model에 담은 뒤 사용자가 지정한 작업 수행

index.html

어제 만들어 놓은 index.html에 회원목록으로 가는 링크를 만듭시다.
REST API 형식으로 만들것이기 때문에 /member 로 주소를 설정해줍니다.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<h2>index.html</h2>
	<a href="/member/save">회원가입</a>
	<a href="/member/login">로그인</a>
	<!-- 회원목록으로 가는 링크 추가 -->
	<a href="/member/">회원목록</a>
</body>
</html>

Detail용 DTO 생성

회원 목록조회 및 상세조회용 DTO를 하나 만들어야합니다.
둘다 조회라는 비슷한 개념이기 때문에 같은 DTO를 사용할 수 있습니다.

@Data
@NoArgsConstructor // 기본 생성자
@AllArgsConstructor // 모든 필드를 매개변수로 하는 생성자
// 생성자는 쓰이는 일이 없더라도 만들어놓아도 문제 없음.
public class MemberDetailDTO {

	private Long memberId;
	private String memberEmail;
	private String memberPassword;
	private String memberName;

}

Controller

위에서 말한것처럼 주소가 없기때문에 @GetMapping 뒤에 주소를 생략.
나머지는 스프링 프레임워크에서처럼 리스트로 받아야 하기 때문에 리스트 선언 및 Service 호출

// 회원목록 조회
@GetMapping
public String findAll(Model model) {
	List<MemberDetailDTO> memberList = ms.findAll();
	model.addAttribute("memberList", memberList);
	return "member/findAll";
}

Service

Service에서 처리 순서
1. jpa에 findAll메서드 호출 (메서드 이름 반드시 지켜야함!)
2. Entity타입으로 호출 결과를 받음. (Entity타입으로도 사용 가능하지만, 여기서는 DTO로 변환)
3. Entity -> DTO 타입으로 변환 후 Controller에 전달.

Service (Interface)

// Interface에 아래 코드 추가
List<MemberDetailDTO> findAll();

ServiceImpl

@Override
public List<MemberDetailDTO> findAll() {
	// findAll이라는 메서드 호출 및 Entity타입의 List에 호출 결과 저장
	List<MemberEntity> memberEntityList = mr.findAll();
	// Entity타입의 List를 DTO타입의 List로 변환
	// 위에서 말했다시피 반드시 변환해 줄 필요는 없음.
	List<MemberDetailDTO> memberDetailDTOList = MemberDetailDTO.change(memberEntityList);
	return memberDetailDTOList;
}

Detail용 DTO에서 Entity -> DTO 변환

// MemberEntity -> MemberDetailDTO
// 리턴타입 : MemberDetailDTO
// 매개변수타입 : MemberEntity
public static MemberDetailDTO toMemberDetailDTO(MemberEntity memberEntity) {
	MemberDetailDTO memberDetailDTO = new MemberDetailDTO();
	memberDetailDTO.setMemberId(memberEntity.getId());
	memberDetailDTO.setMemberEmail(memberEntity.getMemberEmail());
	memberDetailDTO.setMemberPassword(memberEntity.getMemberPassword());
	memberDetailDTO.setMemberName(memberEntity.getMemberName());
	return memberDetailDTO;
}

// Entity타입의 List를 DTO타입의 List로 변환하는 메서드.
// 위에 있는 Entity를 DTO로 변환해주는 메서드를 사용해 더 간단하게 구현
public static List<MemberDetailDTO> change(List<MemberEntity> memberEntityList) {
	List<MemberDetailDTO> memberDetailDTOList = new ArrayList<>();
	for (MemberEntity m: memberEntityList) {
		memberDetailDTOList.add(toMemberDetailDTO(m));
	}
	return memberDetailDTOList;
}

findAll.html 생성

준비가 끝났으니 이제 출력을 해봅시다.

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<h2>findAll.html</h2>
	<table>
		<thead>
			<tr>
				<th>번호</th>
				<th>이메일</th>
				<th>비밀번호</th>
				<th>이름</th>
			</tr>
		</thead>
		<tbody>
			<!-- 스프링 프레임워크에 <c:forEach items="${mList}" var="m"> 와 같은 역할 -->
			<tr th:each="member: ${memberList}">
				<td th:text="${member.memberId}">번호</td>
				<td th:text="${member.memberEmail}">이메일</td>
				<td th:text="${member.memberPassword}">비밀번호</td>
				<td th:text="${member.memberName}">이름</td>
			</tr>
		</tbody>
	</table>
</body>
</html>