board (3) 썸네일형 리스트형 [팀플 - Travel Jeju] 18th course - Board Like Function [ 오늘 할 일 ] 게시판 좋아요 기능 구현 [ 전체적인 흐름 ] 맛집 게시판 Jsp에서 ajax로 좋아요를 카운트할 Id값을 컨트롤러로 전송 컨트롤러에서 ibatis문법을 이용하여 클릭 한 카드의 좋아요 데이터를 update 함 update 한 카드의 정보를 select문으로 가져온 후 jsp로 다시 전송 jsp에서 넘어온 데이터를 innerHTML로 숫자를 카운트해준다 결과물 맨 처음으로 jsp에서는 ajax의 GET 방식으로 좋아요가 눌린 카드의 spotId를 파라미터 값으로 RestController로 넘겨준다 RestController에서는 넘겨받은 id값을 ibatis 매개변수로 사용하여 addLike sql문을 실행한다 id값이 일치하는 DB 데이터의 좋아요 숫자를 +1 증가시켜서 updat.. [팀플 - Travel Jeju] 17th course - Associate Polygon-Board [ 오늘 할 일 ] 폴리곤과 게시판 연동하기 [ 전체적인 흐름 ] 폴리곤 지역 클릭 시 해당 지역 이름을 컨트롤러로 전송 전달받은 지역 이름을 모델에 실어 컨트롤러에서 맛집 게시판으로 전송 jstl 문법을 이용하여 전달받은 모델이 있을때와 없을 때를 구분 폴리곤을 통해 맛집게시판으로 진입하였을 때는, 지역 이름을 검색바에 넣은 후 자동 클릭 실행 컨트롤러-ibatis를 이용하여 해당지역에 있는 맛집들만 불러옴 jsp에서 전달받은 Json 데이터를 카드형식으로 만들어 웹페이지에 띄워줌 결과물 메인화면에 있는 폴리곤 클릭 시 해당지역에 관한 모달 창이 뜨게 되고, 모달 창에 위치한 상세보기 버튼을 클릭하면 URL을 이용하여 해당 지역 이름을 담아서 전송한다 컨트롤러에서는 클릭한 지역이름을 변수명이 polyg.. [팀플 - Travel Jeju] 16th course - Board Search [ 오늘 할 일 ] 카드 게시판 검색 기능 구현 [ 전체적인 흐름 ] 코드 분석 (다른 조원이 만들던 페이지) ajax로 데이터 RestController로 보내기 검색한 내용으로 DB 조회하여 데이터 받아오기 jsp에서 카드로 그려서 페이지에 띄우기 처음으로 한 일은 jsp에서 컨트롤러로 데이터를 전송하는 일이다 검색 버튼과 검색한 내용을 각각 searchBtn, searchValue로 불러와서 버튼에 클릭이벤트를 부여하였다 검색 버튼을 클릭 시 첫 번째로는 카드들이 담겨있는 contents-body를 모두 비워준다 그리고 searchRequest 함수를 실행시키는데 이때 매개변수를 검색할 내용으로 한다 함수는 ajax의 GET방식으로 파라미터값으로 검색할 내용을 담아 전송한다 컨트롤러에서는 jsp에서.. 이전 1 다음
