< 이전 | 다음 >

학습 1.5: 실행 단추 프로그램

입력 양식을 제출하면 페이지는 새 레코드를 데이터베이스에 자동으로 추가합니다. 이 학습에서는 데이터베이스에서 새 레코드를 바로 볼 수 있도록 all_records.jsp 페이지로 리턴하는 새 목록 게시 제출 단추를 프로그래밍합니다.

실행 단추를 프로그래밍하려면 다음을 수행하십시오.

  1. new_record.jsp 파일에서 웹 페이지의 양식에 작성한 새 목록 게시 단추를 마우스 오른쪽 단추로 클릭하고 특성을 선택하십시오.
  2. 규칙 추가를 클릭하십시오. 탐색 규칙 추가 창이 열립니다.
  3. 페이지 드롭 다운에서 all_records.jsp 선택한 후 확인을 클릭하십시오.
  4. 페이지를 저장하십시오. all_records.jsp 페이지로 리턴하는지 확인하기 위해 데이터베이스에 레코드를 추가하려면 테스트 서버에서 new_record.jsp를 실행하십시오.
중복 키 방지
중요사항:

ADS 테이블에서는 ID 열이 1차 키가 되므로 테이블에 이미 있는 ID 값으로 레코드를 추가할 수 없습니다. 모듈 2에서는 자동 키 생성을 사용하여 새 레코드마다 아직 사용되지 않은 새 키를 자동으로 작성하는 방법에 대해 학습합니다.

그때까지는 사용되지 않은 ID 번호를 이 페이지에 입력하여 새 레코드를 추가해야 합니다. 데이터베이스와 함께 제공되는 레코드는 1부터 22까지의 ID 번호를 사용하므로 24보다 큰 값을 1차 키로 입력할 수 있습니다. 레코드가 두 개 이상인 경우에는 키가 중복되지 않도록 하십시오.

관계형 레코드에 입력 바인드(선택사항)

페이지의 입력 양식은 사용자가 작성한 관계형 레코드에 바인드된 JavaServer Faces 입력 필드 세트입니다. 사용자 데이터베이스의 ADS 테이블에 새 레코드를 표시하기 위해 관계형 레코드를 작성했습니다. 바인딩은 JavaServer Faces 입력 컴포넌트를 관계형 레코드의 열에 링크할 수 있는 방법입니다.

관계형 레코드를 작성했을 때 마법사는 모든 열을 페이지의 입력 필드에 자동으로 바인드했습니다. 수동으로 변경을 수행하려면 다른 입력 필드에 다른 열을 바인드할 수 있습니다. 사용자의 관계형 레코드에서 입력 필드로 열을 바인드하기 위해서는 페이지 데이터 보기로부터 필드로 열을 끌어오십시오. 양식의 설명 입력 필드를 삭제하고 다시 작성하는 방법으로 이러한 프로세스를 확인할 수 있습니다.

페이지 데이터 보기는 일반적으로 Workbench의 맨 아래 왼쪽 에지에 있습니다. 이 보기를 찾을 수 없을 때는 메뉴 표시줄에서 > 보기 표시 > 페이지 데이터를 클릭하십시오. 일반적으로 페이지 데이터 보기는 동적 웹 페이지를 작성할 때만 사용됩니다.

페이지 데이터 보기는 데이터 오브젝트(예: 관계형 레코드 또는 관계형 레코드 목록)의 양식에 데이터베이스와 같은 데이터 소스에 대한 연결을 저장합니다. 이러한 데이터 오브젝트는 데이터 소스 자체나 페이지의 컴포넌트를 표시하지 않습니다. 그 대신, 프로젝트와 데이터 소스 사이의 연결을 표시합니다. 이 연결이 작성되고 나면 페이지 데이터 보기에서 웹 페이지로 데이터 오브젝트를 끌어 연결을 완료하고 데이터 소스의 정보를 웹 페이지에 표시할 수 있습니다. 예를 들어, 다음은 이 학습 중 작성한 관계형 레코드 목록을 표시하는 페이지 데이터 보기의 그림입니다.

페이지 데이터
보기

이 그림에서 all_recordlist(ADS) 관계형 레코드 목록과 이 관계형 레코드 목록의 모든 열을 차례로 볼 수 있습니다. 이 데이터 오브젝트가 페이지 데이터 보기에 정의된 후에는 데이터베이스에 다시 연결할 필요없이 원하는 횟수만큼 웹 페이지의 입력 컴포넌트로 이 열을 끌어올 수 있습니다.

예를 들어, 웹 페이지에 DESCRIPTION 열의 값을 표시하려면 먼저 텍스트 출력 필드를 페이지로 끌어온 다음 페이지 데이터 보기에서 그 텍스트 출력 필드로 DESCRIPTION 열을 끌어오십시오. 이를 출력 필드에 대한 열 바인딩이라고 합니다.

사용자가 데이터베이스에 DESCRIPTION 열에 대한 새 값을 입력할 수 있도록 하려면 텍스트 입력 필드를 페이지로 끌면 됩니다. 그런 다음, 그 텍스트 입력 필드로 DESCRIPTION 열을 끌어오십시오.

다음 단계는 입력 필드의 개념과 바인딩 프로세스를 설명하기 위해 제공된 것이지만 선택적으로 수행할 수 있습니다. 이를 수행하지 않으려면 다음 학습으로 이동하십시오.

  1. new_record.jsp 파일에서 설명 입력 필드를 클릭하십시오. Delete 키를 누르십시오.
  2. 팔레트 보기에서 향상된 Faces 컴포넌트 드로어를 클릭하여 펼치십시오.
  3. 팔레트에서 방금 삭제한 설명 입력 필드가 포함된 셀로 입력 컴포넌트를 끌어오십시오. 이제 이 셀에 입력 필드는 있지만 이 입력 필드는 아무 열에도 바인드되지 않았으므로 {ID} 또는 {TITLE}과 같은 텍스트가 그 안에 없습니다.
  4. 페이지 데이터 보기에서 관계형 레코드 > create_record(서비스 데이터 오브젝트) > create_record(ADS)를 클릭하여 펼치고 DESCRIPTION 열을 방금 작성한 입력 컴포넌트로 끌어오십시오. 다음 그림과 같이 입력 컴포넌트 안에 있는 텍스트가 변경되어 DESCRIPTION 열로 바인드되었음을 나타냅니다.
    페이지 데이터 보기
  5. 파일을 저장한 후 테스트 서버에서 해당 페이지를 실행하십시오(원하는 경우).

학습 체크포인트

학습 1.5를 완료했습니다. 이 학습에서는 팔레트에서 웹 페이지로 JSF 위지트(widget)를 끌어서 놓기하여 공통 단추를 프로그래밍하고 입력 필드로 데이터를 바인드하는 방법에 대해 학습했습니다.

< 이전 | 다음 >