[spring] 클론코딩17 Follow - 팔로우, 언팔로우

Controller

---

FollowController

//팔로우 요청 
@PostMapping("/follow/{id}")
public String follow(@PathVariable String id, HttpSession session, Model model) throws Exception {
	
	logger.info("/follow/" + id + " : 팔로우 요청 ");
	
	
	Object object = session.getAttribute("login");
	UsersVO activeUser = (UsersVO)object;
	UsersVO passiveUser = usersService.inquiryOfUserById(id);
	
	FollowVO follow = new FollowVO();
	follow.setActiveUser(activeUser.getUserNo());
	follow.setPassiveUser(passiveUser.getUserNo());
	
	followService.follow(follow);
	
	
	return "FollowOK";
}

팔로우 요청은 팔로우할 유저의 id를 가지고 넘어간다. 로그인세션을 가져와서 activeUser에 담고 팔로우할 유저 id로 해당 유저의 전체정보를 조회해서 passiveUser에 담는다. FollowVO 객체를 만들어 값을 지정해 준뒤 DB에 저장한다.

 

//언팔로우 요청
@PostMapping("/unfollow/{id}")
public String unfollow(@PathVariable String id, HttpSession session, Model model) throws Exception {
	
	logger.info("/unfollow/" + id + " : 언팔로우 요청 ");

	Object object = session.getAttribute("login");
	UsersVO activeUser = (UsersVO)object;
	UsersVO passiveUser = usersService.inquiryOfUserById(id);
	
	FollowVO follow = new FollowVO();
	follow.setActiveUser(activeUser.getUserNo());
	follow.setPassiveUser(passiveUser.getUserNo());
	
	followService.unfollow(follow);
	
	
	return "UnFollowOK";
}

팔로우기능과 똑같이 동작한다. DB쪽으로 데이터가 들어가면서 DB에 저장된 팔로우가 삭제가 된다.

 

 

 

 

 

Service

---

FollowService

@Override
public void follow(FollowVO follow) {
	followDAO.follow(follow);
}

@Override
public void unfollow(FollowVO follow) {
	followDAO.unfollow(follow);
}

 

 

 

 

 

 

View

---

personal-list.jsp

$('#follow-btn').on('click', function() {
	follow(true);
});

$('#unfollow-btn').on('click', function() {
	follow(false);
});

function follow(check) {
	if(check) {
		$.ajax({
			type: "POST",
			url: "/myapp/follow/${user.id}",
			headers: {
				"Content-Type": "application/json",
				"X-HTTP-Method-Override": "POST"
			},
			success: function(result) {
				console.log("result : " + result);
				if(result === "FollowOK"){
					$(".follow").html('<button class="followBtn" id="unfollow-btn">언팔로우</button>');
					location.href="/myapp/post/${user.id}";
				}
			}
		});
	} else {
		$.ajax({
			type: "POST",
			url: "/myapp/unfollow/${user.id}",
			headers: {
				"Content-Type": "application/json",
				"X-HTTP-Method-Override": "POST"
			},
			success: function(result) {
				console.log("result : " + result);
				if(result === "UnFollowOK"){
					$(".follow").html('<button class="followBtn" id="follow-btn">팔로우</button>');
					location.href="/myapp/post/${user.id}";
				}
			}
		});
	}
}