도구 사용 도움말: JSF 및 SDO를 사용하여 웹 사용자 인터페이스 빌드
이 도구 사용 도움말은 RAD 6.0 모델링 환경에서 SDO(Server Data Object)를 사용하여 백엔드 데이터에 액세스하는 JSF(JavaServer Faces)를 구성하기 위한 전체 접근 방식에 대해 설명합니다.
도구: Rational Application Developer
관계
관련 요소
기본 설명

개요

이 도구 사용 도움말은 응용프로그램에 대한 동적 웹 프로젝트가 이미 작성되었으며 모든 필수 SDO 컴포넌트가 개발되어 프로젝트에 포함된 것으로 가정합니다. 이 도구 사용 도움말에서는 다음 단계가 수행됩니다.

추가 자원에 대한 참조는 다음을 참조하십시오.

Faces JSP 파일 작성

다음과 같이 응용프로그램 웹 프로젝트의 WebContent 폴더에 새 Faces JSP 파일을 작성하십시오.

  1. 새 Faces JSP 파일 마법사를 시작하십시오.
  2. 원하는 페이지 모델(기본 또는 클라이언트측 데이터 캐싱을 사용하는 기본)을 선택하십시오.
  3. 선택적으로 페이지 템플리트, 태그 라이브러리 및 캐스케이딩 스타일시트 옵션을 지정하십시오.
  4. 완료를 클릭하여 Page Designer에서 새 페이지를 여십시오.

시각적으로 페이지 레이아웃 작성

Page Designer의 팔레트 보기에는 사전 정의된 많은 사용자 인터페이스(UI) 컴포넌트를 포함하는 여러 드로어가 포함됩니다.

  1. Faces 컴포넌트 또는 Faces 클라이언트 컴포넌트(클라이언트측 데이터 캐싱을 사용하는 Faces JSP에만 사용 가능) 드로어의 JSF 컴포넌트를 페이지로 끄십시오.
  2. 데이터 드로어의 SDO 컴포넌트를 페이지로 끄십시오. 해당 데이터 컴포넌트 참조 마법사가 열려 해당 소스 및 초기 구성 특성을 지정할 수 있습니다.
  3. 필요에 따라 팔레트의 다른 UI 컴포넌트를 페이지로 끄십시오.

컴포넌트 매개변수 및 속성 구성

페이지의 UI 컴포넌트는 특수 보기(예: 특성, 페이지 데이터클라이언트 데이터 보기) 또는 컴포넌트를 페이지에 놓을 때 팝업되는 마법사를 사용하여 구성할 수 있습니다.

  1. JSF 컴포넌트를 구성하십시오. 특성 보기를 사용하면 다음 작업을 수행할 수 있습니다.

    a. 컴포넌트의 모양을 사용자 정의
    b. 컴포넌트 값을 페이지 데이터 또는 클라이언트 데이터 보기에 정의된 데이터에 바인드
    c. Java 스니펫에서 리턴된 별명을 기반으로 제어 컴포넌트(예: 명령 단추)에 대한 탐색 규칙을 지정

  2. SDO 컴포넌트를 구성하십시오.

    a. 컴포넌트를 페이지에 놓고 팝업 마법사를 사용하여 SDO의 데이터 소스(예: JavaBean 클래스 이름 또는 데이터베이스 및 테이블 이름)를 지정할 수 있습니다.
    b. 관계형 데이터 SDO의 경우, 또한 마법사를 사용하여 자동 키 생성 및 동시성 제어 설정과 같은 고급 옵션을 구성할 수 있습니다.
    c. 특성 보기를 사용하면 가능한 경우 SDO의 데이터 형식과 페이징 옵션을 사용자 정의할 수 있습니다.

  3. 다른 UI 컴포넌트를 구성하십시오. 특성 보기를 사용하여 컴포넌트에 사용 가능한 옵션을 보고 사용자 정의하십시오.

이벤트 처리 및 유효성 검증 로직 추가

JSF 컴포넌트의 경우, 빠른 편집 보기를 사용하여 이벤트 처리 및 유효성 검증 로직에 대한 Java 스니펫을 추가할 수 있습니다.

  1. 컴포넌트의 특성 보기에서 간단한 유효성 검증 규칙(예: 값은 필수)을 지정하십시오.
  2. 빠른 편집 보기를 사용하여 사용자 정의 코드 유효성 검증을 추가하십시오.
  3. 빠른 편집 보기를 사용하여 컴포넌트의 이벤트 처리 코드를 사용자 정의하십시오(예: 별명 값을 제어 탐색으로 리턴).

페이지 테스트

Page Designer의 메뉴 표시줄에서 실행 도구 > 서버에서 실행을 선택하여 페이지를 테스트하십시오. 웹 페이지에서 SDO를 지원하려면 WebSphere v5.1 이상 서버를 대상 테스트 환경으로 선택해야 합니다. 서버가 시작되면 브라우저 보기에서 페이지가 열려 테스트할 수 있습니다.

자세한 정보 

  1. Rational Application Developer v6.0을 시작하십시오.
  2. 메뉴 표시줄에서 도움말 > 학습서 갤러리를 선택하십시오.
  3. 동영상 시청을 통한 학습, 실행을 통한 학습수행을 통한 학습 섹션 중 하나 이상을 탐색하십시오.