$$config title: Article Project 53 keywords: - Spring - Project $$ # 게시물 페이징 구현 [소스 코드](https://github.com/hyun0547/webProject/commit/383209dd459db6d6b8fa9692cc68cb91ff900423) 페이징을 위한 게시물을 대량 추가했고 페이징 기능을 구현 했다. # 내용 및 결과 ```sql INSERT INTO article ( regDate, updateDate, memberLoginId, typeId, title, `body` ) SELECT NOW(), NOW(), CONCAT('testUser',ROUND(RAND()*1+1)), FLOOR(RAND() * 3 + 1), CONCAT('제목_',RAND()*200+1), CONCAT('내용_',RAND()*200+1) FROM article; ``` 무작위 게시물 추가 ```html

< ${curPage}/${allPages} >

``` 게시물 페이지 이동 버튼을 만들고 현재페이지가 1이면 왼쪽 버튼이 클릭이 안되도록 하고 모든페이지수와 동일해지면 오른쪽이 클릭 안되도록 했다. 쿼리값으로는 현재페이지를 +하거나 -한 값을 curPage로 넘겨주었다. ```java @RequestMapping("/usr/article/list") public String getArticles (Model model, int typeId, String searchKeyword, @RequestParam(defaultValue = "1") int curPage) { ResultData> articleRd = articleService.getArticles(rq.getLoginedMember(), typeId, searchKeyword, curPage); ResultData typeRd = articleTypeService.getType(typeId); ResultData allArticles = articleService.getAllArticleCount(typeId); int allArticlesCount = allArticles.getData1(); int allPages = allArticlesCount % 10 == 0 ? allArticlesCount / 10 : allArticlesCount / 10 + 1; model.addAttribute("allArticle", allArticles); model.addAttribute("allPages", allPages); model.addAttribute("curPage", curPage); model.addAttribute("articleRd", articleRd); model.addAttribute("typeRd", typeRd); model.addAttribute("searchKeyword", searchKeyword); return "/usr/article/list"; } ``` controller에서 defaultValue를 이용해 전달 받은 값이 없을 때 1이 되도록 했고 모든 게시물의 수를 allArticlesCount로 지정하고 삼항연산자를 통해 페이지 수를 만들어 주었다. ```java public ResultData> getArticles(Member loginedMember, int typeId, String searchKeyword, int page) { int limitRange = 10; int limitStart = (page - 1) * 10; ArrayList

articles = repository.getArticles(typeId, searchKeyword, limitStart, limitRange); if(loginedMember != null) { for(Article article : articles) { updatePrintForData(article, loginedMember.getLoginId()); } } return ResultData.from("S-1", "전체 게시물 입니다.", articles.getClass().getSimpleName(), articles); } ``` articleService에서는 현재 페이지 값을 전달 받고 연산을 통해 limit의 시작점을 지정해 주었다. ```xml ``` LIMIT을 이용해 게시물을 원하는 갯수만큼 끊어내도록 sql을 작성했다. (LIMIT은 게시물이 많을 때 기능 저하가 발생할 수 있다.) ![](https://i.postimg.cc/13mvNbyg/51.png)