Oracle Apex로 CRUD 화면을 폭속 개발 - 그 1 (구성 주위, 일람 표시)
7308 단어 OracleAPEXoraclecloud
소개
"20배 빠른 100분의 1 코드로 엔터프라이즈 애플리케이션 구축"
Oracle Apex는 재미있을 것 같습니다
조금 시작하고 싶지만,,,
- 영어 문서가 싫어
- 텍스트 전용 공식 문서를 최대한 우회하고 싶습니다.
그런 여러분(자신도 포함)을 향해 기본적인 튜토리얼을 작성해 보았습니다.
대상
Oracle Apex 초보자 대상.
다만 이번 전제가 되는 OCI의 계정 개설~DB 구축은 기재하지 않습니다.
필요한 경우 여기를 참조하세요.
[Oracle Cloud] OCI IaaS 관련 정보 요약
시리즈
Oracle Apex로 CRUD 화면을 폭속 개발 - 그 1 (구성 주위, 일람 표시)//이번
Oracle Apex로 CRUD 화면을 폭속 개발 - 그 2 (상세보기)
Oracle Apex로 CRUD 화면을 폭속 개발 - 그 3 (등록 / 갱신 처리, Validation, 액세스 제한 등)
Oracle Apex로 CRUD 화면을 폭속 개발 - 그 4(선택 리스트의 내용으로 리스트 표시 내용을 갱신시킨다)
버전
Oracle Autonomous Transaction Processing 19c
Oracle Cloud Apex 19.2.0.00.18
참고 사이트
이쪽의 블로그를 참고로 했습니다. 고마워요!
APEX에서 대화 모드 보고서 작성
공식은 여기 → OracleApex 공식 사이트
이번에 작성할 CRUD 화면 이미지

테이블
정평 DEPT표와 EMP표를 이용합니다.
DEPT
COLUMN_NAME
DATA_TYPE
NULLABLE
COLUMN_ID
PK
DEPTNO
NUMBER(2,0)
아니
1
*
DNAME
VARCHAR2(14 BYTE)
예
2
LOC
VARCHAR2(13 BYTE)
예
3
EMP
COLUMN_NAME
DATA_TYPE
NULLABLE
COLUMN_ID
PK
EMPNO
NUMBER(4,0)
아니
1
*
ENAME
VARCHAR2(10 BYTE)
예
2
JOB
VARCHAR2(9 BYTE)
예
3
MGR
NUMBER(4,0)
예
4
HIREDATE
DATE
예
5
SAL
NUMBER(7,2)
예
6
COMM
NUMBER(7,2)
예
7
DEPTNO
NUMBER(2,0)
예
8
테이블 이외의 DB 객체
Oracle Apex 초보자 대상.
다만 이번 전제가 되는 OCI의 계정 개설~DB 구축은 기재하지 않습니다.
필요한 경우 여기를 참조하세요.
[Oracle Cloud] OCI IaaS 관련 정보 요약
시리즈
Oracle Apex로 CRUD 화면을 폭속 개발 - 그 1 (구성 주위, 일람 표시)//이번
Oracle Apex로 CRUD 화면을 폭속 개발 - 그 2 (상세보기)
Oracle Apex로 CRUD 화면을 폭속 개발 - 그 3 (등록 / 갱신 처리, Validation, 액세스 제한 등)
Oracle Apex로 CRUD 화면을 폭속 개발 - 그 4(선택 리스트의 내용으로 리스트 표시 내용을 갱신시킨다)
버전
Oracle Autonomous Transaction Processing 19c
Oracle Cloud Apex 19.2.0.00.18
참고 사이트
이쪽의 블로그를 참고로 했습니다. 고마워요!
APEX에서 대화 모드 보고서 작성
공식은 여기 → OracleApex 공식 사이트
이번에 작성할 CRUD 화면 이미지

