참고:
- 이 자습서는 Oracle에서 제공하는 무료 실습 환경에서 사용할 수 있습니다.
- Oracle Cloud Infrastructure 인증서, 테넌시 및 구획에 대한 예제 값이 사용됩니다. 랩을 완료한 후에는 이러한 값을 클라우드 환경과 관련된 값으로 대체하십시오.
APEX를 사용하여 스프레드시트에서 앱 생성
소개
Oracle Application Express(APEX)는 고객이 어디서든 배치할 수 있는 세계적 수준의 기능을 통해 놀라운 보안 애플리케이션을 쉽게 구축할 수 있도록 돕는 로우 코드 개발 플랫폼입니다. 또한 Oracle Autonomous Data Warehouse와 Oracle Autonomous Transaction Processing 서비스를 비롯한 모든 Oracle Database 버전에 무료로 포함되어 있습니다.
이 실습에서는 공통 비즈니스 스프레드시트에서 가져온 데이터를 사용하여 강력한 APEX 애플리케이션을 생성하는 방법을 설명합니다. 많은 고객은 관리할 수 없는 스프레드시트에 비즈니스 워크플로우와 중요한 데이터를 유지하는 데 많은 시간과 노력을 낭비하고 있습니다. 스프레드시트는 확장되지 않고 쉽지도 않습니다. 고객이 스프레드시트로부터 안전하고 확장 가능한 다중 사용자 애플리케이션을 생성하여 시간과 비용을 절감할 수 있다면 어떨까요? 이 실습에서 학습할 내용입니다.
목표
- 업로드된 스프레드시트 데이터를 사용하여 안전하고 확장 가능한 애플리케이션 구축
- APEX의 강력한 패싯 검색을 통해 필터를 관리 및 변경하여 애플리케이션 개선
- 대화형 보고서 및 양식 페이지를 개선하여 유용성 기능 향상
- 업무 목표를 반영하여 일정 페이지 향상
- 페이지 링크
- 고객에게 APEX 애플리케이션 데모에 대한 신뢰도를 높일 수 있습니다!
대상
- 클라우드 영업 및 엔지니어링
- 데이터베이스 클라우드 영업 및 엔지니어링
필요 조건
- 기본 클라우드에 대한 친숙도
Oracle Autonomous Database 인스턴스 생성
APEX는 Oracle Autonomous Data Warehouse와 Oracle Autonomous Transaction Processing 서비스를 포함한 Oracle Database 기능입니다. 오라클은 OCI(Oracle Cloud Infrastructure)의 Oracle Autonomous Transaction Processing 인스턴스를 사용하여 APEX 작업영역을 호스트하고 있습니다.
개요 비디오
사실! APEX 작업영역이란?
APEX 작업 영역은 APEX 애플리케이션을 정의하는 논리적 도메인입니다. 각 작업 영역은 테이블, 뷰, 패키지 등과 같은 데이터베이스 객체를 저장하는 데 사용되는 하나 이상의 데이터베이스 스키마(데이터베이스 유저)와 연관되어 있습니다. 이러한 데이터베이스 객체는 일반적으로 APEX 애플리케이션을 기반으로 구축되는 개념입니다.
-
OCI 콘솔에서 리소스 메뉴를 열고 Oracle Database로 이동한 다음 Autonomous Transaction Processing을 선택합니다.
-
목록 범위 섹션에서 인스턴스에 지정된 루나 구획을 선택합니다. 임시 구획을 찾을 때까지 빼기 기호를 확장하고 선택합니다.
-
Create Autonomous Database를 누릅니다.
-
Autonomous Database 구성 페이지에서 추가해야 하는 유일한 항목은 관리 사용자에 대한 비밀번호입니다. 양식을 아래로 스크롤하여 관리자 인증서 생성 섹션을 찾고 12-30자리 비밀번호를 입력합니다. 나중에 사용할 수 있으므로 기억할 수 있습니다. form을 살펴보고 모든 기본값을 적용합니다.
필드 권장 정보 구획 달 구획이 선택되었는지 확인합니다. 표시 이름 기본값 사용 데이터베이스 이름 기본값 사용 작업 로드 유형 선택 트랜잭션 처리 배치 유형 선택 공유 인프라 데이터베이스 버전 19c OCPU 개수 1 스토리지(TB) 1 사용자 이름 관리자(편집할 수 없음) 비밀번호 12-30자 암호 생성 네트워크 액세스 선택 모든 위치에서 보안 액세스 허용 라이센스 유형 선택 BYOL(자체 라이센스 적용) -
Create Autonomous Database를 누릅니다.
데이터베이스 생성 프로세스는 몇 분 정도 걸립니다. 프로비저닝 중에 ATP 아이콘에 주황색이 표시됩니다.
완료되면 ATP 아이콘이 녹색으로 표시되고 사용할 수 있습니다. 전 세계에서 가장 강력한 데이터베이스를 시작하고 구성하는 데 몇 분이 걸렸던 작은 기념을 준비하십시오!
APEX 작업영역 구성
방금 새 Oracle Autonomous Database 인스턴스를 개발했으므로 먼저 사용하기 위해 APEX를 구성해야 합니다. 다음 단계에서는 관리자로 로그인하여 작업 영역을 초기화하고 demo라는 사용자를 만듭니다. 그런 다음 새 사용자(데모)로 로그아웃한 다음 다시 로그인하여 첫번째 개정 응용 프로그램 생성을 시작합니다.
개요 비디오
-
APEX 애플리케이션에 대한 링크를 찾을 데이터베이스 툴 섹션에 액세스하려면 Tools 탭을 누릅니다.
-
시작하려면 APEX 열기를 누릅니다.
-
첫번째 단계에서 Oracle Autonomous Database를 생성하는 데 사용한 Admin 암호를 입력하고 Sign in to Administration을 누릅니다.
-
작업 영역 생성을 누릅니다.
-
작업공간 작성 대화상자에서 새 사용자를 새 작업공간과 함께 작성하여 응용프로그램을 접하게 됩니다. 다음 정보를 입력하고 작업 영역 생성을 누릅니다.
속성 값 데이터베이스 사용자 DEMO 비밀번호 이전에 사용했거나 선택한 다른 암호를 사용 작업영역 이름 DEMO DEMO라는 새 사용자와 함께 DEMO라는 새 작업 영역을 성공적으로 만들었습니다.
이제 관리 작업공간에서 로그아웃하고 DEMO 작업공간에 로그인해야 합니다. 가장 간단한 방법은 화면 상단에 있을 가능성이 있는 작업 영역 생성됨 메시지에서 DEMO를 누르는 것입니다.
-
그러면 관리 작업 영역에서 로그아웃되고 새 DEMO 작업 영역에 로그인할 수 있습니다. 비밀번호를 입력하고 사인인을 누릅니다.
스프레드시트에서 앱 생성
이 섹션에서는 스프레드시트에서 가져온 데이터를 사용하여 APEX 애플리케이션을 생성하는 방법을 배웁니다. 데모를 단순화하기 위해 APEX에 구축된 샘플 데이터를 사용합니다. 그러나 본인 또는 고객 데이터를 업로드하는 경우 단계가 동일합니다.
이제 작업영역에 로그인한 후 APEX 애플리케이션 생성을 시작할 수 있습니다. 스프레드시트에 기반하여 간단한 애플리케이션을 구축합니다. APEX는 로컬 데이터베이스 객체, REST 지원 SQL 객체 및 REST API에 기반한 간단하면서도 복잡한 앱에서 다양한 애플리케이션에 적합합니다.
APEX 개발자들은 앱 빌더에서 대부분의 시간을 사용하지만 데이터베이스 객체, 팀 개발, 대규모 APEX 개발 프로젝트를 추적할 수 있는 데이터베이스 객체 및 몇 분 내에 설치할 수 있는 다양한 생산성 및 샘플 앱을 포함하는 앱 갤러리를 조사해야 합니다.
개요 비디오
프로젝트 및 태스크 데이터 로드
-
APEX 작업 영역 홈 페이지에서 App Builder를 누릅니다.
-
새 애플리케이션 생성을 누릅니다.
-
파일에서를 누릅니다.
파일에서 애플리케이션을 생성할 때 APEX를 사용하여 CSV, XLSX, XML 또는 JSON 파일을 업로드한 다음 해당 파일에 포함된 데이터를 기반으로 앱을 작성할 수 있습니다. CSV 데이터를 복사하여 붙여넣거나 샘플 데이터를 로드할 수도 있습니다. 이 데모에서는 애플리케이션과 함께 제공되는 샘플 데이터를 로드합니다.
-
데이터 로드 마법사에서 맨 위에 있는 복사 및 붙여넣기 옵션을 누릅니다.
-
샘플 데이터 세트 목록에서 프로젝트 및 태스크를 선택하고 다음을 누릅니다.
-
데모 응용 프로그램에 대해 구문 분석된 데이터를 검토하고 다음을 누릅니다.
-
데이터를 로드하려면 새 테이블을 선택합니다. Table Owner가 Demo로 설정되어 있는지 확인합니다. 테이블 이름을 PROJECT_TASKS로 설정하고 데이터 로드를 누릅니다.
데이터 로드를 누르면 마법사가 데이터 로드를 완료할 때까지 스피너가 표시됩니다.
주: 데이터 로드 마법사가 새 테이블을 생성하고 이 테이블을 샘플 데이터의 레코드로 채웠습니다. 이제 새 테이블의 데이터를 기반으로 응용 프로그램을 생성합니다.
-
Load Data 대화 상자에서 73개의 행이 PROJECT_TASKS 테이블에 로드되었는지 확인한 다음 View Table을 누릅니다.
-
이제 Object Browser에서 테이블 구조 및 생성될 기타 정보를 검토합니다. 테이블 도구모음에서 앱 생성 단추를 누릅니다.
-
[애플리케이션 생성] 페이지에서 앱 생성을 누릅니다.
Create Application 페이지에서 나열된 페이지를 검토하고 새 응용 프로그램의 기초를 형성합니다. 원하는 항목을 이미 알고 있는 경우 각 페이지의 편집 단추를 눌러 사용자 정의를 맨 앞에 추가할 수 있습니다. 시간이 있을 경우 각 항목을 검토하려면 누릅니다.
-
기능에서 모두 확인 링크를 눌러 사용 가능한 모든 기능을 애플리케이션에 포함합니다. 애플리케이션 생성을 누릅니다.
-
응용 프로그램이 생성될 때까지 잠시 기다립니다. 마법사가 완료되면 App Builder에서 애플리케이션의 홈 페이지로 재지정됩니다.
-
응용 프로그램 실행을 누릅니다. 그러면 런타임 애플리케이션이 새 브라우저 탭에서 열리므로 일반 사용자가 앱을 보는 방법을 확인할 수 있습니다.
-
사용자 인증서를 입력하고 사인인을 누릅니다.
참고: APEX 작업영역에 사인인하는 데 사용한 것과 동일한 사용자 이름 및 비밀번호를 사용합니다. (DEMO)
-
애플리케이션을 살펴보고 전반적인 모양을 익힙니다.
-
홈 메뉴 또는 탐색 메뉴에서 대시보드를 눌러 자동으로 생성된 기본 차트를 확인합니다.
-
탐색 메뉴에서 프로젝트 작업 검색을 누르고 패싯 검색을 시도합니다. 검색 작동 방식에 대해 들어 보겠습니다. 이 단계에서는 애플리케이션을 향상시키고 데이터를 더욱 유용하게 활용할 수 있는 고객에게 알려줄 것입니다.
-
대화식 보고서를 보려면 프로젝트 태스크 보고서를 누르고 레코드의 편집 아이콘을 눌러 편집 가능한 "양식" 페이지에 세부정보를 표시합니다.
-
그런 다음 달력 페이지로 이동하여 표시되는 데이터를 검토합니다. 기본 동작을 사용하면 이벤트 위로 마우스를 움직일 때 정보를 표시할 수 있으며 이벤트를 클릭해도 다른 작업이 수행되지 않습니다.
주: 데이터를 보려면 몇 달 뒤로 스크롤해야 할 수 있습니다.
-
마지막으로 관리에서 사용 가능한 옵션을 검토합니다.
주: 보너스로 [관리] 화면에서 기본 Vita에서 Redwood Light 테마로 테마를 변경하는 방법을 확인할 수 있는지 확인합니다.
패싯이 지정된 검색 개선
이 섹션에서는 특정 사용 사례에 맞게 애플리케이션을 사용자 정의하는 작업을 처음 접하게 됩니다. 먼저 다면 검색 페이지를 변경하여 데이터를 명확화하고 특정 상황에 더 쉽게 사용할 수 있도록 합니다. 다면 검색 기능을 통해 사용자는 품목 분류를 기반으로 필터를 사용하여 검색 결과를 좁힐 수 있습니다. 검색 페이지에는 왼쪽의 페이싯이 포함되어 있어 오른쪽에 있는 보고서에 표시된 데이터를 제한하는 데 쉽게 사용할 수 있습니다.
개요 비디오
애플리케이션에서 프로젝트 태스크 검색 페이지를 검토할 때 다양한 패싯을 선택 및 선택 취소하여 다른 데이터 뷰를 생성할 수 있습니다. 기본 뷰에서 패싯을 선택하면 새 기준을 충족하는 레코드 수가 표시되도록 나머지 모든 패싯 수가 업데이트됩니다. 다음 단계에서 일부 패싯을 사용자 정의합니다.
패싯을 살펴보면 상태 섹션이 페이지 아래로 되어 여러 값(하나 이상)을 선택할 수 있습니다.
-
런타임 애플리케이션에서 프로젝트 작업 검색을 눌러 검색 페이지로 이동합니다. APEX App Builder에서 이 앱을 실행한 경우 화면 아래쪽에 개발자 도구 모음이 표시됩니다.
주: 앱으로 직접 로그인하는 일반 사용자에게는 이 도구 모음이 표시되지 않습니다.
-
개발자 도구 모음에서 Edit Page 3을 누릅니다.
-
또는 적절한 브라우저 탭 또는 창을 선택하여 브라우저의 APEX App Builder 탭으로 돌아갈 수 있습니다. App Builder에서 3 - 프로젝트 작업 검색을 누릅니다.
이제 Page Designer에 있어야 합니다. Page Designer는 대부분의 시간을 응용 프로그램 개선에 사용합니다. Page Designer에는 세 개의 창이 있습니다. 왼쪽 창에는 초기에 페이지 구성 요소 목록과 함께 렌더링 트리가 표시됩니다. 가운데 창에는 레이아웃, 페이지 표현, 갤러리가 표시되며, 여기에서 새 구성요소를 레이아웃으로 끌어 놓을 수 있습니다. 오른쪽 창은 선택한 구성요소의 속성을 변경할 수 있는 속성 편집기입니다.
상태는 매우 일반적인 검색 기준이므로 응용 프로그램을 보다 유용하게 사용하려면 프로젝트와 지정 대상 사이에 상태가 되도록 페이싯 순서를 재지정하여 보다 쉽게 사용할 수 있도록 표시합니다.
-
렌더링 트리(왼쪽 창)의 검색에서 페이싯 내에서 P3_STATUS을 누른 채 P3_PROJECT 아래에 있을 때까지 위로 끕니다. 그런 다음 마우스를 놓습니다.
현재 상태 패싯은 일련의 체크박스입니다. 하지만 사용자는 한 번에 둘 이상을 선택하는 것이 아니므로 라디오 그룹으로 변환합니다.
-
P3_STATUS을 계속 선택한 상태로 속성 편집기(오른쪽 창) 내에서 식별, 유형을 차례로 찾습니다. 유형을 체크박스 그룹에서 라디오 그룹으로 변경합니다.
-
속성 패널을 더 아래로 스크롤하여 목록 항목, 0 카운트 항목을 찾은 다음 이 필드를 숨기기에서 마지막으로 표시로 변경합니다.
-
페이지 오른쪽 상단에서 저장 및 실행 페이지를 눌러 패싯에 변경사항을 저장하고 앱을 검토합니다.
-
런타임 환경에서 상태 중 하나를 누릅니다. 다른 면의 개수가 선택 사항에 따라 업데이트되는 방식을 검토합니다. 다른 상태 중 하나를 선택하여 데이터를 빠르게 정렬하거나 지우기를 눌러 옵션을 재설정할 수도 있습니다.
페이지 하단에서 페이싯이 떨어진 것을 알 수 있습니다. 사용 가능한 모든 항목을 쉽게 볼 수 있도록 마지막 세 개의 면을 축소하는 것이 좋습니다. 다음 몇 단계에서 이에 대해 알아보겠습니다.
-
개발자 도구 모음의 편집 링크를 사용하여 개발 환경(APEX App Builder)로 다시 이동하거나 적절한 브라우저 탭으로 수동으로 이동합니다.
-
렌더링 트리(왼쪽 창)의 검색에서 페이싯 내에서 P3_ASSIGNED_TO을 누르고 Shift 키를 누른 채 세 개의 페이싯이 선택되도록 P3_COST을 누릅니다. 속성 편집기(오른쪽 창)의 맨 위에 있는 필터 내에 collap을 입력하여 두 개의 속성만 표시됩니다. 고급 및 초기 축소에서 스위치를 선택한 것으로 변경합니다.
주: 필터를 입력하는 대신 업데이트할 올바른 속성을 찾을 때까지 속성을 아래로 스크롤할 수도 있습니다.
-
향상된 검색 페이지를 보려면 저장 및 실행 페이지를 누릅니다.
좋은 직업! 이제 고객 기본 스프레드시트 애플리케이션을 구축하고 유용성을 향상시키는 데 도움이 되는 몇 가지 기능을 추가했습니다. 다음 섹션에서는 보고서 섹션에 몇 가지 향상된 기능을 추가합니다.
보고서 및 폼 개선
이 섹션에서는 Interactive Reports의 기능을 살펴보고 일반 유저의 관점에서 Form 페이지를 향상시키는 방법을 배웁니다. 프로젝트 작업 보고서 페이지는 대화식 보고서를 사용하여 레코드를 표시합니다. 대화식 보고서는 일반 사용자가 표시할 데이터를 수정하고 표시 특성을 변경할 수 있도록 하기 때문에 매우 강력합니다. 이 보고서에 대해 열 구분, 계산 열, 집계 및 차트를 추가합니다. 그런 다음 데이터를 주문하고 모든 사람이 볼 수 있도록 보고서를 저장합니다.
개요 비디오
주: 대체 보고서 저장을 제외한 모든 단계는 일반 사용자가 수행할 수 있습니다. 최종 사용자는 아래에 다루지 않는 여러 가지 추가 기능을 사용할 수 있습니다.
-
런타임 환경에서 프로젝트 작업 보고서를 누릅니다.
-
프로젝트 열 머리글을 누른 다음 프로젝트 제목 아래의 오른쪽에 있는 아이콘인 제어 끊기를 선택합니다.
여기서는 예산과 프로젝트 비용을 비교하는 계산 열을 추가합니다. APEX를 사용하면 일반 사용자가 보고서의 기존 열을 기반으로 새 열을 정의하고 계산을 추가할 수 있습니다. 각 열과 연관된 문자를 사용하여 계산 내에서 열이 선택됩니다.
-
보고서 상단에서 작업을 누르고 데이터를 선택한 다음 컴퓨트를 선택합니다.
-
새로 열린 컴퓨트 대화상자에서 새 열의 이름을 예산 V 비용으로 입력합니다. 그런 다음 Format Mask의 드롭다운 목록을 사용하여 $5240.10의 마스크를 선택하고 FML999G999G999G999G990D00으로 표시합니다. 열 선택기 덕분에 I로 시작할 열을 선택할 수 있습니다. 공백과 대시를 입력한 다음 H 열을 선택하여 표현식이 예제 이미지에서처럼 보이도록 합니다. 적용을 누릅니다.
속성 값 열 레이블 예산 V 원가 형식 마스크 $5234.10 계산 표현식 I - H 그러면 대화형 보고서에 새 열 예산 V 비용이 추가됩니다.
-
각 프로젝트에 대한 예산과 비용을 더하려면 작업을 누르고 데이터를 선택한 다음 집계를 선택합니다.
-
집계 대화상자의 합계 함수를 선택하고 드롭다운 목록 예산 V 비용에서 새 열을 선택한 다음 적용을 누릅니다.
각 프로젝트에 대한 총 예산과 비용을 볼 수 있지만 모든 프로젝트를 전체적으로 파악할 수 있도록 차트에서 합계를 보는 것이 훨씬 쉽습니다.
-
보고서에서 작업을 누르고 차트를 선택합니다. 드롭다운 목록을 사용하여 [막대 차트] 선택 항목을 사용하여 다음 정보를 입력하고 적용을 누릅니다.
속성 값 레이블 프로젝트 값 **예산 V 원가 기능 합계 정렬 레이블-오름차순 방향 가로 -
적용을 누르면 차트가 표시됩니다. 데이터를 보려면 대화형 차트의 일부 위로 커서를 가져가십시오. 작업 단추 왼쪽에 있는 보고서 맨 위에 있는 아이콘을 사용하여 보고서 뷰와 차트 뷰 간에 전환합니다.
-
데이터를 보다 쉽게 다이제스트할 수 있도록 모든 레코드가 시작 날짜별로 정렬된 다음 각 프로젝트 내에서 종료 날짜를 기준으로 정렬되도록 할 수 있습니다. 보고서 상단에서 보고서 보기 아이콘을 누르고 작업을 누르고 데이터를 선택한 다음 정렬을 선택합니다.
-
정렬 대화상자에서 다음 정보를 입력하고 적용을 누릅니다.
행 속성 값 2 열 시작 날짜 3 열 종료 날짜 3 널 정렬 널 항상 마지막 이제 대화식 보고서를 수정했으므로 보고서 레이아웃을 저장하는 것이 중요합니다. 일반 사용자는 볼 수 있는 비공개 보고서만 저장하거나 다른 사용자가 볼 수 있는 공용 보고서를 저장할 수 있습니다.
주: 개발자는 Page Designer에서 보고서 속성을 변경하여 일반 사용자가 공용 보고서를 저장하는 기능을 제거할 수 있습니다.
개발자는 다른 사용 사례에 대해 서로 다른 데이터 뷰를 사용할 수 있도록 보고서를 기본 보고서(기본값) 또는 대체 보고서로 저장할 수 있습니다. 다음 단계에서는 보고서를 대체 보고서로 저장합니다.
-
보고서에서 작업을 누르고 보고서를 선택한 다음 보고서 저장을 선택합니다.
-
보고서 저장 시 저장(개발자에게만 표시됨) 드롭다운 목록에서 기본 보고서 설정으로를 선택합니다.
주: 일반 사용자는 전용 및 공용 보고서를 저장할 수 있지만, 앱 작성기에서 앱을 실행한 개발자만 기본 및 대체 보고서를 저장할 수 있습니다.
-
기본 보고서 저장에서 대체를 선택하고 이름 필드에 예산 검토를 입력한 다음 적용을 누릅니다.
사용자가 사용할 수 있는 모든 저장된 보고서를 나열하는 새 선택 목록이 보고서 맨 위에 표시됩니다.
-
초기 보고서 보기로 돌아가서 1을 선택합니다. 기본 보고서를 누른 다음 재설정을 누릅니다.
다음 섹션에서는 양식 페이지를 개선합니다. 양식 페이지에서는 일반 사용자가 단일 정보 레코드를 손쉽게 업데이트할 수 있습니다. 이러한 페이지는 모달 페이지가 되어 원래 페이지의 맨 위에 표시되고 원래 페이지는 회색으로 표시되며 모달 페이지를 먼저 닫지 않으면 액세스할 수 없습니다. 여러 페이지에서 동일한 페이지를 호출할 수 있다는 장점이 있습니다. 이러한 툴에는 페이지 정의 내의 모든 처리, 검증 등이 포함되며 유저에게 친숙하고 매우 간단한 유저 환경을 제공합니다.
기본적으로 [애플리케이션 생성 마법사]에서 생성된 폼 페이지는 모달 페이지입니다. 프로젝트 작업 유지 관리를 위한 모달 페이지는 상당한 부동산을 차지합니다. 동일한 라인에 일자를 배치하고 비용과 예산을 동일한 라인에 배치하여 이를 쉽게 개선할 수 있습니다. 마지막으로 상태는 값을 입력할 수 있도록 허용하므로 허용된 상태 목록을 추가하여 데이터 입력을 제한해야 합니다.
-
런타임 환경의 [프로젝트 작업 보고서] 페이지에서 레코드에 대한 편집 아이콘을 클릭합니다.
선택한 레코드에 대한 모달 양식 페이지가 표시됩니다.
-
개발자 도구 모음의 화면 아래에서 페이지 5 편집을 누릅니다.
참고: 개발자 도구 모음을 사용하여 탐색하는 데 문제가 있는 경우 APEX App Builder의 브라우저 탭으로 수동으로 이동하십시오. 응용 프로그램 홈 페이지에 있는 경우 5 - 프로젝트 작업을 눌러 페이지로 이동합니다. Page Designer의 다른 페이지에 이미 있는 경우 도구 모음의 페이지 선택기를 사용하여 5페이지로 이동합니다.
[레이아웃] 패널에서 항목을 끌어 놓아 항목을 이동할 수 있습니다. 영역, 항목 및 단추와 같은 새 구성요소를 레이아웃 아래의 갤러리에서 레이아웃으로 끌어올 수도 있습니다.
-
페이지 설계자에서 페이지 5가 로드되고 레이아웃(중간 창) 내에서 P5_END_DATE을 누르고 마우스를 계속 누르고 있습니다. P5_START_DATE 바로 뒤에 오고 노란색 상자가 표시될 때까지 항목을 오른쪽 위로 끕니다. 마우스를 놓아 항목을 새 위치에 놓습니다.
끌어 놓기 대신 레이아웃 패널의 속성을 사용하여 항목의 위치를 변경할 수도 있습니다.
-
(대체 방법) 페이지 설계자, 레이아웃 또는 왼쪽 창의 렌더링 트리 내에서 P5_BUDGET을 선택합니다. 속성 편집기(오른쪽 창)의 레이아웃에서 새 행 시작을 선택 해제합니다.
주: [새 행 시작]을 선택 해제하면 [레이아웃] 내에서 항목이 위 항목과 동일한 줄로 이동됩니다.
다음으로 데이터 입력을 제한하기 위해 보고서를 향상시킵니다. 가장 간단한 기법 중 하나의 항목에 대한 데이터 입력을 제한하려면 데이터를 선택 목록으로 입력할 수 있는 텍스트 항목을 변환하는 것입니다.
-
페이지 디자이너의 렌더링 트리(왼쪽 창) 내에서 P5_STATUS을 선택합니다. 속성 편집기(오른쪽 창)에서 다음 정보를 입력합니다.
그룹 속성 값 식별 Type 선택 목록 값 목록 Type SQL 질의 추가 값 표시 선택 취소 널 표시 값 - 상태 선택 -을 입력합니다. -
값 목록 및 SQL 질의 필드에 다음 코드를 입력합니다.
select distinct status d, status r from project_tasks order by 1
-
테스트하기 전에 변경 사항을 저장하는 것이 중요합니다. Page Designer의 맨 위에 있는 도구 모음 내에서 저장을 누릅니다.
주: 도구 모음에서 [저장 후 실행]을 누르면 실행 중인 페이지가 아닌 메시지가 표시됩니다. 모달 페이지는 Page Designer에서 직접 실행할 수 없으므로 이는 예상된 동작입니다.
-
런타임 환경으로 돌아가서 브라우저를 새로 고치거나 모달 페이지에서 취소를 눌러 프로젝트 작업 보고서 페이지로 돌아갑니다.
-
[프로젝트 태스크 보고서] 페이지에서 레코드에 대한 편집 아이콘을 클릭합니다. 향상된 레이아웃을 검토하고 상태를 눌러 사용 가능한 상태 목록을 확인합니다.
잘 하셨습니다! 지금까지 간단한 APEX 애플리케이션에서 기본 보고 기능을 커스터마이즈하는 방법을 배웠습니다. 간단한 데이터 관계를 생성하고 그래프 형식으로 표시하는 방법을 보여줍니다. 또한 최종 사용자도 APEX의 강력한 기능을 사용할 수 있습니다(가장 관심이 있는 경우). 다음 섹션에서는 달력 애플리케이션을 자세히 설명합니다.
일정 개선(선택 사항)
이 단계에서는 고객 사용 사례에 대한 캘린더를 향상시키는 방법을 배웁니다. 기존 일정 페이지를 모달 양식 페이지에 연결합니다. 기본 달력 페이지에는 태스크 이름이 아닌 프로젝트가 표시되며, 고객이 기간 기반 이벤트를 보려는 시작 일자만 표시됩니다. 이러한 항목을 기본 사용자 정의로 변경하여 일정을 시작합니다.
비디오 개요
-
런타임 환경에서 달력을 누릅니다.
주: 표시된 데이터를 보려면 달력 상단의 화살표를 사용하여 앞뒤로 또는 앞으로 월을 탐색해야 할 수 있습니다.
-
개발자 도구 모음에서 Edit Page 6을 누릅니다. 또는 APEX App Builder 브라우저 탭으로 돌아가서 수동으로 페이지 6으로 이동합니다.
달력 보기에 표시되는 열을 변경하고 달력 속성을 업데이트하여 이벤트 기간을 지정합니다.
-
페이지 디자이너의 렌더링 패널(왼쪽 창)에서 달력 항목을 누른 다음 영역 탭 옆에 있는 두번째 탭으로 속성 탭에서 찾을 속성 탭을 누릅니다.
-
속성 편집기(오른쪽 창) 내에서 설정, 열 표시에서 표시 열의 드롭다운 목록을 누르고 TASK_NAME을 선택한 다음 종료 날짜 열 드롭다운 목록에서 END_DATE을 선택합니다.
-
페이지 디자이너의 도구 모음에서 저장 후 실행을 눌러 변경사항을 검토합니다.
수정된 일정을 살펴보고 기간 기반 이벤트로 변경할 경우 예상대로 진행되지 않을 가능성이 있음을 알 수 있습니다. 따라서 약간 변경하고 위에 추가된 종료 날짜 열을 제거합니다.
-
APEX App Builder로 돌아가서 Page Designer에서 Page 6을 선택합니다. 렌더링 트리(왼쪽 창)에서 달력을 누르고 맨 오른쪽 페이지 탭에서 속성을 다시 누릅니다.
-
속성 편집기(오른쪽 창) 내에서 설정 및 종료 날짜 열에 대해 - 선택 -을 선택하여 END_DATE 항목을 지우고 일정을 사용자 친화적으로 만듭니다.
-
Page Designer에서 저장 후 실행을 눌러 향상된 달력을 확인합니다.
다음 개선 사항은 달력 이벤트를 클릭하는 대상을 변경하는 것입니다. 현재는 달력 항목을 누르거나 마우스를 가져가면 이벤트 세부정보가 표시됩니다. 고객은 엔드 유저가 손쉽게 세부 정보를 업데이트할 수 있도록 프로젝트 작업 양식에 직접 연결할 수 있는 것이 더 유용할 것이라고 생각합니다. 따라서 다음 단계에서 캘린더의 항목을 링크합니다.
-
APEX App Builder로 이동하고 Page 6이 선택된 상태로 Page Designer가 표시되는지 확인합니다.
이전 실습에서 수정한 프로젝트 작업 폼 페이지인 달력 영역에서 페이지 5로의 보기/편집 링크를 생성합니다.
-
페이지 디자이너의 렌더링 트리(왼쪽 창) 내에서 달력을 누르고 속성 편집기(오른쪽 창)에서 속성 탭을 누릅니다. 속성 설정 섹션에서 링크 보기/편집 항목을 찾습니다. 정의된 링크 없음이 표시되는 위치를 누릅니다.
-
드롭다운 목록 및 선택 필드를 사용하여 결과 양식에 다음 정보를 입력하고 확인을 누릅니다.
속성 값 Type 이 애플리케이션의 페이지 페이지 5 항목 설정 > 이름 P5_ID 항목 설정 > 값 &ID. 캐시 지우기 5 작업 페이지 번호 지정 재설정 새 링크를 사용하여 작업 이름 또는 시작 날짜를 변경할 때마다 달력이 업데이트되어야 합니다. 페이지가 적절하게 갱신되도록 하려면 대화상자(모달 페이지)가 닫힐 때 달력 영역을 새로 고치는 동적 작업을 정의해야 합니다. Dynamic Action은 선언적 방식으로 클라이언트측 상호 작용을 정의합니다. 개발자는 이벤트 실행 시기, 수행할 작업 및 수행할 작업을 지정합니다.
-
페이지 디자이너의 렌더링 트리(왼쪽 창) 내에서 달력 영역을 마우스 오른쪽 단추로 누르고 메뉴에서 동적 작업 생성을 선택합니다.
-
동적 작업을 선택한 상태로 속성 편집기(오른쪽 창) 내에서 다음 정보를 입력합니다.
그룹 속성 값 ID 이름 달력 새로고침 시기 이벤트 대화상자 마감 선택 유형 영역 영역 달력 -
렌더링 트리(왼쪽 창) 내에서 동적 작업에 대한 True 작업에서 표시를 선택합니다. 속성 편집기(오른쪽 창)에서 다음 정보를 입력합니다.
그룹 속성 값 ID 작업 새로고침 영향을 받는 요소 선택 유형 영역 영역 달력 -
Page Designer의 도구 모음에서 저장 후 실행을 눌러 완료된 응용 프로그램을 검토합니다.
-
런타임 환경의 달력에서 이벤트를 선택하여 향상된 달력 동작을 확인합니다. 캘린더 항목을 선택하고 업데이트합니다. 프로젝트 작업 양식 페이지에서 작업 이름과 시작 날짜를 업데이트합니다. 변경 사항 적용을 누릅니다.
-
업데이트된 세부 정보를 표시하려면 달력이 새로 고쳐지는지 확인합니다.
훌륭합니다! Oracle Autonomous Transaction Database를 생성하여 일반적인 비즈니스 스프레드시트를 강력한 애플리케이션으로 변환했습니다. 데이터를 세분화하고 많은 기본값을 조정하여 고객이 애플리케이션을 더욱 개선하기 위해 선택할 수 있는 일부 사용자정의만 표시했습니다. 데모 없이 편안하게 실행할 수 있을 때까지 이 데모를 마음껏 실행해 보십시오.
이제 APEX와 Oracle Autonomous Database의 강력한 성능을 확신할 수 있습니다!
관련 링크
추가 학습 자원
docs.oracle.com/learn에서 다른 실습을 찾아보거나 Oracle Learning YouTube channel에서 무료 학습 콘텐츠에 액세스할 수 있습니다. 또한 education.oracle.com/learning-explorer를 방문하여 Oracle Learning Explorer로 변경하십시오.
제품 설명서는 Oracle Help Center를 참조하십시오.
Use APEX to create an app from a spreadsheet
F50451-01
November 2021
Copyright © 2021, Oracle and/or its affiliates.