페이징 4

Vue 페이징/검색 만들기 뒤로/앞으로가기 버튼대응하기

프로세스 -백엔드 호출 함수 구축->watch로 라우터변경감지->백엔드 호출 함수 호출 1.페이지 정보를 받아오는 함수를 만든다 -this.$store.dispatch('basicStore/getInfolist', { url: url});을 호출해 store의 state를 바꿔준다 2.페이지교체버튼/검색버튼을 만든다 -this.$router.push(changeUrl);를 이용해 url를 변경해준다 3.watch로감지 watch로 router변화를 감지후 변경된다면 페이지 정보를 받아오는 함수를 호출한다 나는 $route가 안되면서사진 처럼 '$route'했더니 됐다 결과 작업 브랜치 https://github.com/novb1492/SUPERMAN_FRONT_ADMIN/blob/feature/produ..

Vue/vue3+vuex 2022.08.18

querydsl +PageRequest

페이징 처리시 늘날리던 쿼리가 있었다 "select * ,(select count(*) from baskets where user_id=?)totalCount from baskets where user_id=? order by basket_id desc limit ?,?" 이런쿼리였는데 좀 갈증이있었다 이렇게 받으면 문제가 많다 일단 서브쿼리로인한 낭비 가져온뒤 총페이지 구하기 기타 프론트에서 필요한 정보 가공 그러다 문득 회사에서 팀원이 pageable객체 안쓰세요?라고 했고 아 그거? jpa초반에 쓰고 잊고 있었는데 그게 뭐 특별한게 있나요?라고 물었다 솔직히 많이 부끄러웠다 팀원은 아 그거 쓰면 지금 일일이 하는거 다해줘요 라고 했고 구글을 다시 뒤져보았다 많은 글을 보았고 querydsl에 적용했..

Springboot/QueryDsl 2022.08.12

Springboot 게시판만들기!(3) 글검색+페이징 with nativeQuery

이제 검색 기능을 만들 건데 제목으로 찾는 검색을 만들 것이다 boardlist 같은 컨트롤러를 하나 더 만들어 준다고 생각하면 된다 controller로가서 제목을 받아주고 똑같이 boardlist로 보낸다 한 페이지만 사용하려고 html에 밑에 search를 따로 또 만들어놨다 이제 직접 페이징을 만들어보자 boarddao로가서 뭐가 많아졌다 like/limit/order by를 따로따로는 쏠 줄 아는데 한꺼번에 같이 저렇게 jpa 쿼리로 쏘는 법을 모르겠다 "select *from blogboard where title like %?1% order by bid desc limit? 2,? 3" blogboard에서 title에? 1가 들어가 있는걸 bid로 정렬해 개수별로 들고 온 더 "select..

Springboot 게시판 만들기!(2) 페이징 with PageRequest.of

자 이제 페이징을 할 텐데 두 가지 방법이 있다 1. jpa가 편하게 제공해주는 기능이고 2. 댓글이나/검색할 때 써야 하는 좀 더 전통적으로 페이징을 하는 건데 둘 다 원리만 이해한다면 구현하기 어렵지 않다 한 번만 이해하면 된다 boardservice로가서 boarddao.findAll(PageRequest.of(page-1, pagesize,Sort.by(Sort.Direction.DESC,"bid"))); 이 간단한 줄이 페이징을 해준다 무슨 뜻 이냐면 page에 맞게 지정한 pagesize만큼 bid를 내림차순 기준으로 정렬해서 보내준다 기가 막힌다 진짜 하나의 놀라운 기능이 또 있다 controller로가서 여기서 개인적으로 느끼는 건데 스프링은 진짜 알면 편하고 모르면 아예 못쓰는 거 같다!..