연습 1.4: 사용자 정보 작성 및 갱신을 위한 페이지 작성
시작하기 전에 연습 1.3: UserAdmin 페이지 개발을 완료하십시오.
웹 다이어그램을 정의한 응용프로그램 플로우를 기초로, 사용자 정보를 작성하고(UserAdminCreate.jsp)
기존 사용자 정보를 갱신(UserAdminUpdate.jsp)하기 위한 별도의 UserAdmin 페이지가 있어야 합니다.
UserAdminCreate.jsp 페이지 작성
이 절에서는 세션 Bean을 사용하여 관리자가 새 사용자 레코드를 작성할 수 있도록 하는 UserAdminCreate 페이지에서 데이터 액세스를 작성합니다.
새 사용자 레코드 작성에 사용자 ID 값은 필수이므로, 이 페이지는 유효성 검증 논리도 통합합니다. 또한, 사용자가 이 프로세스를 종료할 수 있도록 하는 취소 단추를 추가합니다.
- 웹 다이어그램 편집기로 돌아가서 UserAdminCreate.jsp 페이지를 두 번 클릭하십시오.
- 작성 마법사에서 완료를 클릭하십시오.
빈 파일이 편집 영역에 열립니다.
- 기본 컨텐츠를 여기에 놓으십시오 텍스트를 삭제하십시오.
- EJB 세션 Bean 오브젝트를 팔레트의 데이터 드로어에서 파일로 끄십시오.
- 세션 Bean 마법사가 열리면 ejb/UserFacade를 선택하고 다음을 클릭하십시오.
- create(RegistrationData data) 인터페이스를 선택하십시오. 이 인터페이스는 포틀렛 페이지의 입력 필드에 사용됩니다.
- 다음을 클릭하십시오.
- 입력 양식 페이지에서, 데이터베이스에 새 데이터를 작성할 입력 양식을 정의하십시오.
포틀렛 페이지에서 사용할 입력 양식에 적절한 필드를 개별적으로 선택, 조직 및 구성할 수 있도록 모든 필드를 선택 취소하려면 없음을 클릭하십시오. 그런 후 다음 필드에 대해 선택란을 선택하십시오.
- data.userid
- data.name
- data.email
- 위 아래 화살표 단추를 사용하여, 선택한 데이터 필드를 위의 단계에 표시된 순서대로 이동하십시오.
- data.userid 필드에 대한 레이블 값을 선택한 다음, 사용자 ID:로 변경하십시오.
- 옵션 단추를 클릭하고 레이블 필드에 작성을 입력하십시오. 확인을 클릭하십시오.
- 완료를 클릭하여 UserAdminCreate.jsp 페이지에 입력 양식을 생성하십시오.
사용자 인터페이스는 다음과 같이 표시됩니다.

- 페이지에서 작성 단추를 선택하십시오.
- 특성 보기가 아직 활성화되지 않았으면 특성 보기를 열고 규칙 추가 단추를 클릭하십시오. (오른쪽으로 스크롤해야 할 수도 있습니다.)

