Easy UI Tutorial Wizard는 Easy UI를 사용해 화면을 구성하는 방법을 간략하게 살펴보고 필요한 개발 환경을 설정하고 샘플 파일을 설치합니다.
Easy UI Tutorial Wizard 실행하기
프로젝트 생성 시 [Use 'Easy UI' > Start Tutorial]를 선택하거나 프로젝트를 연 상태에서 메뉴[Easy UI > Let's Try Easy UI] 선택 시 Easy UI Tutorial Wizard를 실행합니다.
프로젝트 생성 마법사에서 실행에서 Use 'Easy UI' 선택하기
Easy UI 단계에서 [Use 'Easy UI' > Start Tutorial] 항목을 선택하고 [Finish] 버튼을 클릭하면 Easy UI Tutorial Wizard를 실행합니다.
Easy UI Tutorial Wizard 실행 중 [Cancel] 버튼을 클릭하면 Easy UI 설정 없이 프로젝트를 생성합니다.
메뉴에서 Let's Try Easy UI 항목 선택하기
메뉴[Easy UI > Let's Try Easy UI] 선택 시 Easy UI Tutorial Wizard를 실행합니다. 현재 열려있는 프로젝트에 개발 환경을 설정하고 샘플 파일을 설치합니다.
Easy UI Tutorial Wizard 실행 화면
Easy UI Tutorial Wizard는 설정값을 입력하는 화면은 없으며 간단한 기능 소개 화면으로만 구성되어 있습니다. [Next] 또는 [Prev] 버튼을 클릭해 내용을 탐색할 수 있습니다.
설명 | |
---|---|
1 | 기능 소개 내용을 확인하고 마지막 소개 단계에서 [Finish] 버튼이 활성화됩니다. [Finish] 버튼을 클릭하면 개발 환경을 설정하고 샘플 파일을 설치합니다. |
2 | 실행 중 [Cancel] 버튼을 클릭하면 Wizard 실행을 종료합니다. |
Easy UI Tutorial Wizard 실행 결과
Easy UI Tutorial Wizard를 실행하고 [Finish] 버튼을 클릭하면 프로젝트에 아래와 같은 결과가 반영됩니다.
View 컴포넌트를 사용할 수 있도록 설정하고 툴바에 표시합니다.
model 타입의 서비스를 등록하고 3가지 모델 샘플을 등록합니다.
3가지 View Template을 등록합니다.
2가지 Action 오브젝트를 설치하고 등록합니다.
4가지 Viewset Template을 등록합니다.
그리고 sample_SingleDetail Viewset Template으로 EasyUITutorialForm.xfdl 파일을 생성합니다.
EasyUITutorialForm.xfdl
Easy UI Tutorial Wizard 실행 결과로 생성되는 파일이며 QuickView 실행 후 [Search] 버튼 클릭 시 데이터를 조회할 수 있습니다.
전체 화면은 2개의 View로 구성되어 있습니다. Easy Design Mode를 활성화하고 각각의 View 오른쪽 아래쪽에 보이는 [i] 버튼을 클릭하면 View 정보를 확인할 수 있습니다.