< 이전 | 다음 >

학습 2.2: 파일 업로드 컴포넌트 사용

이 학습에서는 안내 광고에 대한 그림을 업로드하는 기능을 사용자에게 어떻게 제공할 수 있는지 알아봅니다. 이 기능은 new_record.jsp 및 update_record.jsp 페이지에서 매우 중요합니다. 파일 업로드 컴포넌트를 사용하여 사용자는 파일 시스템을 찾아볼 수 있고 파일을 데이터베이스에 업로드할 수 있으며 이 파일을 데이터베이스에 바로 표시할 수 있습니다.
이 태스크 정보

파일 업로드 컴포넌트 사용에 대한 프로시저가 작성 및 갱신의 경우와 유사하기 때문에 이 학습에서는 나열된 현재 이미지를 변경하기 위한 업로드 페이지를 사용할 것입니다. 원한다면 업데이트 페이지를 완료할 때 새 레코드 페이지에서 동일한 변경을 수행하십시오.

페이지에 현재 사진 추가

이 태스크 정보

갱신 양식은 update_record 관계형 레코드의 열에 바인딩된 정적 텍스트 및 입력 컴포넌트가 있는 HTML 테이블과 차이가 없습니다. 이를 숙지하면 HTML 테이블에서 수정한 것과 같이 양식을 수정하기 위해 행과 열을 추가할 수 있습니다. 다음 단계에서와 같이 현재 사진을 표시하기 위해 새 행을 추가할 수 있습니다.

행과 열 추가는 관계형 레코드 목록을 표시하는 데이터 테이블에서 더 어렵습니다. 데이터 테이블에 열 추가에 대한 자세한 정보는 학습 1.2: 데이터베이스에 대한 연결 및 웹 페이지에 데이터 표시를 참조하십시오.

  1. 엔터프라이즈 탐색기 보기에서 update_record.jsp 페이지를 두 번 클릭하십시오.
  2. 커서를 테이블의 첫 번째(맨 위 왼쪽) 셀에 놓으십시오. 이 셀의 레이블은 Id입니다.
  3. 기본 메뉴에서 테이블 > 지정 및 추가를 클릭하십시오. 행 또는 열 추가 대화 상자가 열립니다. 을 클릭한 후 선택한 셀 위를 클릭합니다. 이렇게 하면 레코드의 현재 사진이 포함된 테이블의 위에 새 행이 작성됩니다. 확인을 클릭하십시오.
  4. 이 새 행의 맨 왼쪽 셀에 Current photo:를 입력하여 레이블로 사용하십시오.
  5. 팔레트의 Faces 컴포넌트 드로어에서 새 행의 맨 오른쪽 셀로 이미지 컴포넌트를 끌어오십시오. 이전 학습에서와는 다르게 사용자는 크기를 제약하지 않고 전체 이미지를 볼 수 있으며 특성 보기에서 너비와 높이를 변경하지 않아도 됩니다.
  6. 페이지 데이터 보기에서 새 이미지 컴포넌트로 PHOTO 열을 끌어서 이미지 컴포넌트를 update_record의 PHOTO 열에 바인드하십시오. 이미지 컴포넌트가 데이터베이스의 PHOTO 열에 바인드됩니다.
  7. 그래픽 이미지를 계속하여 선택한 상태로 특성 보기로 이동하여 유형 필드 옆에 있는 페이지 데이터 오브젝트 선택 단추를 클릭하십시오. 페이지 데이터 오브젝트 선택 창이 열립니다.
  8. update_record(서비스 데이터 오브젝트) > update_record(ADS) > IMAGETYPE(문자열)을 클릭하십시오.
  9. 이제 확인을 클릭하십시오. 페이지에 안내 광고에 사용될 현재 사진이 표시됩니다(있는 경우). 페이지가 다음과 같이 표시됩니다.
    현재 페이지 모양

페이지에 파일 업로드 컴포넌트 추가

이 태스크 정보
다음으로 파일 업로드 컴포넌트를 포함하기 위해 테이블의 맨 아래에 새 행을 추가하십시오.
  1. 클릭하여 마지막 행에 커서를 두십시오.
  2. 메뉴 표시줄에서 테이블 > 아래에 행 추가를 클릭하십시오.
  3. 새 행의 첫 번째 셀에 New photo:를 레이블로 입력하십시오.
  4. 팔레트의 향상된 Faces 컴포넌트 드로어에서 새 행의 마지막 셀로 파일 업로드 컴포넌트를 끌어오십시오.
  5. 이미지 컴포넌트를 바인드한 것과 같은 방법으로 파일 업로드 컴포넌트를 update_record 관계형 레코드의 PHOTO 열에 바인드하십시오. {PHOTO}가 텍스트 필드에 표시되어 이 컴포넌트가 PHOTO 열에 바인드되었고 업로드된 파일이 해당 열에 배치될 것임을 표시합니다. 페이지가 다음과 같이 표시됩니다.
    현재 페이지 모양
  6. 원하면 페이지를 저장한 다음 테스트해 보십시오.

학습 체크포인트

학습 2.2를 완료했습니다. 이 학습에서는 갱신 페이지에서 테이블을 조작하고 테이블에 현재 사진을 추가하며 파일 업로드 컴포넌트를 테이블에 추가하는 방법에 대해 학습했습니다.
< 이전 | 다음 >

피드백