연습 1.4: 사용자 정보 작성 및 갱신을 위한 페이지 작성

시작하기 전에 연습 1.3: UserAdmin 페이지 개발을 완료하십시오.

웹 다이어그램을 정의한 응용프로그램 플로우를 기초로, 사용자 정보를 작성하고(UserAdminCreate.jsp) 기존 사용자 정보를 갱신(UserAdminUpdate.jsp)하기 위한 별도의 UserAdmin 페이지가 있어야 합니다.

UserAdminCreate.jsp 페이지 작성

이 절에서는 세션 Bean을 사용하여 관리자가 새 사용자 레코드를 작성할 수 있도록 하는 UserAdminCreate 페이지에서 데이터 액세스를 작성합니다. 새 사용자 레코드 작성에 사용자 ID 값은 필수이므로, 이 페이지는 유효성 검증 논리도 통합합니다. 또한, 사용자가 이 프로세스를 종료할 수 있도록 하는 취소 단추를 추가합니다.

  1. 웹 다이어그램 편집기로 돌아가서 UserAdminCreate.jsp 페이지를 두 번 클릭하십시오.
  2. 작성 마법사에서 완료를 클릭하십시오.

    빈 파일이 편집 영역에 열립니다.

  3. 기본 컨텐츠를 여기에 놓으십시오 텍스트를 삭제하십시오.
  4. EJB 세션 Bean 오브젝트를 팔레트의 데이터 드로어에서 파일로 끌어 오십시오.
  5. 세션 Bean 마법사가 열리면 ejb/UserFacade를 선택하고 다음을 클릭하십시오.
  6. create(RegistrationData data) 인터페이스를 선택하십시오. 이 인터페이스는 포틀렛 페이지의 입력 필드에 사용됩니다.
  7. 다음을 클릭하십시오.
  8. 입력 양식 페이지에서, 데이터베이스에 새 데이터를 작성할 입력 양식을 정의하십시오. 포틀렛 페이지에서 사용할 입력 양식에 적절한 필드를 개별적으로 선택, 조직 및 구성할 수 있도록 모든 필드를 선택 취소하려면 없음을 클릭하십시오. 그런 후 다음 필드에 대해 선택란을 선택하십시오.
  9. 위 아래 화살표 단추를 사용하여, 선택한 데이터 필드를 위의 단계에 표시된 순서대로 이동하십시오.
  10. data.userid 필드에 대한 레이블 값을 선택한 다음, 사용자 ID:로 변경하십시오.
  11. 옵션 단추를 클릭하고 레이블 필드에 작성을 입력하십시오. 확인을 클릭하십시오.
  12. 완료를 클릭하여 UserAdminCreate.jsp 페이지에 입력 양식을 생성하십시오. 사용자 인터페이스는 다음과 같이 표시됩니다.
    데이터 테이블이 있는 UserAdminCreate.jsp
  13. 페이지에서 작성 단추를 선택하십시오.
  14. 특성 보기가 아직 활성화되지 않았으면 특성 보기를 열고 규칙 추가 단추를 클릭하십시오. (오른쪽으로 스크롤해야 할 수도 있습니다.)
    명령 단추에 대한 규칙 특성 추가
  15. 탐색 규칙 추가 대화 상자에서 페이지 목록 상자로부터 UserAdminView.jsp를 선택하십시오.
  16. 이름 지정된 결과 단일 선택 단추를 선택하고 view를 입력하십시오.
  17. 확인을 클릭하십시오.
  18. 빠른 편집 보기 탭을 클릭하십시오. 빠른 편집 영역을 클릭하고 다음과 같이 리턴 문자열로 "view"를 입력하십시오.
    	return "view";

유효성 검증 논리 추가

이 페이지의 경우 사용자 ID 값은 필수 입력사항이므로 유효성 검증을 추가하여 사용자 ID를 지정했는지 확인해야 합니다.

  1. 사용자 ID: 입력 컴포넌트를 선택하십시오.
  2. 특성 보기를 여십시오.
  3. 유효성 검증 탭을 선택하십시오.
  4. 값 지정 선택란을 클릭하십시오.
  5. UserAdminCreate.jsp를 저장하십시오.

응용프로그램의 이 부분을 실행하는 데 필요한 코드를 작성할 필요는 없습니다. 호출과 결과를 사용자 인터페이스에 바인드한 모든 EJB 참조 논리 및 코드가 생성됩니다.

취소 논리 추가

