Team5-2) (HTML,JS,JSP) [맛집 추천 사이트] 검색, 검색 리스트

사용자가 예전에 검색했던 식당 리스트를 쉽게 다시 찾아볼 수 있게 함으로

해당 식당의 접근성을 높일 수 있게하기 위해 검색과 검색 리스트 기능을 구현해본다.

 

---

[1. 검색]

검색 리스트 페이지로 가는 법은

1) 카테고리를 선택해서 가는 방법, 식당명을 직접 입력하는 방법이 있다. 

2) 또한 검색 리스트 페이지로 가서 페이징 처리를 하기 위해 해당 페이지의 전체 데이터를 파악해야 한다.

이를 분기 처리하여 메서드 화한 코드이다.

*보완점: 유지보수성을 위해 인자를 ResVO vo만 받고, 데이터 숫자를 받기 위한 int num인자는 ResVO vo의 멤버 변수를 추가하거나 새로운 vo를 만들어야겠다.

---

[2. 검색 리스트]

검색 리스트를 구현하기 위해서는 검색한 값을 CONTROLLER에서 배열로 저장하고

VIEW에서 저장한 컨트롤러의 배열을 출력해 주어야 한다.

 

-CONTROLLER-

• Application Scope에 저장하여 서버가 종료될 때까지 검색 리스트가 유지될 수 있도록 한다.
• 검색 리스트에 중복항목이 없다면 리스트를 추가한다.

 

-VIEW-

 

*html

main.jsp

• 브라우저 자체 제공 검색 리스트 삭제: autocomplete=off
• 출력된 검색 중 하나를 클릭하면 해당 검색이 실행된

 

*JavaScript

• 검색창 클릭 시 검색 리스트가 보이도록 onfocus 이벤트
• 검색창에서 포커스가 벗어난다면 검색리스트 숨기기
• 검색 리스트를 클릭하면 검색이 실행되어야 하므로 검색리스트 숨기는 이벤트를 늦추기