- 탐색 규칙 추가 대화 상자에서 페이지 목록 상자로부터 UserAdminView.jsp를 선택하십시오.
- 이름 지정된 결과 단일 선택 단추를 선택하고 view를 입력하십시오.
- 확인을 클릭하십시오.
- 빠른 편집 보기 탭을 클릭하십시오. 빠른 편집 영역을 클릭하고 다음과 같이 리턴 문자열로 "view"를 입력하십시오.
return "view";
유효성 검증 논리 추가
이 페이지의 경우 사용자 ID 값은 필수 입력사항이므로 유효성 검증을 추가하여 사용자 ID를 지정했는지 확인해야 합니다.
- 사용자 ID: 입력 구성요소를 선택하십시오.
- 특성 보기를 여십시오.
- 유효성 검증 탭을 선택하십시오.
- 값 지정 선택란을 클릭하십시오.
- UserAdminCreate.jsp를 저장하십시오.
응용프로그램의 이 부분을 실행하는 데 필요한 코드를 작성할 필요는 없습니다.
호출과 결과를 사용자 인터페이스에 바인드한 모든 EJB 참조 논리 및 코드가 생성됩니다.
취소 논리 추가
또한 검색 페이지로의 적절한 탐색 연결과 함께 취소 단추를 추가해야 합니다.
- Faces 구성요소 팔레트 드로어에서 명령 - 단추를 끌어서 작성 단추 옆에 놓으십시오.
- 특성 보기가 아직 열려 있지 않으면 지금 여십시오.
- 특성 세트에서 표시 옵션 탭을 클릭하고 단추 레이블 필드에 취소를 입력한 후 Enter를 누르십시오.
- 빠른 편집 보기 탭을 클릭하십시오. 빠른 편집 영역을 클릭하고 리턴 문자열로 "view"를 입력하십시오.
return "view";
- 파일을 저장하십시오.
이제 UserAdminCreate.jsp 페이지가 다음과 유사하게 표시됩니다.

UserAdminUpdate.jsp 페이지 작성
이 절에서는 JavaBean을 사용하여 UserAdminUpdate 페이지에서 사용자 정보를 갱신하기 위한 데이터 액세스를 작성합니다. 또한, 사용자가 이 프로세스를 종료할 수 있도록 하는 취소 단추를 추가하고 기존 레코드를 이 페이지에서 갱신할 수 있도록 기존 레코드를 확보하기 위한 추가적인 코드를 추가합니다.
- 웹 다이어그램 편집기로 돌아가서 UserAdminUpdate.jsp 페이지를 두 번 클릭하십시오.
- 작성 마법사에서 완료를 클릭하십시오.
빈 파일이 편집 영역에 열립니다.
- 기본 컨텐츠를 여기에 놓으십시오 텍스트를 삭제하십시오.
- EJB 세션 Bean 오브젝트를 팔레트의 데이터 드로어에서 파일로 끄십시오.
- 세션 Bean 마법사가 열리면 ejb/UserFacade를 선택하고 다음을 클릭하십시오.
- update(RegistrationData data) 인터페이스를 선택하십시오. 이 인터페이스는 포틀렛 페이지의 입력 필드에 사용됩니다.
- 다음을 클릭하십시오.
- 입력 양식 페이지에서, 데이터베이스의 데이터를 갱신할 입력 양식을 정의하십시오.
포틀렛 페이지에서 사용할 입력 필드에 적절한 필드를 개별적으로 선택, 조직 및 구성할 수 있도록 모든 필드를 선택 취소하려면 없음을 클릭하십시오. 그런 후 다음 필드에 대해 선택란을 선택하십시오.
- data.userid
- data.name
- data.email
- 위 아래 화살표 단추를 사용하여, 선택한 데이터 필드를 위의 단계에 표시된 순서대로 이동하십시오.
- data.userid 필드에 대한 레이블 값을 선택한 다음, 사용자 ID:로 변경하십시오.
- 포틀렛에서 다른 정보를 업그레이드할 때 ID를 변경하지 않으려면 data.userid의 제어 유형 목록에서 출력 필드를 선택하십시오.
- 옵션 단추를 클릭하고 레이블 필드에 갱신을 입력하십시오. 확인을 클릭하십시오.
- 완료를 클릭하여 UserAdminUpdate.jsp 페이지에서 입력 양식을 생성하십시오.
사용자 인터페이스가 다음과 같이 표시됩니다.

