툴 강좌: JSF
및 SDO를 사용하여 웹 사용자 인터페이스 빌드
목적
이 툴 강좌는 RAD 6.0에서 SDO(Server Data Object)를
사용하여 백엔드 데이터에 액세스하는 JSF(JavaServer
Faces) 웹 페이지를 구성하는 방법에 대해 모두 설명합니다.
JSF 및 SDO 기술에 대한 설명과 웹 사용자 인터페이스를
빌드하는 방법에 대한 가이드라인은 다음을 참조하십시오.
개요
이 툴 강좌에서는 어플리케이션에 대한 동적 웹 프로젝트가 이미
작성되었으며 모든 필수 SDO 컴포넌트가 개발되어 프로젝트에 포함된
것으로 가정합니다. 이 툴 강좌에서는 다음 단계가 수행됩니다.
추가 자원에 대한 참조는 다음을 참조하십시오.
다음과 같이 어플리케이션 웹 프로젝트의 WebContent
폴더에 새 Faces JSP 파일을 작성하십시오.
- 새 Faces JSP 파일 마법사를 시작하십시오.
- 원하는 페이지 모델(기본 또는 클라이언트측
데이터 캐싱을 사용하는 기본)을 선택하십시오.
- 페이지 템플리트, 태그 라이브러리
및 계단식 스타일시트 옵션을 선택적으로 지정하십시오.
- 완료를 눌러 Page Designer에서 새 페이지를 여십시오.
Page Designer에는 여러 가지 드로어(수 많은 사전 정의된 사용자 인터페이스 컴포넌트 포함)가 있는
팔레트 보기가 있습니다.
- Faces 컴포넌트 또는 Faces 클라이언트 컴포넌트(클라이언트측
데이터 캐싱을 사용하는 Faces JSP에만 사용 가능) 드로어에서
페이지로 JSF 컴포넌트를 끌어오십시오.
- 데이터 드로어에서 페이지로 SDO를 끌어오십시오. 해당 데이터 컴포넌트
참조 마법사가 열려 사용자가 소스 및 초기 형상 특성을 지정할 수 있습니다.
- 필요에 따라 다른 UI 컴포넌트를 팔레트에서 페이지로 끌어오십시오.
페이지의 UI 컴포넌트는 특성화 보기(예: 특성, 페이지
데이터 및 클라이언트 데이터 보기)를 사용하거나 해당 컴포넌트가
페이지에 표시될 때 팝업되는 마법사를 사용하여 구성할 수 있습니다.
- JSF 컴포넌트를 구성하십시오. 특성 보기를 사용하면 다음을 수행할 수 있습니다.
a. 컴포넌트 모양을 사용자 정의하십시오.
b. 컴포넌트 값을 페이지 데이터 또는 클라이언트
데이터 보기에 정의된 데이터로 바인드하십시오.
c. Java 스니펫에서 리턴된 별명을 기반으로 제어
컴포넌트(예: 명령 단추)의 탐색 규칙을 지정하십시오.
- SDO 컴포넌트를 구성하십시오.
a. 페이지에 컴포넌트가 표시되면 팝업 마법사를 사용하여
SDO의 데이터 소스(예: JavaBean 클래스 이름 또는
데이터베이스 및 테이블 이름)를 지정할 수 있습니다.
b. 관계형 데이터 SDO의 경우, 마법사를
사용하여 고급 옵션(예: 자동 키 생성 및
동시성 제어 설정)을 구성할 수도 있습니다.
c. 특성 보기를 사용하면 가능한 경우 SDO의
데이터 형식 및 페이징 옵션을 사용자 정의할 수 있습니다.
- 기타 UI 컴포넌트를 구성하십시오. 특성 보기를
사용하여 컴포넌트에 사용 가능한 옵션을 확인하고 사용자 정의하십시오.
JSF 컴포넌트의 경우, 빠른 편집 보기를 사용하여 이벤트
처리 및 유효성 확인 논리에 필요한 Java 스니펫을 추가할 수 있습니다.
- 컴포넌트 특성 보기에 간단한
유효성 확인 규칙(예: 값은 필수)을 지정하십시오.
- 빠른 편집 보기를 사용하여 사용자 정의 코드 유효성 확인을 추가하십시오.
- 빠른 편집 보기를 사용하여 컴포넌트의 이벤트 처리
코드(예: 제어 탐색에 별명 값 리턴)를 사용자 정의하십시오.
Page Designer의 메뉴 표시줄에서 다른 이름으로 실행 > 서버에서 실행을 선택하여
페이지를 테스트하십시오. 웹 페이지에서 SDO를 지원하려면 WebSphere v5.1
이상 서버를 대상 테스트 환경으로 선택해야 합니다. 서버가
시작되면 브라우저 보기에서 페이지가 열려 테스트할 수 있습니다.
- Rational Application Developer v6.0을 시작하십시오.
- 메뉴 표시줄에서 도움말 > 학습 갤러리를 선택하십시오.
- 학습 보기, 학습 재생 및 학습
수행 섹션 중 하나 이상을 검색하십시오.
|