[팀플 - Travel Jeju] 16th course - Board Search

[ 오늘 할 일 ]

• 카드 게시판 검색 기능 구현 

[ 전체적인 흐름 ]

• 코드 분석 (다른 조원이 만들던 페이지)
• ajax로 데이터 RestController로 보내기 
• 검색한 내용으로 DB 조회하여 데이터 받아오기 
• jsp에서 카드로 그려서 페이지에 띄우기 

---

 

결과물

처음으로 한 일은 jsp에서 컨트롤러로 데이터를 전송하는 일이다 

검색 버튼과 검색한 내용을 각각 searchBtn, searchValue로 불러와서 

버튼에 클릭이벤트를 부여하였다 

 

검색 버튼을 클릭 시 첫 번째로는 카드들이 담겨있는 contents-body를 모두 비워준다 

그리고 searchRequest 함수를 실행시키는데 이때 매개변수를 검색할 내용으로 한다 

 

함수는 ajax의 GET방식으로 파라미터값으로 검색할 내용을 담아 전송한다 

컨트롤러에서는 jsp에서 넘어 온 값을 이용하여 ibatis 문법으로 DB를 조회한다 

그리고 검색한 내용의 값이 여러개 일 수 있기 때문에 List형식으로 진행하였다 

sql문은 WHERE절을 이용하여 검색하는 단어가 title안에 포함된 모든 것들의 정보를 넘겨받는다 

 

이후, jsp로 json형식으로 데이터가 전송되면 조원들이 카드를 만들었던 함수들을 이용하여 

검색한 단어에 맞는 카드들만 띄우는 기능을 구현하였다