테이블
정평 DEPT표와 EMP표를 이용합니다.
DEPT
COLUMN_NAME
DATA_TYPE
NULLABLE
COLUMN_ID
PK
DEPTNO
NUMBER(2,0)
아니
1
*
DNAME
VARCHAR2(14 BYTE)
예
2
LOC
VARCHAR2(13 BYTE)
예
3
EMP
COLUMN_NAME
DATA_TYPE
NULLABLE
COLUMN_ID
PK
EMPNO
NUMBER(4,0)
아니
1
*
ENAME
VARCHAR2(10 BYTE)
예
2
JOB
VARCHAR2(9 BYTE)
예
3
MGR
NUMBER(4,0)
예
4
HIREDATE
DATE
예
5
SAL
NUMBER(7,2)
예
6
COMM
NUMBER(7,2)
예
7
DEPTNO
NUMBER(2,0)
예
8
테이블 이외의 DB 객체
Oracle Autonomous Transaction Processing 19c
Oracle Cloud Apex 19.2.0.00.18
참고 사이트
이쪽의 블로그를 참고로 했습니다. 고마워요!
APEX에서 대화 모드 보고서 작성
공식은 여기 → OracleApex 공식 사이트
이번에 작성할 CRUD 화면 이미지

테이블
정평 DEPT표와 EMP표를 이용합니다.
DEPT
COLUMN_NAME
DATA_TYPE
NULLABLE
COLUMN_ID
PK
DEPTNO
NUMBER(2,0)
아니
1
*
DNAME
VARCHAR2(14 BYTE)
예
2
LOC
VARCHAR2(13 BYTE)
예
3
EMP
COLUMN_NAME
DATA_TYPE
NULLABLE
COLUMN_ID
PK
EMPNO
NUMBER(4,0)
아니
1
*
ENAME
VARCHAR2(10 BYTE)
예
2
JOB
VARCHAR2(9 BYTE)
예
3
MGR
NUMBER(4,0)
예
4
HIREDATE
DATE
예
5
SAL
NUMBER(7,2)
예
6
COMM
NUMBER(7,2)
예
7
DEPTNO
NUMBER(2,0)
예
8
테이블 이외의 DB 객체

테이블
정평 DEPT표와 EMP표를 이용합니다.
DEPT
COLUMN_NAME
DATA_TYPE
NULLABLE
COLUMN_ID
PK
DEPTNO
NUMBER(2,0)
아니
1
*
DNAME
VARCHAR2(14 BYTE)
예
2
LOC
VARCHAR2(13 BYTE)
예
3
EMP
COLUMN_NAME
DATA_TYPE
NULLABLE
COLUMN_ID
PK
EMPNO
NUMBER(4,0)
아니
1
*
ENAME
VARCHAR2(10 BYTE)
예
2
JOB
VARCHAR2(9 BYTE)
예
3
MGR
NUMBER(4,0)
예
4
HIREDATE
DATE
예
5
SAL
NUMBER(7,2)
예
6
COMM
NUMBER(7,2)
예
7
DEPTNO
NUMBER(2,0)
예
8
테이블 이외의 DB 객체
목록 화면의 표시 정보보기
SELECT
E.EMPNO,E.DEPTNO,D.DNAME,E.ENAME,E.JOB,E.MGR,E.HIREDATE,E.SAL,E.COMM
FROM
EMP E LEFT OUTER JOIN DEPT D
ON
E.DEPTNO = D.DEPTNO
ORDER BY
E.EMPNO
Apex workspace 만들기, 로그인
할애하다
목록 화면 만들기
1 App Builder>Create>(Create an Application)에서 가장 왼쪽의 "New Application"을 클릭하여 진행한다.
※ 이번에는 선택하지 않지만, 옆의 "From File"을 선택하면 Excel에서 실로 쉽게 목록 화면을 만들 수 있습니다.

2 [Create an Application] 페이지에서 앱 이름 지정(SampleApp)
※또, 화면 아래쪽에 언어 전환도 있으므로 Language="Japanese"로 전환하면 좋을지도.

3 "Add Page"를 클릭하고 열린 대화 상자에서 "Interactive Report"를 선택합니다.

4 PageName 입력("직원 목록")
"Table or View"에서 "V_EMP"(목록 표시용 View: 이전)를 선택하고 "AddPage"를 클릭합니다.

5 "Create Application"을 클릭하고 완성.
6 "Run Application"을 클릭합니다.

7.workspace 작성 시 지정한 DB 사용자 이름과 암호 입력.

8 대시보드에 페이지가 만들어졌는지 확인합니다.