또한 검색 페이지로의 적절한 탐색 연결과 함께 취소 단추를 추가해야 합니다.

  1. Faces 컴포넌트 팔레트 드로어에서 명령 - 단추를 끌어서 작성 단추 옆에 놓으십시오.
  2. 특성 보기가 아직 열려 있지 않으면 지금 여십시오.
  3. 특성 세트에서 표시 옵션 탭을 클릭하고 단추 레이블 필드에 취소를 입력한 후 Enter를 누르십시오.
  4. 빠른 편집 보기 탭을 클릭하십시오. 빠른 편집 영역을 클릭하고 다음과 같이 리턴 문자열로 "view"를 입력하십시오.
    	return "view";
  5. 파일을 저장하십시오. 이제 UserAdminCreate.jsp 페이지가 다음과 유사하게 표시됩니다.
    UserAdminCreate.jsp

UserAdminUpdate.jsp 페이지 작성

이 절에서는 JavaBean을 사용하여 UserAdminUpdate 페이지에서 사용자 정보를 갱신하기 위한 데이터 액세스를 작성합니다. 또한, 사용자가 이 프로세스를 종료할 수 있도록 하는 취소 단추를 추가하고 기존 레코드를 이 페이지에서 갱신할 수 있도록 기존 레코드를 확보하기 위한 추가적인 코드를 추가합니다.

  1. 웹 다이어그램 편집기로 돌아가서 UserAdminUpdate.jsp 페이지를 두 번 클릭하십시오.
  2. 작성 마법사에서 완료를 클릭하십시오.

    빈 파일이 편집 영역에 열립니다.

  3. 기본 컨텐츠를 여기에 놓으십시오 텍스트를 삭제하십시오.
  4. EJB 세션 Bean 오브젝트를 팔레트의 데이터 드로어에서 파일로 끌어 오십시오.
  5. 세션 Bean 마법사가 열리면 ejb/UserFacade를 선택하고 다음을 클릭하십시오.
  6. update(RegistrationData data) 인터페이스를 선택하십시오. 이 인터페이스는 포틀렛 페이지의 입력 필드에 사용됩니다.
  7. 다음을 클릭하십시오.
  8. 입력 양식 페이지에서, 데이터베이스의 데이터를 갱신할 입력 양식을 정의하십시오. 포틀렛 페이지에서 사용할 입력 필드에 적절한 필드를 개별적으로 선택, 조직 및 구성할 수 있도록 모든 필드를 선택 취소하려면 없음을 클릭하십시오. 그런 후 다음 필드에 대해 선택란을 선택하십시오.
  9. 위 아래 화살표 단추를 사용하여, 선택한 데이터 필드를 위의 단계에 표시된 순서대로 이동하십시오.
  10. data.userid 필드에 대한 레이블 값을 선택한 다음, 사용자 ID:로 변경하십시오.
  11. 포틀렛에서 다른 정보를 업그레이드할 때 ID를 변경하지 않으려면 data.userid의 제어 유형 목록에서 출력 필드를 선택하십시오.
  12. 옵션 단추를 클릭하고 레이블 필드에 갱신을 입력하십시오. 확인을 클릭하십시오.
  13. 완료를 클릭하여 UserAdminUpdate.jsp 페이지에서 입력 양식을 생성하십시오. 사용자 인터페이스는 다음과 같이 표시됩니다.
    데이터 테이블이 있는 UserAdminUpdate.jsp
  14. 페이지에서 갱신 단추를 선택하십시오.
  15. 특성 보기가 아직 활성화되지 않았으면 특성 보기를 열고 규칙 추가 단추를 클릭하십시오. (오른쪽으로 스크롤해야 할 수도 있습니다.)
  16. 탐색 규칙 추가 대화 상자에서 페이지 목록 상자로부터 UserAdminView.jsp를 선택하십시오.
  17. 이름 지정된 결과 단일 선택 단추를 선택하고 보기를 입력하십시오.
  18. 확인을 클릭하십시오.
  19. 빠른 편집 보기 탭을 클릭하십시오. 빠른 편집 영역을 클릭하고 다음과 같이 리턴 문자열로 "view"를 입력하십시오.
    	return "view";

응용프로그램의 이 부분을 실행하는 데 필요한 코드를 작성할 필요는 없습니다. 호출과 결과를 사용자 인터페이스에 바인드한 모든 EJB 참조 논리 및 코드가 생성됩니다.

취소 논리 추가