- 페이지에서 갱신 단추를 선택하십시오.
- 특성 보기가 아직 활성화되지 않았으면 특성 보기를 열고 규칙 추가 단추를 클릭하십시오. (오른쪽으로 스크롤해야 할 수도 있습니다.)
- 탐색 규칙 추가 대화 상자에서 페이지 목록 상자로부터 UserAdminView.jsp를 선택하십시오.
- 이름 지정된 결과 단일 선택 단추를 선택하고 보기를 입력하십시오.
- 확인을 클릭하십시오.
- 빠른 편집 보기 탭을 클릭하십시오. 빠른 편집 영역을 클릭하고 다음과 같이 리턴 문자열로 "view"를 입력하십시오.
return "view";
응용프로그램의 이 부분을 실행하는 데 필요한 코드를 작성할 필요가 없습니다.
호출과 결과를 사용자 인터페이스에 바인드한 모든 EJB 참조 논리 및 코드가 생성됩니다.
취소 논리 추가
또한 검색 페이지로의 적절한 탐색 연결과 함께 취소 단추를 추가해야 합니다.
- Faces 구성요소 팔레트 드로어에서 명령 - 단추를 끌어서 갱신 단추 옆에 놓으십시오.
- 특성 보기가 아직 열려 있지 않으면 지금 여십시오.
- 특성 세트에서 표시 옵션 탭을 클릭하고 단추 레이블 필드에 취소를 입력한 후 Enter를 누르십시오.
- 빠른 편집 보기 탭을 클릭하십시오. 빠른 편집 영역을 클릭하고 리턴 문자열로 "view"를 입력하십시오.
return "view";
- 파일을 저장하십시오.
이제 UserAdminUpdate.jsp 페이지는 다음과 유사하게 표시됩니다.

기존 레코드를 갱신하기 위한 추가적인 코드 추가
연습 중 이 부분에서 추가되는 갱신 논리는 응용프로그램이 기존 레코드를 확보할 수 있도록 하므로, 사용자는 이 페이지에서 그 기존 레코드를 갱신할 수 있습니다. 양식은 UserFacade에서 제공하는 메소드인 findById()로 매개변수 Bean을 초기화하여 관련 데이터로 채워집니다.
- UserAdminUpdate.jsp 팝업 메뉴에서 페이지 코드 편집을 선택하십시오. 페이지 코드는 UserAdminUpdate.jsp에 대한 기본적인 논리를 포함하는 Java 파일입니다. 다음 코드(굵은체 부분)를 삽입하십시오.
public UserFacadeLocalUpdateParamBean getUserFacadeLocalUpdateParamBean() {
if (userFacadeLocalUpdateParamBean == null) {
userFacadeLocalUpdateParamBean = new UserFacadeLocalUpdateParamBean();
Integer userid = (Integer)getSessionScope().get("userid");
try {
userFacadeLocalUpdateParamBean.setData(getUserFacadeLocal().findById(userid));
} catch (Exception e) {
logException(e);
}
}
return userFacadeLocalUpdateParamBean;
}
- UserAdminUpdate.java를 저장한 후 닫으십시오.
페이지 탐색 링크 추가
마지막으로, UserAdmin 포틀렛을 완료하려면 링크를 추가하여 마스터 페이지(UserAdminView.jsp)에서 세부사항 페이지(UserAdminCreate.jsp 및 UserAdminUpdate.jsp)로의 탐색을 제공하기 위한 링크를 추가해야 합니다. 링크를 추가하려면 다음을 수행하십시오.
- 웹 다이어그램으로 돌아가서 완료된 웹 다이어그램의 최종 형태를 보십시오.

