chap 19 - 자동완성, 페이징처리

 

검색란에 자동완성을 구현해 본다.

 

현재 글목록은 위에처럼 되어져 있다.

 

[ list.jsp ] 

위에 처럼 나오는데 태두리가 먼저 나오면 안된다. 숨겨주어야 한다.

 

이제 글자를 입력하면 보여지게끔 하여야 한다.

글을 보여주기 위해서는 먼저 글목록에 있는 검색란과 검색타입을 가지고 가서 글목록에서 조회해 주어야 한다.

그러므로 ajax를 사용!

 

[ BoardController.java ]

[ InterBoardService.java ]

 

[ BoardService.java ]

[ InterBoardDAO.java ]

[ BoardDAO.java ]

 

 

[ board.xml ]

 

lower 를 사용함으로 대문자,소문자 모두 출력 가능하다.

 

 

${searchType} 는 현재 HashMap 에서 가져온 키값인데 컬럼명으로 사용 되어지고 있다.

글쓴사람 또는 글제목으로 검색하였을 경우 보여주어야 하므로 컬럼명에 HashMap 에서 넘겨준 키값인

즉, 컬럼명으로 사용 되어진다.

HashMap 에 담아주기 전에 controller 에서 parameter로 ajax에서 보내준 data를 가져와서 넣어준 것이다.

 

[ list.jsp ]

여기서 내가 ja라고 검색란에 입력한 경우 아래 나오는 검색되어 나오는 곳에서 내가 입력한 ja를 빨간색으로 나머지는 파란색으로 표현해 본다.

또한 검색되어져 나오는 곳에 마우스가 올라가면 pointer로 줄것이고 클릭하면 검색이 되어지도록 한다.

 

toLowerCase() 는 모두 소문자로 바꾼다. 라는 뜻이다.

toUpperCase() 는 사용하면 안된다. 왜냐하면 board.xml 에서 lower 을 써왔기 때문이다.

 

검색어를 클릭하면~ 글자가 검색란에 올라 가도록 한다.

 

 

[ list.jsp ]

 

글자가 올라갔으면 같이 검색을 해주도록 한다.

 

 

 

 

==================================================================

 

 

[ BoardController.java ]

#58. 번 안에서 #115. 번을 한다.

 

[ InterBoardService.java ]

[ BoardService.java ]

 

[ InterBoardDAO.java ]

[ BoardDAO.java ]

 

[ board.xml ]

 

[ BoardService.java ]

[ InterBoardDAO.java ]

[ BoardDAO.java ]

[ board.xml ]

 

 

[ BoardController.java ]

 

공식에 의하여 가져오기만 하면 된다.

 

[ InterBoardService.java ]

[ BoardService.java ]

[ InterBoardDAO.java ]

[ BoardDAO.java ]

[ board.xml ]

 

 

페이지에 10개씩 맞춰서 나온다.

이제 페이지바를 만든다.

 

[ BoardController.java ]

참고하기!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

 

[ list.jsp ]

 

현재까진 데이터가 많이 없어서 1 과 2로 나오지만 많아지면 다음, 이전이 나온다.

 

 

 

위에 보이는 것 과같이 연습3을 눌러 상세보기한 후 목록보기를 하면 전체목록이 나오는데

전체목록이 아닌 그 전인 위에 이미지처럼 나오도록 해주겠다.

 

[ view.jsp ]

 

목록보기2를 누르면 검색하여 나온 글목록만 나오도록 한다.

 

gobackURL 을 사용한다.

 

[ BoardController.java ]

 

[ list.jsp ]

 

 

gobackURL을 가지고 왔다.

 

[ view.jsp ]

 

연습2를 눌러서 상세보기를 한 후 목록보기2를 누르면 위에 이미지 목록으로 나온다.

전체목록이 나오는게 아니다.