연습 1.2: 포틀렛 개발 준비 및 응용프로그램 플로우 정의

시작하기 전에 연습 1.1: 설치를 완료해야 합니다.

이전 연습에서는 이 학습서에서 개발할 포틀렛을 포함시키기 위해 AuctionPortlet 프로젝트를 작성했습니다. 이 연습에서는 사용자 인터페이스를 작성하고 특정 Faces 포틀렛에 데이터를 추가할 준비를 하기 위해, 웹 다이어그램 편집기를 사용하여 응용프로그램 플로우를 정의합니다. 웹 다이어그램은 응용프로그램 플로우를 정의하기 위한 유일한 방법이지만, 특히 Faces 기반 포틀렛 응용프로그램의 시각적 개발에 적합합니다.

응용프로그램 플로우을 구성하기 위해 웹 다이어그램 작성

웹 다이어그램은 Faces 또는 Struts 기반 포틀렛 응용프로그램과 같은 웹 응용프로그램의 플로우을 시각화하고 변경하도록 돕는 파일입니다. 웹 다이어그램 편집기는 웹 다이어그램을 편집하기 위한 시각적 편집기입니다. 노드, 연결 및 기타 컴포넌트를 웹 다이어그램에 추가할 경우, 이를 일반적으로 다이어그램을 도면한다고 합니다.

웹 다이어그램은 노드 및 노드 간 연결로 구성되어 있습니다. 노드는 포틀렛 JSP 페이지 또는 JavaTM Bean과 같은 자원을 표시하는 아이콘입니다. 자원이 존재하는 경우 노드는 실현됨이라고 불리고, 자원이 존재하지 않는 경우 노드가 실현되지 않음이라고 불립니다. 실현된 노드는 이름이 굵은체이며 유색으로 표시됩니다. 실현되지 않은 노드는 회색 아이콘으로 표시됩니다.

웹 다이어그램에 세 개의 JSP 노드를 추가할 것입니다. 하나는 마스터 노드로서 이를 통해 두 개의 연결된 세부사항 노드를 탐색할 수 있습니다.

  1. 경매 포틀렛 프로젝트를 작성할 때 마법사는 diagram.gph라고 하는 기본 웹 다이어그램 파일을 자동으로 작성했습니다. 프로젝트 탐색기에서 동적 웹 프로젝트와 AuctionPortlet 폴더를 펼친 후 웹 다이어그램을 두 번 클릭하십시오.

    파일이 웹 다이어그램 편집기 사용 방법에 대한 몇몇 지시사항과 함께 편집 창에서 열립니다.
    새 웹 다이어그램

  2. 작업공간 오른쪽에 있는 활성 보기는 팔레트이며 여기에는 웹 다이어그램에 놓을 수 있는 오브젝트가 들어 있는 여러 개의 드로어가 있습니다. 웹 페이지 오브젝트를 팔레트에서 UserAdmin.gph 파일에 추가할 수 있습니다. 팔레트는 "스티키(sticky)"와 같은 끌어서 놓기 작동이 있습니다. 즉 팔레트에서 오브젝트를 클릭한 후에 끌어 놓는 동안 마우스 단추를 클릭할 필요가 없습니다. 커서를 웹 다이어그램으로 이동하고 다시 클릭하여 오브젝트를 놓으면 됩니다.

    첫 번째 노드를 작성하려면 UserAdminView.jsp(AuctionPortlet 프로젝트에서 작성된 초기 JSP 보기 페이지)를 프로젝트 탐색기에서 편집기로 끌어 오면 됩니다. 이 파일은 이미 작성되어 있으므로 실현된 오브젝트로 표시됩니다.

  3. 웹 페이지 오브젝트를 편집기로 끌어서 놓으십시오. 웹 페이지의 이름을 UserAdminCreate.jsp로 변경하십시오.
  4. 이전 단계를 반복하여 UserAdminUpdate.jsp라고 하는 웹 페이지를 작성하십시오.

    참고: 노드를 끌어서 이를 다시 배치할 수 있습니다.

  5. 그런 다음 웹 페이지 노드 사이에서 연결을 작성하여 포틀렛에서 데이터 플로우을 지정할 수 있습니다.
    1. UserAdminView.jsp 팝업 메뉴에서 연결을 선택하십시오. UserAdminView에서 연결을 UserAdminCreate.jsp 노드로 끌어 오십시오.
    2. 연결 선택 대화 상자에서 웹 페이지 링크를 선택한 후 확인을 클릭하십시오.
    3. UserAdminCreate.jsp 노드 팝업 메뉴에서 연결을 선택하고 연결을 다시 UserAdminView.jsp 노드로 끌어 오십시오.
    4. 연결 선택 대화 상자에서 Faces 결과를 선택한 후 확인을 클릭하십시오.
    5. 강조표시된 <새로 작성> 위에 보기를 입력하여 새 연결 이름을 지정하십시오.
    6. UserAdminView.jsp 팝업 메뉴에서 연결을 선택하십시오. UserAdminView.jsp에서 연결을 UserAdminUpdate.jsp 노드로 끌어 오십시오.
    7. 연결 선택 대화 상자에서 Faces 결과를 선택한 후 확인을 클릭하십시오.
    8. 강조표시된 <새로 작성> 위에 갱신을 입력하여 새 연결 이름을 지정하십시오.
    9. UserAdminUpdate.jsp 노드 팝업 메뉴에서 연결을 선택하고 연결을 다시 UserAdminView.jsp 노드로 끌어 오십시오.
    10. 연결 선택 대화 상자에서 Faces 결과를 선택한 후 확인을 클릭하십시오.
    11. 강조표시된 <새로 작성> 위에 보기를 입력하여 새 연결 이름을 지정하십시오.
    12. 웹 다이어그램을 저장하십시오.
    다이어그램은 다음과 유사해야 합니다.
    웹 다이어그램 스켈레톤

정의된 링크는 적절한 연계로 포틀렛 페이지를 준비하므로 사용자가 시작한 데이터는 응용프로그램을 통해 적절하게 움직이게 됩니다. UserAdminView 페이지가 사용자 작성 또는 갱신 조치를 요청할 경우 적절한 양식이 열립니다. 필요한 정보가 이러한 양식으로 제출되고 나면, UserAdmin 포틀렛 조회 기능에 새 사용자 정보를 사용할 수 있게 됩니다.

이제 연습 1.3: UserAdmin 페이지 개발을 시작할 수 있습니다.

피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.