안녕하세요! SAP/CAP 썸네일형 리스트형 [ CAP ] @Communication.Contact와 @UI.IsImageURL 사용해 UI 구성하기 이번주는 샘플을 분석했던 것을 토대로 내가 생성해 놓은 CAP 프로젝트에 응용해볼 것이다. 거의 따라하는 거라 어렵지 않겠지만, 무작정 베끼는 거보다는 어떤 기능을 구현할 때 새로운 조건을 추가해 보는 등의 시도도 해보려고 한다. 사용할 테이블 속성 선언하기 data-model.cds Contacts entity Contacts : cuid { name : String; phone : String; state : String; country : String; street : String; postCode : String; addressLabel : String; imageUrl : String @UI.IsImageURL; } 우선 가장 먼저 Contacts 개체를 생성하여 화면에서 보여주고 싶은 데이터 .. 더보기 [ CAP ] CDS UI로 여러 가지 Chart 만들기 schema.cds entity ChartDataEntities entity ChartDataEntities : cuid { parent : Association to one RootEntities; criticality : Association to one Criticality; integerValue : Integer; integerValueWithUoM : Integer; uom : UnitOfMeasure; forecastValue : Integer; targetValue : Integer default 30; dimensions : Integer; areaChartToleranceUpperBoundValue : Integer default 90; areaChartToleranceLowerBoun.. 더보기 [ CAP ] objcect 페이지의 default 값 대입해 UI 비동기 갱신하기 schema.cds entity Contacts entity Contacts : cuid { name : String; phone : String; building : String; country : Country; street : String; city : String; postCode : String; addressLabel : String; photoUrl : String; } schema.cds에 aspect rootBasis에 여러 속성을 설정해두면 다른 entity에서 재사용할 수 있게 된다. contact의 경우에는 entity Contacts와 일대일 연결을 시켜주어 Contacts가 가지는 uuid에 연결된 유니크한 속성값들이 조인된다. 여기서 특이한 점 중 하나는 addressLabel.. 더보기 [ 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를 이용한 파일 업로드 - .cds / .js .cds 파일을 이용하면 ABAP을 대체하여 데이터를 적재 및 활용할 수 있다. UI 자체도 제작되어 있기 때문에 자기가 원하는 데이터를 화면에 보여주는 것은 어렵지 않다. 하지만 모든 프로젝트를 정형화되어 있는 모델로 구축할 수는 없다. 왜냐하면 고객이 원하는 커스텀은 각기 다르기 때문이다! 따라서 다양한 수요를 충족시켜 주기 위해서는 UI5를 이용해 커스터마이징하는 방법에 대해 익혀두는 것이 좋을 것이다. 이번에 하고 있는 것은 파일을 로컬 서버에 저장해보고 이를 다운로드해 다시 파일을 로컬에 가져오는 과정을 다루고 있다. MVC 패턴과 CDS, SAPUI5 등을 조합해 파일 업로드 화면을 계속해서 분석해 보자! CDS와 SAPUI5를 이용한 파일 업로드 data-model.cds entity Fil.. 더보기 [ 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.. 더보기 [ CAP ] service 실행 기본 이해하기(1) 저번주에는 기존에 학습하였던 것들을 기반으로 좀더 개념에 대한 이해도를 확장시키고자 다양한 개체들을 만들어 여러 속성들 간의 상관관계(Association) 및 의존관계(Composition)들을 연결시켜 보았다. 그렇다면 이제는 스터디 중 구현되지 않았던 기능들에 대해 다시 시도하고, 더 더나아가 형성된 데이터들 간의 관계들을 자바스크립트를 이용해 다양한 액션 기능들에 대해 알아가보고자 한다. Where to Implement Services? .cds / .js Service를 실행하기 위해서는 생성해두었던 .cds 파일과 동일한이름의 .js 파이을 배치하면 된다. 예를 들어, /lib 또는 ./handlers로 배치하여 .cds와 .js 파일을 구분할수 있다. @sap/cds 위와 같이, Servi.. 더보기 [ CAP ] Annotating Media Elements Annotating Media Elements @Core.MediaType element에 diret로 혹은 redirect로 미디어 데이터가 포함되어 있음을 나타낸다. MIME 유형이 포함된 문자열이거나, MIME 유형이 포함된 경로가 있다. @Core.IsMediaType element에 MIME 유형이 포함되어 있으며, @Core.MediaType이 이 element를 참조할 수 있다. @Core.IsURL @Core.MediaType element에 미디어 데이터를 가리키는 URL이 포함되어 있다. @Core.ContentDisposition.Filename element가 로컬에 다운로드 및 저장되는 첨부파일로 표시됨을 나타낸다. 이 annotation의 값은 파일의 이름을 포함하는 요소에 대한.. 더보기 이전 1 2 3 다음