9 "직원 목록"을 누릅니다. 목록이 안전하게 표시되는지 확인합니다.
축하합니다.

목록 화면 개선
표시 건수를 변경하고 싶습니다.
1 위의 화면 하단에있는 검은 색 띠의 "Edit Page2"를 클릭하십시오.
2 Component View(위의 탭 부분)로 전환하고 "Content Body">"V_Emp"에서 "Interactive Report"를 클릭합니다. 화면 오른쪽의 Attribute 창을 스크롤하여 "Rows Per Page Selector"를 활성화합니다.

항목 이름을 일본어로 만들고 싶습니다.
1 계층의 "Content Body"> "V_EMP"의 Columns를 클릭합니다. 화면 오른쪽의 Column 창의 "Heading"항목에서 일본어로 수정할 수 있습니다.

ID 항목의 자리 구분 기호를 제거하고 싶습니다.
1 계층의 "Content Body"> "V_EMP"의 Columns> EMPNO를 클릭합니다. 화면 오른쪽의 Column 창의 "Appearance">"Format Mask"에 "9999"를 설정하여 변경합니다.
※ 마찬가지로 "MGR"항목도 같은 수정을 실시합니다.

참고 URL : Format Models
변경 내용 확인
다음과 같이 반영되었습니다.
Reference
이 문제에 관하여(Oracle Apex로 CRUD 화면을 폭속 개발 - 그 1 (구성 주위, 일람 표시)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/harukb/items/bad041174f59a9f07141
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
1 App Builder>Create>(Create an Application)에서 가장 왼쪽의 "New Application"을 클릭하여 진행한다.
※ 이번에는 선택하지 않지만, 옆의 "From File"을 선택하면 Excel에서 실로 쉽게 목록 화면을 만들 수 있습니다.

2 [Create an Application] 페이지에서 앱 이름 지정(SampleApp)
※또, 화면 아래쪽에 언어 전환도 있으므로 Language="Japanese"로 전환하면 좋을지도.

3 "Add Page"를 클릭하고 열린 대화 상자에서 "Interactive Report"를 선택합니다.

4 PageName 입력("직원 목록")
"Table or View"에서 "V_EMP"(목록 표시용 View: 이전)를 선택하고 "AddPage"를 클릭합니다.

5 "Create Application"을 클릭하고 완성.
6 "Run Application"을 클릭합니다.

7.workspace 작성 시 지정한 DB 사용자 이름과 암호 입력.

8 대시보드에 페이지가 만들어졌는지 확인합니다.

9 "직원 목록"을 누릅니다. 목록이 안전하게 표시되는지 확인합니다.
축하합니다.

목록 화면 개선
표시 건수를 변경하고 싶습니다.
1 위의 화면 하단에있는 검은 색 띠의 "Edit Page2"를 클릭하십시오.
2 Component View(위의 탭 부분)로 전환하고 "Content Body">"V_Emp"에서 "Interactive Report"를 클릭합니다. 화면 오른쪽의 Attribute 창을 스크롤하여 "Rows Per Page Selector"를 활성화합니다.

항목 이름을 일본어로 만들고 싶습니다.
1 계층의 "Content Body"> "V_EMP"의 Columns를 클릭합니다. 화면 오른쪽의 Column 창의 "Heading"항목에서 일본어로 수정할 수 있습니다.

ID 항목의 자리 구분 기호를 제거하고 싶습니다.
1 계층의 "Content Body"> "V_EMP"의 Columns> EMPNO를 클릭합니다. 화면 오른쪽의 Column 창의 "Appearance">"Format Mask"에 "9999"를 설정하여 변경합니다.
※ 마찬가지로 "MGR"항목도 같은 수정을 실시합니다.

참고 URL : Format Models
변경 내용 확인
다음과 같이 반영되었습니다.
Reference
이 문제에 관하여(Oracle Apex로 CRUD 화면을 폭속 개발 - 그 1 (구성 주위, 일람 표시)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/harukb/items/bad041174f59a9f07141
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Oracle Apex로 CRUD 화면을 폭속 개발 - 그 1 (구성 주위, 일람 표시)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/harukb/items/bad041174f59a9f07141텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)