안녕하세요! MVC 썸네일형 리스트형 [ CAP ] 기본 entity 변경사항이 반영된 entity 데이터 값 보여주기 service.cds service service1 sap.fe.featureShowcase 네임스페이스를 persistence로 초기화하고, 이 경로에 있는 schema.cds를 사용 한다. schema.cds에는 앞으로 사용할 테이블의 Attribute와 Tuple의 값들을 나열해 놓은 entity들이 선언되어 있다. 이제 다양한 공간에서 여러 가지의 action을 사용하기 위한 service를 service1로 사용하게끔 입력해 준다. @Capabilities.SortRestrictions.NonSortableProperties 어노테이션을 쓰게 되면, 배열 값에 입력한 값을 제외하고 데이터 값들이 정렬된다. 즉, 생성 및 수정에 관한 정보는 데이터가 정렬될 때 정렬 기준에서 비활성화됨으로써 해당 .. 더보기 [ CAP ] CDS와 SAPUI5를 이용한 파일 업로드(1) - view / controller CDS와 SAPUI5를 이용한 파일 업로드(1) App.view.xml { this._uploadContent(item, id); }) .catch((err) => { console.log(err); }) } onAfterItemAdded 메서드는 파일 업로드 UI 컨트롤에서 새로운 파일 요소가 추가될 때 호출되는 이벤트 핸들러이다. _createEntity 메서드를 호출해 새로운 entity를 생성하고, 해당 entity ID를 가져온다. 그리고 _uploadContent 메서드를 호출하여 파일을 업로드 한다. 이 메서드에서는 Promise 객체를 사용해 비동기적으로 작업을 수행하게 된다. 즉 새로운 entity 생성 및 파일 업로드가 성공하면 _uploadContent 메서드가 호출되고, 실패하면 c.. 더보기 [ SAPUI5 ] JSONModel Table Binding in SAPUI5 직원 정보 테이블 생성하기 SAP 공식 홈페이지에 있는 UI5 관련 도큐먼테이션을 참고하여 개인 스터디를 진행하는 도중 문득 한 가지 생각이 스쳐지나 갔다. 그 생각인 즉슨, 무작정 공식 문서를 따라하는 거보다는 가이드라인을 참고하여 나만의 예제들을 만들면서 기능을 구현해 보자는 것이다. 물론 아직까지 내가 할 수 있는 영역은 아주 협소할 것임을 알기에, 결국에는 여러 예시들을 종합해서 모방하는 것에 그칠 수도 있다. 하지만 view와 controller 간의 연결 과정과 data를 binding하는 절차에 대한 이해도가 현저히 낮다고 생각이 들기 때문에 그 순서를 익히는 데에 중점을 두고자 한다. 테이블의 기본 틀 만들기 직원 정보를 화면에서 보여주기 위해서는 테이블을 만들어 해당 정보들을 담아내는 아.. 더보기 [ SAPUI5 ] Table Personalization ○ 데이터의 정보를 자신이 원하는 정렬 방식대로 필터링 해보자. - Table Personalization 1) 테이블에서 표시되는 열과 순서, 데이터 정렬 방법, 데이터 그룹화 활성화 여부 2) 그리고 테이블 항목의 필터링 여부를 지정할 수 있는 정용 대화 상자를 제공한다. - [ Personalization.view.xml ] 1) 'sap:sortable'과 'sap:filterable', 'sap:groupable'을 'false'로 설정한다. 2) 이는 표시되지 않은 필드를 모두 정렬화, 필터링 또는 그룹화 할 수 있다는 것을 의미한다. - 톱니바퀴 모양의 설정 아이콘을 클릭하면 각 요소에 대한 설정을 변경할 수 있다! Next Stage : 더보기 [ SAPUI5 ] Navigation and Routing - 14 ○ 정렬 대화상자의 북마크 설정하기 - [EmployeeOverviewContent.controller.js] 1) showDialog : 딥 링크가 있는 페이지로 이동할 때 대화상자가 직접 열리는지 여부 제어하는 쿼리 매개변수 * showDialog가 '1'로 설정되면 대화상자 'open' 2) '?query' 값이 내장돼 있는 '_oRouterArgs' 배열함수에 'showDialog' 매개변수를 호출 3) '_oRouterArgs' 값을 기준으로 두는 경로를 가지는 'employeeOverview' view 화면에 출력 4) delete * viewSettingsDialog의 'confirm' 및 'cancel' 이벤트 핸들러에서 * 'navTo() 호출하기 전에 'this._oRouterArgs[.. 더보기 [ SAPUI5 ] Navigation and Routing - 2 ○ 기본 view 만들기 - config 1) 모든 경로 및 대상에 적용되는 전역 라우터 구성 및 기본값이 포함되어 있음 2) sap.ui.core.routing.Router을 기본값으로 하여 routerClass 설정 * 앱에서 view가 있는 위치 정의 * view를 자동으로 로드하고 표시하기 위해 페이지를 표시하는 데에 사용되는 컨트롤 id와 새 페이지가 표시될 대 채워지는 Aggregation도 지정 * 'viewType' : 'XML'로 설정 * 'path' : namespace 'sap.ui.demo.nav'의 view 폴더를 사용해 모든 view 구현 - routes 1) 각 경로에 도달했을 때 탐색할 'patern', 'name', 'target' 정의 2) 'pattern'은 경로와 일치.. 더보기 [ 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 등 메인 브라우저 지원 .. 더보기 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 : 장바구니 상.. 더보기 이전 1 2 다음
