3장: 데이터베이스를 적용하여 동적 웹 페이지 생성
섹션 3: 데이터베이스 기록 표시
드디어 Dreamweaver Ultradev의 위력을 보여줄 차례입니다. 먼저 Ultradev를 사용하여 데이터 표시 기능을 구현하는 방법을 살펴보겠습니다. 아주 간단해요. 저를 따라오세요.
지난번에 데이터 세트를 생성한 후 데이터 바인딩 패널에 다음과 같은 화면이 나타납니다.
그런 다음 2행 * 6열로 구성된 테이블을 만듭니다. 열 수는 데이터 테이블의 필드 수에 따라 결정됩니다. 행이 두 개인 이유는 읽어본 후에 이해하게 됩니다. 필요한 정보를 입력하면 페이지는 다음과 같습니다.
다음 작업은 매우 간단합니다. 데이터 바인딩 패널에 나타나는 필드 이름을 선택하고 방금 생성한 테이블에 끌어다 놓으면 그림에 표시된 대로 효과가 나타납니다. 해당 셀. 필드의 값입니다. 그러나 이것만으로는 데이터베이스의 모든 레코드를 표시하는 데 한 단계가 필요합니다.
방금 필드를 끌어다 놓은 행을 선택하면 그림과 같은 효과가 나타납니다.
패널을 서버 동작으로 전환하면 주인공이 곧 나타납니다. 우리는 이러한 데이터가 우리의 말을 따르고 우리가 원하는 대로 표시할 수 있도록 몇 가지 작업을 적용해야 합니다. 반복 영역 선택:
다음 대화 상자에서는 한 페이지에 표시할 레코드 수를 묻습니다. 데이터베이스에 수천 개의 레코드가 있는 경우 이를 모두 표시할 수 없으므로 웹 페이지의 로딩 속도가 느려집니다. 일반적으로 데이터는 페이징 형식으로 표시되며 반복 영역 동작은 다음과 같습니다. 사용된. . 여기서는 페이지당 3개의 레코드를 표시하도록 선택합니다.
확인을 클릭한 후 그림과 같이
브라우저 창으로 전환하여 방금 생성한 프로그램을 살펴보겠습니다. 인터넷 정보 서비스 관리자에서 설정한 기본 문서 이름(여기서는 default.asp)으로 이 페이지를 저장하는 것을 잊지 마십시오. 브라우저 창의 주소 표시줄에 http://localhost를 입력하면 다음과 같은 효과를 볼 수 있습니다. 하하, 정말 신나지 않나요? 데이터베이스의 데이터가 우리 눈앞에 표시됩니다. 웹 애플리케이션을 만드는 것도 어렵지 않습니다. 뭐, 한동안은 기뻤는데 뭔가 잘못된 걸 발견한 것 같군요. 그런데 여기에는 3개의 레코드만 표시되어 있고, 우리는 방금 데이터베이스에 5개의 레코드를 수동으로 입력했습니다. 좋아요, 이제 프로그램을 개선해 보겠습니다.