또한 검색 페이지로의 적절한 탐색 연결과 함께 취소 단추를 추가해야 합니다.

  1. Faces 컴포넌트 팔레트 드로어에서 명령 - 단추를 끌어서 갱신 단추 옆에 놓으십시오.
  2. 특성 보기가 아직 열려 있지 않으면 지금 여십시오.
  3. 특성 세트에서 표시 옵션 탭을 클릭하고 단추 레이블 필드에 취소를 입력한 후 Enter를 누르십시오.
  4. 빠른 편집 보기 탭을 클릭하십시오. 빠른 편집 영역을 클릭하고 다음과 같이 리턴 문자열로 "view"를 입력하십시오.
    	return "view";
  5. 파일을 저장하십시오. 이제 UserAdminUpdate.jsp 페이지는 다음과 유사하게 표시됩니다.
    UserAdminUpdate.jsp

기존 레코드를 갱신하기 위한 추가적인 코드 추가

연습 중 이 부분에서 추가되는 갱신 논리는 응용프로그램이 기존 레코드를 확보할 수 있도록 하므로, 사용자는 이 페이지에서 그 기존 레코드를 갱신할 수 있습니다. 양식은 UserFacade에서 제공하는 메소드인 findById()로 매개변수 Bean을 초기화하여 관련 데이터로 채워집니다.

  1. 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;
    }
    
  2. UserAdminUpdate.java를 저장한 후 닫으십시오.

페이지 탐색 링크 추가

마지막으로, UserAdmin 포틀렛을 완료하려면 링크를 추가하여 마스터 페이지(UserAdminView.jsp)에서 세부사항 페이지(UserAdminCreate.jsp 및 UserAdminUpdate.jsp)로의 탐색을 제공하기 위한 링크를 추가해야 합니다. 링크를 추가하려면 다음을 수행하십시오.

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

    페이지 데이터 오브젝트 선택 대화 상자
  14. 확인을 클릭하십시오.

다음으로, 세션 범위에 매개변수를 저장하기 위한 코드를 추가하여 갱신 페이지가 입력 양식에 사용자 정보를 제공하는 데 사용자 ID를 사용할 수 있도록 하십시오.

  1. 빠른 편집 보기 탭을 클릭하십시오. 갱신 단추와 연관되는 조치 코드에 대한 빈 템플리트를 작성할 빠른 편집 영역을 클릭한 후 다음 코드를 입력하십시오.
    String userid = (String)getRequestParam().get("userid");
    getSessionScope().put("userid", new Integer(userid));
    return "update";
    
  2. 파일을 저장한 후 닫으십시오.

UserAdmin 포틀렛 실행

UserAdmin 포틀렛의 페이지가 의도한 대로 작동 중인지 확인하려면 Rational Tools에 제공된 내부 브라우저에서 JSP 파일을 실행해야 합니다. UserAdmin 포틀렛을 실행하려면 다음을 수행하십시오.

  1. 프로젝트 탐색기에서 AuctionPortlet 프로젝트를 선택하고 팝업 메뉴에서 실행 > 서버에서 실행을 선택하십시오.
  2. 이미 WebSphere Portal v5.1 테스트 환경을 정의했으므로 테스트 환경을 선택한 후 서버 선택 마법사에서 완료를 클릭하십시오.
  3. 파일이 브라우저에 표시됩니다. 여기에서 사용자가 포털 사이트에서 보게 되는 입력 필드, 링크 및 레이아웃을 볼 수 있습니다.
  4. 이름 필드에 %를 입력하고 찾기 단추를 클릭하여 데이터베이스로부터 기존 사용자를 검색하십시오.

    새로 작성된 포틀렛 실행

작성 링크를 누르거나 데이터 테이블에서 사용자를 선택하면 각각 UserAdminCreate 또는 UserAdminUpdate 페이지가 열립니다. 이 페이지 중 하나에 값을 제공하고 작성 또는 갱신 단추를 클릭하면 추가 및 갱신이 허용됩니다. 갱신된 데이터는 즉시 userAdminView 페이지에 반영되어야 합니다. 검색 이름이 사용자가 작성한 사용자 이름과 일치할 경우(예를 들어, 와일드 카드 문자 %를 사용하여 모든 사용자를 검색할 수 있음), 작성 페이지에서 리턴할 때 새 사용자가 표시됩니다.

다음 연습을 진행하기 전에 테스트 환경 서버를 중지하십시오. 테스트 환경 서버를 중지하려면 서버 보기에서 테스트 환경 서버를 선택하고 서버 중지 도구 모음 단추 서버 중지를 클릭하십시오.

이제 연습 1.5: 경매 사이트 목록을 검색하고 목록 세부사항을 제공하는 포틀렛 추가를 시작할 수 있습니다.

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