안녕하세요! view 썸네일형 리스트형 [ SAPUI5 ] Fiori와 SAPUI5의 차이 Fiori Application ○ Fiori Application - SAPUI5에서 만들어진 여러 가지 App들의 이름 - SAP에서 SAPUI5로 만든 Front-end Framework - SAPUI5를 이용해 시스템의 화면부를 구성할 수 있도록 개발환경 제공 - 모바일, 테블릿, PC에서도 동일하게 작동하도록 설계되어 있음 SAPUI5 ○ SAPUI5 - SAP가 구축한 HTML5 툴킷의 이름 - 웹 화면 부분을 개발할 수 있는 개발도구 - Web 개발이 Server-client 방식으로 개발되는데, 웹클라이언트 개발의 javascript, CSS, HTML5를 기반으로 만든 UI 라이브러리 - Javascript Framework으로 IE, Chrome, Firefox 등 메인 브라우저 지원 .. 더보기 [ ABAP ] CDS Views(2) ○ SAP BTP(SAP Business Technology Platform) - 데이터베이스 및 데이터 관리, 통합, 확장 기능을 갖춘 지능형 기업 애플리케이션사전 구축된 - 수백 개의 SAP 및 애플리케이션 통합을 비롯해 클라우드와 하이브리드 환경 모두를 위한 단일 플랫폼으로 통합 - 모바일 및 브라우저 애플리케이션 구축과 개발 제품을 확장하고 통합하기 위한 SAP 플랫폼 서비스 - 개방형 소프트웨어 플랫폼 - SAP Extension Suit와 SAP Integration의 조합을 통해 온프로미스 또는 클라우드에 관계없이 - SAP 및 비 SAP 시스템 확정 가능케 함 ○ ABAP - key client : mandt not null : 고유값이 될 키 설정, mandt 도메인으로 not null .. 더보기 [ ABAP ] CDS Views(1) ○ 새로운 ABAP Package 생성 - [Name]과 [Description] 입력 - [Sofware Component]와 [Transport Layer] 입력 - [Create a new request]에서 [Request Description] 입력 - 프로젝트 생성 여부 확인 - 프로젝트 목록에서 우클릭 및 [Favoite Packages] - [Add Package] 선택 - 'zsfc' 검색 및 추가 - [Favorite Packages]에 해당 패키지 추가 여부 확인 - 패키지 [ZSFC_DEMO] 우클릭 및 [NEW] - [Other ABAP Repository Object] 선택 - 'table' 검색 및 [Database Table] 선택 - [Name]과 [Description] .. 더보기 [ SAPUI5 ] Visual Studio Code ○ Visual Studio Code 환경 설정 - [Terminal] 종류를 [Git Bash]로 선택 - [terminal]에서 'npm version' 입력 및 npm 버전 확인 - yo, mta, @sap/generator-fiori 설치 - [terminal]에 'yo' 입력 및 [@sap/fiori] 선택 - 아래와 같이 입력 및 선택 진행 - 아래 화면 확인 및 자동 생성된 폴더 열기 - [webapp] - [hello.view.xml]의 내용 일부 수정 - [webapp] 우클릭 및 [Preview Application 선 - [start fiori run...] 선택 또는 [terminal]에 'npm run start' 입력해 실행 - [App.view.xml]에 입력한 'Hello W.. 더보기 [ SAPUI5 ] / OData V4 - Create and Edit(2) ○ App.conteroller.js - onMessageBindingChange 1) 변수 'aContexts'에 'oEvent'의 source의 contexts와 'aMessages', 'false' 초기화해 둔 'bMessageOpen'를 설정하자. 2) 'false'값을 가지는 'bMessageOpen'이거나, aContexts의 문자열의 길이가 아니라면 값을 반환토록 한다. 3) 'oContext'를 파라미터루 두는 객체를 반환하는 'aContexts'를 매핑하는 'aMessages' 값을 설정한다. 4) 'removeMessages'로써 'aMessages'가 불필요하게 쌓이지 않도록 삭제한다. - onResetChanges 1) App.view.xml 'table'의 id 'peopleLis.. 더보기 JSP_22-12-15_[쇼핑몰 만들기_장바구니 리스트_주문하기로 데이터 전송] [ productDetail.jsp ] ○ 변수를 선언하여 서버로 보낼 값들을 속성으로 가지는 객체를 대입 - id : member 테이블의 회원 아이디 - product_id : 상품 상세의 상품번호 - ci_number : cartItem 테이블의 상품 수량, 변경가능하기 때문에 빈 값으로 두기 const form = { id : '${member.id}', product_id : '${productDetail.product_id}', ci_number : '' } ○ 서버가 반환한 값에 따라 띄울 경고창 - btn_cart : 장바구니 버튼 - $(".btn_cart").on("click", function(e) : 해당 클래스 클릭했을 때 이벤트 발생 - quantity_input : 장바구니 상.. 더보기 JSP_22-12-14_[쇼핑몰 만들기_장바구니 이미지 나열] [ CartController.java ] ○ 장바구니 조회를 위해 필요로 한 데이터 id를 얻기 위해 PathVariable 패턴의 URL로 작성 ○ 조회한 장바구니 데이터를 뷰에 넘기기 위해 Model을 파라미터로 추가 @RequestMapping(value = "/cartForm/{id}", method = RequestMethod.GET) public String cartForm(@PathVariable("id") String id, Model model) { logger.info("CartController 장바구니 화면 불러오기....."); //-----------------------------------------------------------------------------------.. 더보기 JSP_22-11_24 [ paging 작업 ] ○ [ cart 테이블 수정 ] ○ 상품 아이디 외래키 지정 alter table cart add ( product_id int, foreign key (product_id) references product(product_id) ); ○ 중복 데이터 제약 조건 설정 alter table cart add unique (id, product_id); [ CartDTO.java ] ○ 장바구니 관련 변수 선언 - p_count, p_discount 추가 / @Data 어노테이션 추가 - salePrice, totalPrice 추가 / setter 메서드 제거 및 초기화 메서드 생성 private int cart_id; private String id; private int produ.. 더보기 이전 1 2 3 다음
