안녕하세요! 분류 전체보기 썸네일형 리스트형 [ SAPUI5 ] Navigation and Routing - 7 ○ 직원 리스트에서 각 직원의 상세 정보 보여주기 - [manifest.json] 1) 직원 정보가 저장돼 있는 데이터 모델에서 각 직원의 entity가 EmployeeID로 식별돼 있음 2) 새로운 'pattern'으로 'employees'에 이어 '{employeeId}' 값을 하위 경로로 설정 - [Employee.view.xml] - 'onInit' 1) 'oRouter' : 'getRouter()' 메서드 사용 2) 'employee'를 경로로 가지는 'getRoute()' 메서드에서 'this._onRouteMatched'와 일치하는 'oRouter' 설정 - '_onRouteMatched' 1) 변수 'oArgs', 'oView' 선언 * oArgs : 'oEvent'에서 'arguments.. 더보기 [ SAPUI5 ] Navigation and Routing - 6 ○ 직원 리스트 화면에 출력하기 - [Home.view.xml]에서 'id'를 'employeeListBtn'로 하고 'class'를 'sapUiTinyMarginEnd'로 지정하는 버튼 입력 - 'onNavToEmployees' 핸들러에 'employeeList'를 매개로 'getRouter()'의 'navTo()' 메서드 호출해 경로 지정 - [manifest.json] 1) 'sap.ui.demo.nav.view.employee.EmployeeList' view를 통해 직원 리스트 불러오기 2) 'level'을 '2'로 설정해 왼쪽으로 슬라이드되며 화면이 전환되도록 함, 뒤로가기 시에는 오른쪽으로 슬라이드 - [EmployeeList.view.xml] 1) 'List' 안에 [manifest.jso.. 더보기 [ SAPUI5 ] Navigation and Routing - 5 ○ 뒤로가기 버튼을 눌러 Home.view로 되돌아가기 - [Home.view.xml] - [Home.controller.js] 1) onDisplayNotfound 핸들러 기능 설정 2) 'getRouter()' 메서드에서 getTargets() 메서드를 불러와 'display("notFound")' 호출 * 'name'이 'notFound'로 연결된 view는 Hash를 변경하지 않고 라우터를 통해 표시됨 * 'getTargets()' 호출로 'sap.m.routing.Targets' 객체를 가져옴 3) Not Found Button을 누르면 URL을 변경하지 않고 'notFound'가 표시됨 - [Home.controller.js]의 'display("notFound")'에 'fromTarget'을.. 더보기 [ SAPUI5 ] Navigation and Routing - 4 ○ 뒤로가기 버튼 구현하기 - [NotFound.view.xml] 1) 'showNavButton'을 'true'로 설정해 뒤로가기 Button을 자동으로 표시 2) 'navButtonPress'를 'onNavBack'로 설정해 실제 뒤로가기 기능 구현 가능케 하기 - [BaseController.js] 1) onNavBack 핸들러를 통해 앱 기록에 이전 해시값이 있는지 확인 2) 브라우저의 기본 History API를 통해 이전 해시로 redirection 3) 변수 'oHistory', 'sPreviousHash' 지정 * oHistory : 'History'를 매개로 인스턴스(객체)화 * sPreviousHash : 'oHistory'의 이전 해시값을 가져오는 'getPreviousHash()' .. 더보기 [ SAPUI5 ] Navigation and Routing - 3 ○ 'NotFound' 우회 페이지 구현 - 'bypasssed' 1) 'notFound'로 설정해 라우팅 구성 확장 2) 라우터가 현재 해시와 일치하는 경로가 없는 경우, ,notFound, 대상 표시하도록 지시 3) 우회 section에 'notFound' 대상 추가 및 단순 'notFound' view로 전환되도록 구성 - [NotFound.view.xml] - [NotFound.controller.js] - [i18n.properties] - 야발...... - 이유는 도큐먼트에서 안내되는 코드와 달랐다.. 이런... 됐으니 넘어가자 일단... Next Stage : Navigation and Routing - 4 https://pythonchoboman.tistory.com/102 SAPUI5 .. 더보기 [ 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 ] Navigation and Routing - 1 ○ Set up the Initial App SAPUI5 SDK - Demo Kit ui5.sap.com - 우측 상단의 [Download] 클릭해 압축 해제 후 폴더를 저장 - VSCode에서 폴더를 불러온 후, 'npm install'을 통해 'node_modules' 및 'package.json'을 설치 1) npm(Node Package Manager) : 모듈(패키지) 관리(설치, 업데이트, 삭제) 위한 매니저 2) node * 서버 : 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램 * 자바스크립트 런타임 : 자바스크립트 프로그램을 컴퓨터에서 실행할 수 있게 하는 환경(npm) 3) package.json * 패키지들의 목록을 파일로 정리해 놓고, 목록 파일을 이용해.. 더보기 [ ABAP ] CDS 기초 개념 CDS(Core Data Service) ○ CDS(Core Data Service) - Code to Data 1) 시스템 병목 현상을 감소 2) 계산 속도 향상 3) 한 계층에서 다른 계층으로의 데이터 이동 감축 - Code Push Down 1) 데이터 모델, Union 및 Association과 같은 재사용 필요 시, Core Data Service 사용 2) 애플리케이션 서버 AS ABAP 중앙 데이터베이스에서 의미론적 데이터 모델 정의 및 사용 위한 프레임워크 제공 3) 지정된 데이터 모델은 데이터 정의 언어(DDL) 및 데이터 제어 언어(DCL) 기반으로 함 - Dictionary View 1) TCode : SE11에서 생성 2) 애플리케이션 서버에 상주, 데이터베이스에 사전에 정의된 데이.. 더보기 이전 1 ··· 20 21 22 23 24 25 26 ··· 35 다음
