[스프링 부트] 게시판 무작정 따라하기 - 11. 검색 기능 2편

게시판 검색 기능 추가

boardlist.html에서 내용 추가

<!-- <a th:if="${page != nowPage}" th:href="@{/board/list(page = ${page - 1})}" th:text="${page}"></a> -->
<a th:if="${page != nowPage}" th:href="@{/board/list(page = ${page - 1}, searchKeyword = ${param.searchKeyword})}" th:text="${page}"></a>

쿼리 스트링의 특정 키워드(param.searchKeyword)을 searchKeyword로 전달하기때문에 페이지가 이동되어도 파라미터가 사라지지 않는다.

 

그리고 이어서 form 태그도 추가하여 검색창을 만들어준다.

    <form th:action="@{/board/list}" method="get">
      <input type="text" name="searchKeyword">
      <button type="submit">검색</button>
    </form>

 

localhost:8080/board/list 요청하여 게시글 제목 검색

11을 검색하여 검색 결과 출력 및 2페이지 이동 시에도 파라미터가 사라지지 않고 유지되는 모습

이미지를 업로드했던 게시글을 검색하여 이미지를 확인해보기

"이미"라는 키워드가 제목에 포함된 게시글 중 업로드 했던 게시글 조회

이미지 확인하기 클릭 후 이미지 확인