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