웹 페이지 노드 각각이 실현되었고, 명령 단추 링크가 제 위치에 있는지 확인하십시오.
- UserAdminView.jsp를 여십시오.
- Faces 구성요소 팔레트 드로어에서 링크 구성요소를 끌어서 파일의 데이터 테이블 옆에 놓으십시오.
- URL 필드에 /UserAdminCreate.jsp를 입력하고 레이블 필드에 작성을 입력하십시오. 확인을 클릭하십시오.
- Faces 구성요소 팔레트 드로어에서 명령 - 하이퍼링크 구성요소를 끌어서 데이터 테이블에서 레이블이 {userid}인 출력 필드에 놓으십시오.
- 특성 보기가 아직 활성화되지 않았으면 특성 보기를 열고 규칙 추가 단추를 클릭하십시오. (오른쪽으로 스크롤해야 할 수도 있습니다.)
- 탐색 규칙 추가 대화 상자의 페이지 목록 상자에서 UserAdminUpdate.jsp를 선택하십시오.
- 이름 지정된 결과 단일 선택 단추를 선택하고 갱신을 입력하십시오.
- 확인을 클릭하십시오.
- 특성 보기에서 매개변수 탭을 선택하십시오.
- 매개변수 추가 단추를 클릭하십시오.
- 이름 필드에 userid를 입력하십시오.
- 값 필드에서 셀을 클릭한 후 찾아보기 아이콘을 클릭하여 페이지 데이터 오브젝트 대화 상자를 여십시오. userFacadeLocal > findByName(java.lang.String) > userFacadeLocalFindByNameResultBean을 펼치고 페이지 데이터 오브젝트 선택 대화 상자에서 userid (java.lang.Integer)를 선택하십시오.

- 확인을 클릭하십시오.
다음으로, 세션 범위에 매개변수를 저장하기 위한 코드를 추가하여 갱신 페이지가 입력 양식에 사용자 정보를 제공하는 데 사용자 ID를 사용할 수 있도록 하십시오.
- 빠른 편집 보기 탭을 클릭하십시오. 갱신 단추와 연관되는 조치 코드에 대한 빈 템플리트를 작성할 빠른 편집 영역을 클릭한 후 다음 코드를 입력하십시오.
String userid = (String)getRequestParam().get("userid");
getSessionScope().put("userid", new Integer(userid));
return "update";
- 파일을 저장한 후 닫으십시오.
UserAdmin 포틀렛 실행
UserAdmin 포틀렛의 페이지가 의도한 대로 작동 중인지 확인하려면 Rational
Developer와 함께 제공된 내부 브라우저에서 JSP 파일을 실행해야 합니다.
UserAdmin 포틀렛을 실행하려면 다음을 수행하십시오.
- 프로젝트 탐색기에서 AuctionPortlet 프로젝트를 선택하고 팝업 메뉴에서 실행 > 서버에서 실행을 선택하십시오.
- 이 시점에서 대상 서버로 WebSphere Portal v5.0 테스트 환경 서버를 지정해야 할 수도 있습니다. 이미 WebSphere Portal v5.0 테스트 환경을 가지고 있으므로, 선택한 후 서버 선택사항 마법사에서 완료를 클릭하십시오.
- 파일이 브라우저에 표시됩니다. 여기에서 사용자가 포털 사이트에서 보게 되는 입력 필드, 링크 및 레이아웃을 볼 수 있습니다.
- 이름 필드에 %를 입력하고 찾기 단추를 클릭하여 데이터베이스로부터 기존 사용자를 검색하십시오.

작성 링크를 누르거나 데이터 테이블에서 사용자를 선택하면 각각 UserAdminCreate 또는 UserAdminUpdate 페이지가 열립니다.
이 페이지 중 하나에 값을 제공하고 작성 또는 갱신 단추를 클릭하면 추가 및 갱신이 허용됩니다.
갱신된 데이터는 즉시 userAdminView 페이지에 반영되어야 합니다.
검색 이름이 사용자가 작성한 사용자 이름과 일치할 경우(예를 들어, 와일드 카드
문자 %를 사용하여 모든 사용자를 검색할 수 있음), 작성 페이지에서 리턴할 때 새 사용자가 표시됩니다.
다음 연습을 진행하기 전에 테스트 환경 서버를 중지하십시오.
테스트 환경 서버를 중지하려면 서버 보기에서 테스트 환경 서버를
선택하고 서버 중지 도구 모음 단추
를 클릭하십시오.
이제 연습 1.5: 경매 사이트 목록을 검색하고 목록 세부사항을 제공하는 포틀렛 추가를 시작할 수 있습니다.