이 학습에서는 신문의 안내 광고란과 같은 기능을
수행하는 동적 웹 사이트를 디자인하는 방법에 대해 설명합니다.
이러한 웹 사이트는 완전한 J2EE 웹 응용프로그램으로서 JSF(JavaServer Faces) 컴포넌트와
SDO(Service Data Objects)를 사용합니다. 이 응용프로그램에서는 JSF
기술을 사용하여 안내 광고 데이터를 저장하는 데이터베이스에
링크되는 동적 웹 페이지를 작성합니다. JSF 컴포넌트를 사용자의 페이지로 끌어다 놓는 방식으로 CRUD 응용프로그램으로 알려져 있는 JSF 웹 응용프로그램을 작성할 수 있습니다.
CRUD 응용프로그램을 사용하여 데이터베이스에서 레코드를 작성, 읽기, 갱신 및 삭제할 수 있습니다. 사이트 사용자는 이러한 기능을 사용하여
해당 데이터베이스에서 안내 광고를 관리할 수 있습니다.
이 학습은
선택적으로 설치 가능한 일부 컴포넌트가 필요할 수도 있습니다. 적절한 선택적
컴포넌트를 설치했는지 확인하려면 시스템 요구사항 목록을
참조하십시오.
이 학습을 완료하면,
사이트 사용자는 판매할 품목의 목록을 확인할 뿐만 아니라 새 품목을 추가할 수 있으며
품목에 대한 세부사항(가격 또는
설명)을 변경하거나 특정 유형의 품목을 검색할 수 있습니다. 이 학습 사이트의 디자인은 간단하지만 여기서 다루는 원리 및 기술은 규모가 더 크고 복잡한 웹 사이트에서도 동일하게 사용되는 것입니다.
학습 목표
이 학습은 두 개의 모듈로 구분되며 각각 고유한 학습 목표가 있습니다.
두 모듈 중 하나 또는 둘 다 완료하도록 선택할 수 있습니다. 각 모듈에서 학습을 완료해야만 해당 웹 사이트가 제대로 작동될 수 있습니다.
모듈 1: 데이터 연결을 사용하여 웹 페이지 작성
이 모듈에서는
데이터베이스에 대한 연결을 설정하고 웹 페이지에 데이터베이스의 정보를 표시하는 방법에 대해 설명합니다. 이 모듈에서는 다음을 수행하게 됩니다.
- 웹 페이지를 데이터베이스에 연결
- 데이터베이스의 레코드를 표시, 작성, 편집 및 삭제하는 페이지 작성
- 한 페이지에서 다른 페이지로 데이터 전송
모듈 2: 고급 기능 추가
이 모듈에서는
데이터베이스에서 더욱 효율적으로 데이터를 사용하는 방법에 대해 설명합니다. 이 모듈에서는 다음을 수행하게 됩니다.
- 웹 페이지에서 데이터베이스 레코드 형식화
- 웹 페이지에서 데이터베이스로 파일 업로드를 허용하는 컴포넌트 추가
- 페이지간 자동 탐색
- 일부 데이터베이스 관리 타스크 자동화
준비가 되면 모듈 1: 데이터 연결을 사용하여 웹 페이지 작성을 시작하십시오.
소요 시간
전체: 3시간 30분
모듈 1: 2시간
모듈 2: 1시간 30분
스킬 레벨
중급자
대상
웹 응용프로그램 개발자, 웹 사용자 인터페이스 디자이너
시스템 요구사항
이 학습을 완료하려면 먼저 런타임 서버를 설치하여 구성해야 합니다. 이 학습은 다음 서버에서 테스트되었습니다.
- WebSphere® Application
Server 6.1
WebSphere Application
Servers 이외의 서버에서 SDO를 배치하는 정보에 대해서는
도움말
주제: 비WAS 서버에서 SDO 배치를 참조하십시오.
이 학습에서는 제품 설치 시 초기화되지 않은
일부 기능이 필요할 수 있습니다. 학습에서 설명한 사용자 인터페이스
옵션을 찾을 수 없는 경우, 적합한 기능을
사용 가능하도록 만드십시오(). 이 학습을
완료하려면 다음 기능이 필요합니다.
- Java™ Developer
- Web Developer(일반)
- XML Developer
- Database Developer
- Enterprise Java Developer
- 데이터
이 학습을 사용하려면 응용프로그램 서버가 설치 및 구성되어
있어야 합니다. 서버 런타임 환경이 사용 가능한지 확인하려면
을 클릭하고 서버를 펼친 다음 설치된
런타임을 클릭하십시오. 이 분할창을 사용하여 설치된 서버 런타임 정의를
추가, 제거 또는 편집할 수 있습니다. 또한 새 서버에 대한 지원을 다운로드하여 설치할 수도 있습니다.
전제조건
이 학습을 완료하려면 사용자는 다음 사항을 미리 숙지하고 있어야 합니다.
- 기본 웹 디자인 개념(예: 웹 사이트, 웹 페이지, 브라우저 및 서버)
- 단순 정적 웹 페이지의 작성 방법
- 웹 페이지 요소(예: 테이블, 하이퍼링크, 양식 및 이미지)
- 데이터베이스 용어(예: 테이블, 레코드, 열 및 필드)
다음 내용을 이해하고 있으면 도움이 됩니다.
- Workbench 보기 및 Perspective 사용 방법
- 웹 페이지에 대한 HTML 코드 편집 방법
예상되는 결과
웹 응용프로그램을 완료한 후에는 홈 페이지 모양이 아래 그림과 같이 나타납니다. 사이트 템플리트를 통해
웹 페이지에 추가되는 웹 사이트 탐색은 사용자가 새 광고를 작성하거나 모든 광고를 볼 수 있도록 허용하는
페이지로 연결됩니다.
아래에 표시된 테이블의 행 조치를 통해 특정 광고와 연관되는 정보를
변경할 수 있는 갱신 페이지로 이동할 수 있습니다.