'프로그램/Vue.js'에 해당되는 글 30건
vue + jpa project (30) - Querydsl 문법 세부 확인
이번 장에서는 Querydsl 에 대한 문법을 하나하나씩 정리해보겠다. 시작하기 앞서 Querydsl 의 시작 기준은 아래와 같이 정리한다. EntityManager를 통해서 JPAQuery를 생성하고 Q클래스를 통해서 테이블의 Alias를 부여하는 부분을 기준으로 삼겠다. EntityManager em = emf.createEntityManager(); JPAQuery query = new JPAQuery(em); QMember qmember = new QMember("m"); List members = query.from(qMember) .where(qMember.name.eq("회원1")) .orderBy(qMember.name.desc()) .list(qMember); 1. 쿼리 타입 메소드 사용..
프로그램/Vue.js | 2023. 12. 13. 15:05
![](https://blog.kakaocdn.net/dn/VlIan/btsBCXZ48Gz/ofO3KzZYTLak2BJV9AXPj0/img.png)
vue + jpa project (29) - 공통코드 join & fetch 심화적용
이번 장에서는 그룹코드 기준으로 Join 공통코드 리스트에 대한 백엔드를 좀 더 개선시켜보겠다. select 절이라던지 where 조건에 실제 사용가능 할 만한 것들을 한가지씩 해보겠다. 첫번째 패턴인 상세코드를 기준으로 한 연관관계 조회는 사용할 수 없어 두번째 패턴으로 진행한다. A. select 절에 subquery 적용 1. 공통코드 레파지토리 수정 select 절과 Dto의 순서를 위해서 필드 조정과 subquery 절을 아래와 같이 추가한다. ... 중략 JPAQuery query = queryFactory.selectFrom(a) .leftJoin(a.codeDetailEntity, b) .on(codeDetailDto.makeSearchCondition(a, "use_yn")) .where..
프로그램/Vue.js | 2023. 12. 8. 10:59
![](https://blog.kakaocdn.net/dn/oEWOD/btsBogfYC4s/Uy4jG77kjZObH6HxhW2lPK/img.png)
vue + jpa project (28) - 공통코드 연관(join)조회 백엔드 재수정
이번 장에서는 Join 공통코드 리스트에 대한 백엔드를 좀 더 개선시켜보겠다. 백엔드는 알고 있겠지만 패턴이 두가지여서 두가지에 대한 부분을 각각 개선시켜보겠다. 그리고 패턴에 대한 각각의 장점 또는 단점도 확인을 해보겠다. 우선 첫번째 패턴인 상세코드를 기준으로 한 연관관계 조회 처리 부분이다. 2. 상세코드 Dto 수정 검색조건을 처리하기 위하여 게시판의 Dto 처럼 아래와 같이 수정한다. ... 중략 private String searchKey; // 추가된 항목 private String searchValue; // 추가된 항목 // where 절 처리 메소드 public BooleanExpression makeSearchCondition(Object qEntity, String gubun) { ..
프로그램/Vue.js | 2023. 12. 5. 16:59
![](https://blog.kakaocdn.net/dn/bJ5vsV/btsBq0vYrlf/dtDYnPLwKfMVXCuK8TFqi0/img.png)
vue + jpa project (27) - 공통코드 연관(join)조회 프론트 재수정
이번 장에서는 Join 공통코드 리스트에 대한 프론트를 좀 더 개선시켜보겠다. 지금 화면을 조회를 하다보면 버그가 있는데 상단의 상세기준리스트와 그룹기준리스트 버튼을 클릭하다 보면 이전의 페이지를 조회하는 버그가 있다. 이 부분과 검색 조건을 넣어서 개선 시키도록 하겠다. 1. 프론트 버그 수정 버그를 해결하기 위하여 버튼에서 호출하는 메소드와 실제 백엔드를 수행하는 메소드를 분리하겠다. ... 중략 // 버튼의 메소드명 변경 상세기준리스트 그룹기준리스트 ... 중략 // mounted에 호출되는 함수도 같이 수정 mounted() { this.fnClickDetailJoin() }, // 버튼에서 호출이 되면 초기화 하고 백엔드 메소드를 다시 호출함 methods: { fnClickDetailJoin(..
프로그램/Vue.js | 2023. 12. 5. 11:33
RECENT COMMENT