[spring] 클론코딩 18 Follow - 팔로워, 팔로잉 리스트 조회

팔로워, 팔로잉 리스트를 조회하는 것은 개인 페이지를 조회할 때 보여줘야하기 때문에 PostsController에서 사용하게 된다.

 

 

Controller

---

PostsController

@Autowired
private IFollowService followService;

IFollowService 자동주입

//personal-list 요청 : 개인 게시물 보이는 페이지
@RequestMapping(value="/{id}", method=RequestMethod.GET)
public String personalList(@PathVariable String id, Model model, HttpSession session) throws Exception {
	
	
	//개인 페이지 주인 정보 담기
	UsersVO user = usersService.inquiryOfUserById(id);
	//로그인한 회원 (=나) 정보 담기
	Object object = session.getAttribute("login");
	UsersVO loginUser = (UsersVO)object;
	
	
	//개인페이지의 유저 번호 가져오기
	int userNo = user.getUserNo();
	//로그인 회원 유저 번호 가져오기
	int loginUserNo = loginUser.getUserNo();
	logger.info("현재 페이지 주인의 번호 : " + userNo + ", 로그인 유저의 번호 : " + loginUserNo);
	
	
	//팔로우 객체 생성
	FollowVO follow = new FollowVO();
	follow.setActiveUser(loginUserNo); 	//하는놈
	follow.setPassiveUser(userNo);		//당하는놈
	
	//팔로우 유무 체크
	int followCheck = followService.isFollow(follow);
	logger.info("팔로우 유무 체크 : " + followCheck);

	//팔로워 리스트 -> (개인페이지에서)나를 팔로우하는 놈들 목록
	List<FollowVO> followerList = followService.selectPassiveUserList(userNo);
	//팔로잉리스트 -> (개인페이지에서) 내가 팔로우 하는 놈들 목록
	List<FollowVO> followingList = followService.selectActiveUserList(userNo);
	
	//사용자 아이디로 사용자 번호(pk)를 조회해서 그 번호로 게시물 가져오기
	model.addAttribute("post", postsService.selectPostListById(id));
	//사용자 아이디로 회원의 모든 정보 조회하기
	model.addAttribute("user", user);
	//팔로우 체크 유무
	model.addAttribute("followCheck", followCheck);
	//팔로워 리스트
	model.addAttribute("followerList", followerList);
	//팔로잉 리스트
	model.addAttribute("followingList", followingList);
	
	
	return "post/personal-list";
}

//게시글 작성 페이지 personal-write.jsp 요청
@RequestMapping(value="/{id}/personal-write", method=RequestMethod.GET)
public String personalWrite(@PathVariable String id, Model model, HttpSession session) throws Exception {

	//id로 회원의 모든 정보 조회
	UsersVO user = usersService.inquiryOfUserById(id);
	
	//로그인한 회원 (=나) 정보 담기
	Object object = session.getAttribute("login");
	UsersVO loginUser = (UsersVO)object;
	
	//개인페이지의 유저 번호 가져오기
	int userNo = user.getUserNo();
	//로그인 회원 유저 번호 가져오기
	int loginUserNo = loginUser.getUserNo();
	logger.info("현재 페이지 주인의 번호 : " + userNo + ", 로그인 유저의 번호 : " + loginUserNo);
	
	//팔로우 객체 생성
	FollowVO follow = new FollowVO();
	follow.setActiveUser(loginUserNo); 	//하는놈
	follow.setPassiveUser(userNo);		//당하는놈
	
	//팔로우 유무 체크
	int followCheck = followService.isFollow(follow);
	logger.info("팔로우 유무 체크 : " + followCheck);
	
	//팔로워 리스트 -> (개인페이지에서)나를 팔로우하는 놈들 목록
	List<FollowVO> followerList = followService.selectPassiveUserList(userNo);
	//팔로잉리스트 -> (개인페이지에서) 내가 팔로우 하는 놈들 목록
	List<FollowVO> followingList = followService.selectActiveUserList(userNo);
	
	//사용자 아이디로 사용자 번호(pk)를 조회해서 그 번호로 게시물 가져오기
	model.addAttribute("post", postsService.selectPostListById(id));
	//회원의 정보
	model.addAttribute("user", user);
	//팔로우 체크 유무
	model.addAttribute("followCheck", followCheck);
	//팔로워 리스트
	model.addAttribute("followerList", followerList);
	//팔로잉 리스트
	model.addAttribute("followingList", followingList);	
	
	return "post/personal-write";
}

personal-list와 personal-write 두 페이지에서 사용되므로 수정해준다.

 

 

 

 

 

 

Service

---

FollowService

@Override
public int isFollow(FollowVO follow) {
	return followDAO.isFollow(follow);
}

@Override
public List<FollowVO> selectActiveUserList(int activeUser) {
	return followDAO.selectActiveUserList(activeUser);
}

@Override
public List<FollowVO> selectPassiveUserList(int passiveUser) {
	return followDAO.selectPassiveUserList(passiveUser);
}

• 팔로우 체크 유무
• 팔로잉 리스트 가져오기
• 팔로워 리스트 가져오기

 

 

 

 

 

 

View

---

personal-static

<c:if test="${followingList.size() <= 0 }">
	<p>팔로잉한 회원이 없습니다.</p>
</c:if>
<c:if test="${followingList.size() > 0 }">
	<c:forEach var="list" items="${followingList }">
		<li class="follow-li">
			<div class="profile-section">
				<c:set var="len" value="${fn:length(list.profileName) }" />
				<c:set var="filetype" value="${fn:toUpperCase(fn:substring(list.profileName, len-4, len)) }" />
				<c:choose>
					<c:when test="${(filetype eq '.JPG') or (filetype eq 'JPEG') or (filetype eq '.GIF') or (filetype eq '.PNG')}">
						<img class="profile-photo" src="<c:url value='/user/profile/${list.passiveUser }'/>">
					</c:when>
					<c:otherwise>
						<img class="profile-photo" src="<c:url value='/img/none-user-img.jpg'/>">
					</c:otherwise>
				</c:choose>
				<p class="profile-id"><a href="<c:url value='/post/${list.passiveUserId }' />">${list.passiveUserId }</a></p>
				<!-- <button class="following-list-btn">팔로잉</button> -->
			</div>
		</li>
	</c:forEach>
</c:if>

리스트 목록은 모달로 생성. 팔로잉과 팔로워 같게 만들어주었다.