이전 강의에서는 데이터베이스 연결 설정에 대해 주로 다루었습니다. 오늘은 백그라운드 애플리케이션의 실제 구현을 시작하고 데이터베이스에서 데이터를 가져오는 작업을 모두 오늘의 작업에 대한 준비로 진행하겠습니다. 오늘날 우리가 보는 웹페이지는 기본적으로 동적이라는 것은 데이터베이스와 결합되어 정보를 자동으로 업데이트하는 것을 의미합니다. 데이터베이스에서 데이터를 검색하는 것은 가장 기본적이고 가장 일반적으로 사용되는 동적 방법입니다. 다음으로 쿼리를 통해 Northwind 데이터베이스의 Product 테이블에서 제품 정보 목록을 검색합니다.
사이트를 설정할 때 테스트 서버 옵션에서 액세스를 FTP 또는 로컬/네트워크(그림 2-1)로 설정하십시오. 그렇지 않으면 바인딩을 사용할 수 없습니다.
이름 : disProduct 연결: northwind(이전 강의에서 설정한 연결이며 선택 사항) 테이블: 제품(데이터베이스의 모든 테이블이 여기에 나열됩니다. 여기서는 제품을 선택합니다) 열: 제품의 모든 필드가 포함되어 있습니다. 선택 라디오 버튼을 선택하면 필드를 필터링할 수 있습니다. (그림 2-3과 같이)
그림 2-3
설정이 완료되면 테스트하고 오른쪽에 있는 테스트 버튼을 누르면 됩니다. 놀랍지 않나요? 필요한 데이터가 모두 나열되어 있습니다. (그림 2-4와 같이)
그림 2-4 확인을 클릭하여 Recordset 대화 상자로 돌아간 다음 확인을 클릭하여 페이지로 돌아갑니다. 이때 Binding 태그의 변경 사항을 볼 수 있으며 우리가 만든 disProduct라는 쿼리가 나타납니다. 이 내용을 보고 나면 누구나 쉽게 객체를 떠올릴 수 있을 것 같습니다. 코드에서 객체를 생성하는 것보다 훨씬 이해하기 쉽습니다(그림 2-5 참조). 옆에 있는 "+" 기호를 클릭하면 확장됩니다. Product 테이블, 모든 필드가 눈앞에 나타납니다. (그림 2-6과 같이)
그림 2-5
그림 2-6
우리의 목적은 페이지에 제품 목록을 표시하는 것입니다. 다음 작업에서 데이터베이스의 항목을 페이지에 표시하는 것이 얼마나 쉬운지 다시 한 번 알게 될 것입니다. 페이지에 2개의 행과 4개의 열이 있는 테이블을 만들고 첫 번째 행에 제품 이름, 단위 수량, 단위 가격 및 재고를 입력합니다(그림 2-7 참조). 페이지에서. 다음 부분에서는 필드의 내용을 입력하겠습니다.
그림 2-7
바인딩에서 확장된 필드를 선택하려면 먼저 "제품 이름" 필드를 선택한 다음 테이블의 두 번째 행의 첫 번째 열에서 마우스를 클릭하여 커서가 깜박이게 한 다음 바인딩 패널로 돌아가서 삽입 버튼, (그림과 같이) 2-8)
그림 2-8 같은 방법으로 "단가, 단가, 재고" 필드를 테이블에 삽입합니다. (그림 2-9 참조) 더 간단한 방법도 있습니다. 효과는 동일하고 더 간단합니다. 자, 이제 원본 코드를 살펴보겠습니다. Asp를 처음 시작하는 분이라면, Asp를 배우는 데 큰 도움이 될 mx에서 생성된 원본 코드를 살펴보는 것입니다. 앞으로는 로그인 페이지와 같이 몇 줄의 코드만 추가하여 두 페이지를 병합할 수 있다는 사실을 알게 될 것입니다.
그림 2-9
좋습니다. 이제 페이지를 저장하고 브라우저에서 노력의 결실을 확인하세요. Asp 페이지를 디버깅하는 방법을 모른다고 말하지 마세요! 결과가 한 줄만 표시됩니다. 매우 실망스럽지 않나요? 하하, 기록 포인터는 움직이지 않았습니다. 물론 첫 번째 줄만 표시됩니다. 계속 읽어보세요.
우리는 그것을 사용하여 많은 기능을 수행할 수 있다는 것에 대해 이야기할 것입니다. 지금은 그것에 대해 이야기하지 않겠습니다. 이제 우리가 해결해야 할 문제는 모든 레코드를 표시하는 방법입니다. 표의 두 번째 행에 있는 모든 셀을 선택합니다(그림 2-10).
그림 2-10 서버 동작 레이블에서 "+" 버튼을 클릭하고 드롭다운 메뉴에서 반복 영역을 선택한 다음 반복 영역 대화 상자에서 모두 라디오 버튼을 선택합니다. 모두 표시하지 않으려면 다음을 선택할 수도 있습니다. 위의 라디오 버튼을 클릭하고 표시하려는 번호를 입력합니다(그림 2-11 참조).
그림 2-11
돌아가려면 확인 버튼을 누르세요. 서버 동작 탭에 한 가지 동작이 더 나타납니다(그림 2-12). 원래 코드를 보면 그가 방금 루프 문을 추가한 것을 알 수 있습니다.
그림 2-12
변경 사항을 저장하고 다시 디버그해 보세요. (그림 2-11)에서 설정한 내용이 모두 나옵니다. 오늘 이 시점에서는 주로 쿼리 작성에 관한 다음 내용을 검토할 수 있습니다. 여기에는 많은 팁이 포함되어 있습니다.
