최근 회사에서는 도서 자원을 최대한 활용하고 직원 문의를 원활하게 하기 위해 회사 인트라넷에 도서 조회 시스템을 구축하기로 결정했습니다. 회사에 책이 많지 않고 1,000권이 넘고 대부분이 전문 서적이라는 점을 고려하여 두 가지 쿼리 조건을 만들기로 결정했습니다. 하나는 도서 카테고리를 기준으로 쿼리하는 것입니다. 카테고리는 해당 카테고리의 모든 도서를 표시합니다. 도서는 주로 회사 도서에 대해 잘 모르는 사람들을 위한 것입니다. 두 번째는 도서명을 기준으로 조건에 맞는 모든 도서를 빠르게 검색할 수 있는 것입니다. 책 이름을 입력하면 됩니다.
계획은 정해져 있고, 다음 질문은 어떤 소프트웨어를 사용할 것인지, 어떻게 할 것인지이다. 여기서는 동료들이 브라우저를 열고 해당 주소를 입력하기만 하면 쿼리할 수 있도록 웹페이지 형식을 선택했습니다. 그래서 저는 웹페이지 제작과 데이터베이스 접근을 위한 강력한 도구인 Dreamweaver 소프트웨어(이하 dw)를 사용하고 있으며, 환경으로는 win98과 pws를 사용하고 있습니다. (편집자 주: PWS 사용 튜토리얼은 " Microsoft Personal Server PWS One에 대한 심층적인 이해" 및 "Microsoft Personal Server에 대한 심층적인 이해" Server PWS Part 2" "Microsoft Personal Server PWS에 대한 심층적인 이해 Part 3" "Microsoft Personal Server PWS에 대한 심층적인 이해" 4부'). 공의 공식적인 시작은 지금입니다.
이 튜토리얼의 소스 코드를 다운로드하려면 여기를 클릭하십시오.
먼저 데이터베이스를 설정하십시오.
1. 내 문서 아래에 새 폴더를 만들고 이름을 "Institute"로 지정합니다. 물론 다른 곳에서 새 이름을 만들고 다른 이름을 지정할 수도 있습니다.
2. acess를 열고 새 데이터베이스 db1을 생성하고 leibie 및 tushu라는 두 개의 테이블을 생성합니다. 테이블 간의 연락처 필드는 "카테고리 이름"입니다.
테이블 leibie 구조에는 두 개의 필드가 있습니다.
(1) 항목 번호, 문자 유형, 필드 길이는 6자리, 필수 필드, 공백은 허용되지 않습니다.
(2) 카테고리 이름, 텍스트 유형, 필드 길이는 20자이며, 필수 필드, 공백 문자열은 허용되지 않습니다.
테이블 tushu 구조에는 9개의 필드가 있습니다.
(1) 숫자, 텍스트 유형, 필드 길이는 6자리입니다.
(2) 책제목, 텍스트 종류, 필드 길이는 60자이며, 필수 필드, 공백은 허용되지 않습니다.
(3) 작성자, 텍스트 유형, 필드 길이는 50자입니다.
(4) 게시자, 텍스트 유형, 필드 길이는 60자입니다.
(5) 에디션, 텍스트 유형, 필드 길이는 15자리입니다.
(6) 단가, 통화 종류, 소수점 2자리 허용, 기본값은 0위안입니다.
(7) 카테고리 이름, 텍스트 유형, 필드 길이는 20자이며, 필수 필드, 공백 문자열은 허용되지 않습니다.
(8) 대출여부, 문자형식, 필드길이는 4자리, 필수항목, 공백문자는 입력불가, 기본값은 No 입니다.
(9) 비고, 비고 유형.
3. 테이블 구조에 따라 다양한 데이터를 입력합니다.
둘째, 사이트를 설정하고 데이터베이스에 연결합니다.
(1) 사이트를 설정합니다. dw를 열고 사이트 메뉴에서 새 사이트를 선택하면 사이트 설정 패널이 나타납니다. 연구소에 사이트 이름을 입력하면 디렉터리는 그림 1과 같이 방금 생성한 디렉터리입니다. 서버 모델용 Asp VBScript를 선택합니다. 테스트 서버 옵션에서 액세스를 위해 로컬/네트워크를 선택합니다.
그림 1
(2) 쿼리가 동적 페이지이므로 그림 2와 같이 팝업 패널에서 동적 페이지와 Asp VBScript를 선택합니다. 페이지로 돌아가려면 만들기 버튼을 누르세요.
그림 2
(3) 데이터베이스에 연결합니다. 그림 3과 같이 오른쪽의 Application 패널을 확장하고 Databases 탭을 선택한 다음 "+" 버튼을 누르고 Data Source Name(DSN)을 선택합니다.
그림 3
(4) 팝업 데이터 소스 이름(DSN) 패널(그림 4 참조)에서 정의... 버튼을 선택하여 ODBC 데이터 소스 관리자로 들어가서 시스템 DSN 레이블을 선택한 후 추가 버튼을 클릭하고 "Driver do Microsoft Access(*.mdb)" 데이터 드라이버를 선택하고 마침 버튼을 클릭합니다.
그림 4
(5) 다음 패널에서 데이터베이스 경로(방금 생성한 디렉터리)를 선택하고 그림 5와 같이 db1을 선택한 후 데이터 소스 이름으로 db1을 입력합니다.
그림 5 (6) 확인 버튼을 클릭하여 ODBC 데이터 소스 관리자 패널로 돌아갑니다. 확인 버튼을 다시 클릭하여 DSN(데이터 소스 이름) 패널로 돌아갑니다. 테스트 버튼을 클릭합니다. 그림 6과 같은 성공 패널이 나타나면 모든 것이 정상이고 데이터베이스가 연결되었음을 의미합니다. 이에 따라 오른쪽 애플리케이션 패널의 데이터베이스 탭에 나타납니다.
그림 6
이제 모든 것이 준비되었으므로 동적 쿼리 웹 페이지를 만들 수 있습니다.
1. 홈페이지를 만듭니다. 홈 페이지는 매우 간단합니다. chaxun.asp에 대한 "책 카테고리로 검색" 링크, chaxun1.asp에 대한 "책 이름으로 검색" 링크라는 두 개의 쿼리 링크를 생성하면 됩니다. 이 두 웹 페이지는 우리가 아래에 구축할 쿼리 웹 페이지입니다. . 홈페이지는 동적 프로그래밍이 필요하지 않으므로 htm 형식으로 저장할 수 있습니다. 파일은 그림 7과 같이 연구소 디렉터리에 index라는 이름으로 저장됩니다.
그림 7
2. 도서 카테고리별 검색어 웹페이지를 생성합니다.
1. 새로운 동적 웹 페이지를 생성하고 이름을 chaxun.asp로 지정합니다.
2. 레코드 세트를 생성합니다. 오른쪽의 Application 패널에서 Bindings 탭을 선택하고 더하기 버튼을 누른 다음 그림 8과 같이 Recordset(Query)를 선택합니다. Recordset 대화 상자가 팝업으로 표시되며 내부 설정은 그림 9와 같습니다. 기본값은 Recordset1이고 Connection은 방금 생성한 항목을 선택합니다. db1에 연결하면 book 카테고리가 표시되므로 Table은 leibie 테이블을 선택합니다.
그림 8
그림 9 3. 설정이 완료된 후 테스트 버튼을 클릭하면 Leibie 테이블의 내용이 완전히 표시되는 것을 확인할 수 있습니다. 확인을 클릭하여 페이지로 돌아오면 방금 생성한 Recordset1이라는 쿼리가 바인딩 레이블 아래에 표시되는 것을 볼 수 있습니다.
4. 그림 10과 같이 웹 페이지에 정적으로 표시된 콘텐츠를 입력합니다. 여기서 "반환" 링크는 홈페이지 index.htm을 가리킵니다.
그림 10
5. 바인딩 레이블 아래의 Recordset1 옆에 있는 "+" 기호를 클릭하여 필드를 확장합니다. 마우스로 "범주 이름" 필드를 누른 채 페이지의 셀로 직접 끌어 놓습니다. 동적 텍스트가 포함된 경우 페이지 효과는 그림 11에 표시됩니다.
그림 11
이제 이 셀은 하나의 행만 표시할 수 있습니다(브라우저에서 먼저 확인하여 이와 같이 표시되는지 확인할 수 있습니다). 그러면 모든 필드 내용을 어떻게 표시할 수 있습니까?
6. 테이블을 선택한 다음 오른쪽의 애플리케이션 패널에서 서버 동작 탭을 선택하고 더하기 버튼을 누른 다음 반복 영역을 선택하면 한 페이지에 표시되는 레코드 수를 제어할 수 있습니다. 여기서는 도서 카테고리가 많지 않기 때문에 그림 12와 같이 대화 상자에서 All Records(모든 레코드 표시)를 선택하고 페이지 매김 없이 표시합니다.
그림 12
7. pws를 실행하고 경로를 설정한 후 브라우저로 이 웹 페이지를 열고 데이터베이스의 모든 카테고리 이름이 화면에 표시되는지 확인하지만 아직 클릭할 수는 없습니다. 자, 책을 표시하기 위한 해당 페이지를 만들어 보겠습니다.
3. 카테고리 쿼리로 표시되는 페이지 만들기
1. 새로운 동적 웹 페이지를 만들고 이름을 xianshi.asp로 지정합니다.
2. 레코드 세트를 생성합니다. Application 패널에서 Bindings 탭을 선택하고 더하기 버튼을 누른 후 Recordset(Query)를 선택하면 Recordset 대화 상자가 팝업됩니다. 내부 설정은 그림 13과 같습니다. 데이터베이스 테이블의 이름은 Recordset2입니다. 웹 페이지에 표시되는 도서 정보는 이전 쿼리를 기반으로 표시되므로 조건에 맞는 도서를 선택하려면 제한 조건을 설정해야 합니다. 그러면 이 조건은 어떻게 전송되고 수락됩니까? 이를 위해서는 URL 매개변수를 사용해야 합니다. 이 매개변수를 사용하여 쿼리 웹페이지에서 쿼리 조건을 전달한 다음 디스플레이 웹페이지에서 이 매개변수를 수락하여 일치하는 레코드를 표시할 수 있습니다. 구체적인 사용법은 다음과 같습니다.
그림 13 (1) 먼저 chaxun.asp 쿼리 페이지로 돌아가겠습니다. 마우스를 사용하여 테이블의 필드를 선택한 다음 응용 프로그램 패널에서 서버 동작 탭을 선택하고 더하기 버튼을 누른 다음 세부 정보 페이지로 이동 대화 상자가 표시됩니다. 그림 14에서. 세부정보 페이지는 표시 웹 페이지 xianshi.asp입니다. Pass URL Parameter 텍스트 상자에 입력된 것은 URL을 통해 세부정보 페이지로 전달되는 매개변수 이름이며, 이해를 돕기 위해 "카테고리 이름"을 입력합니다. 이 이름은 나중에 표시될 수 있습니다. 웹 페이지에 설정된 매개변수 이름은 동일합니다. Recordset은 전달되는 레코드 집합을 의미하며, Column은 URL 매개변수 값의 소스를 의미하므로 "Category Name"을 선택합니다. 기존 매개변수가 있습니다. 양식과 관련되어 있지만 해당 양식은 이 쿼리 페이지에서 사용되지 않으므로 선택할 수 없습니다. 확인 버튼을 클릭하면 테이블의 필드가 동적 콘텐츠를 포함하는 하이퍼텍스트 링크로 변경된 것을 확인할 수 있습니다.
그림 14 (2) 좋습니다. URL 매개변수가 설정되었습니다. 이제 표시된 웹 페이지 xianshi.asp로 돌아가 이 매개변수를 수락합니다. Recordset(Query)를 선택하면 Recordset 대화 상자가 팝업되고 위의 그림 13과 같이 필터에서 설정됩니다. 즉, 쿼리 조건은 테이블 tushu의 "범주 이름" 필드가 전달된 URL과 같아야 한다는 것입니다. 매개변수 매개변수 "카테고리 이름"은 웹페이지를 쿼리할 수 있도록 웹페이지 표시와 연결됩니다.
(3) 테스트 버튼을 클릭하여 테스트합니다. 카테고리 이름을 입력하면 dw가 해당 도서 기록을 표시합니다.
(4) 확인 버튼을 클릭하면 해당 페이지로 돌아갑니다.
3. 그림 15와 같이 웹 페이지에 정적 콘텐츠를 입력합니다. "반환" 링크는 쿼리 웹 페이지 chaxun.asp에 대한 것입니다. 일부 범주에는 책이 많기 때문에 표시는 페이징으로 설정됩니다.
그림 15 4. 위에서 소개한 방법을 사용하여 그림 16과 같이 레코드 세트의 필드를 페이지의 해당 위치로 드래그합니다.
그림 16 5. 테이블의 두 번째 행을 선택하고 응용 프로그램 패널에서 서버 동작 레이블을 클릭한 다음 더하기 버튼을 누르고 반복 영역을 선택하면 반복 영역 대화 상자가 나타납니다. 페이지에 표시되기 때문에 표시하도록 선택했습니다. 여기서 입력은 10인데, 이는 그림 17과 같이 상황에 따라 10개의 레코드가 표시된다는 의미입니다. 확인 버튼을 클릭하면 해당 페이지로 돌아갑니다.
그림 17 6. 페이지에 표시되고 뒤집어야 하기 때문에 dw에서 어떻게 구현합니까? 매우 간단합니다. 먼저 "홈"을 선택한 다음 응용 프로그램 패널에서 더하기 버튼을 클릭하면 이 옵션 위로 마우스를 이동하면 드롭다운 메뉴가 표시됩니다. 이 메뉴의 의미는 그림 18과 같이 모두가 이해해야 한다고 생각합니다. 첫 번째 "첫 번째 레코드로 이동"을 선택하면 그림 19와 같이 대화 상자가 나타납니다. 확인 버튼을 클릭하여 페이지로 돌아가면 "홈 페이지"의 동적 링크가 준비되고 다른 " 이전 페이지" 및 "다음 페이지" ", "마지막 페이지" 등을 만들고 이에 해당하는 동적 링크를 만듭니다.
그림 18
그림 19 7. 그러면 사용자는 레코드가 마지막 레코드에 도달했으며 더 이상 스크롤해서는 안 된다는 것을 어떻게 알 수 있습니까? 여기서는 이렇게 해결했습니다. 레코드가 마지막 페이지에 도달하면 "다음 페이지"와 "마지막 페이지"가 자동으로 페이지에서 숨겨집니다. 마찬가지로 레코드가 첫 번째 페이지에 도달하면 "첫 번째 페이지"가 숨겨집니다. 페이지"와 "이전 페이지"는 페이지에서 자동으로 숨겨집니다. 페이지"는 자동으로 숨겨집니다. 구체적인 구현 방법은 다음과 같습니다.
(1) 먼저 "홈"을 선택한 다음 응용 프로그램 패널에서 서버 동작 탭을 클릭하고 더하기 버튼을 누른 다음 마우스를 영역 표시 옵션으로 밀어 그림 20과 같이 드롭다운 메뉴를 표시합니다.
그림 20 (2) "첫 번째 레코드가 아닌 경우 영역 표시"를 선택합니다. 즉, 첫 번째 레코드가 아닌 경우 표시되고, 반대로 첫 번째 레코드인 경우 표시되거나 숨겨지지 않습니다.
(3) 팝업 대화 상자에서 직접 확인 버튼을 클릭하여 페이지로 돌아가면 "홈 페이지"의 자동 숨기기 기능이 준비됩니다.
(4) 같은 방법으로 다른 여러 자동 숨기기 기능을 만듭니다. "이전 페이지"는 "홈"과 동일합니다. "첫 번째 레코드가 아닌 경우 지역 표시"를 선택하고, "다음 페이지"는 "마지막 페이지"와 동일하며 "마지막 레코드가 아닌 경우 지역 표시"를 선택합니다.
이제 카테고리 쿼리로 표시되는 페이지가 드디어 완성되었습니다. 구체적인 효과를 살펴보겠습니다. pws를 실행하고 IE를 사용하여 chaxun.asp를 열고 "New Drugs"와 같은 범주 이름을 클릭하면 IE가 자동으로 이 범주의 책을 표시하고 "다음 페이지", "이전 페이지" 및 기타 링크를 클릭합니다. IE가 자동으로 페이지를 넘길지 확인을 참조하세요. 구체적인 효과는 그림 21과 22에 나와 있습니다.
그림 21
그림 22 4. 책 제목을 기반으로 쿼리할 수 있는 웹 페이지 만들기
1. 새로운 동적 웹 페이지를 생성하고 이름을 chaxun1.asp로 지정합니다.
2. 그림 23과 같이 웹 페이지에 정적으로 표시된 콘텐츠를 입력합니다. "반환" 링크는 홈페이지 index.htm에 대한 것입니다. 빨간색 점선은 이것이 양식의 속성 설정임을 나타냅니다. 그림 24와 같이 xianshi1.asp 웹 페이지로 이동하여 이 웹 페이지를 실행하면 쿼리 웹 페이지와 표시된 웹 페이지가 변수 이름을 통해 연결됩니다. 상자 이름은 ts입니다. 양식을 통해 전달되는 변수 이름이고 다음은 웹 페이지를 표시하는 데에도 사용되므로 이 이름을 기억해 두십시오.
그림 23
그림 24 5. 책 이름으로 표시되는 웹 페이지 만들기
1. 새로운 동적 웹 페이지를 생성하고 이름을 xianshi1.asp로 지정합니다.
2. 그림 25에 표시된 것처럼 웹 페이지에 정적으로 표시된 콘텐츠를 입력합니다. 여기서 "반환" 링크는 쿼리 페이지 chaxun1.htm에 연결되고 빨간색 점선도 이것이 양식임을 나타냅니다.
그림 25 3. 레코드 세트를 생성합니다. Application 패널에서 Bindings 탭을 선택하고 더하기 버튼을 누른 후 Recordset(Query)를 선택하면 Recordset 대화 상자가 나타납니다. 내부 설정은 그림 26과 같습니다. 이름은 Recordset1이고 데이터베이스 테이블은 tushu를 선택합니다. 필터 필터 조건은 tushu 테이블의 필드로 설정됩니다. "책 제목"에는 전달된 양식 변수 ts가 포함되어야 합니다. 이 ts 변수는 쿼리 웹 페이지 chaxun1.asp의 텍스트 상자 이름입니다. 페이지로 돌아가려면 확인 버튼을 클릭하세요.
그림 26 4. 레코드 집합의 필드를 페이지의 해당 위치로 드래그합니다.
5. 테이블의 두 번째 행을 선택하고 응용 프로그램 패널에서 서버 동작 탭을 클릭한 다음 더하기 버튼을 누르고 반복 영역을 선택하면 반복 영역 대화 상자가 팝업되어 모두 표시되도록 설정합니다.
최종 페이지 효과는 그림 27에 나와 있습니다.
그림 27 이제 책명을 검색하여 표시되는 페이지가 드디어 완성되었습니다. pws를 실행하고 IE를 사용하여 chaxun1.asp를 열고 "Quality Management"와 같은 이름을 입력하면 IE가 자동으로 제목에 "Quality Management"가 포함된 모든 책을 표시합니다. 구체적인 효과는 그림 28 및 29에 나와 있습니다.
그림 28
그림 29 웹페이지가 드디어 완성되어 이제 누구나 완벽하게 실행할 수 있습니다. 동료에게 컴퓨터의 IP 주소를 알려주고 비밀번호를 열어 동료가 언제든지 쿼리 시스템을 통해 책을 쿼리할 수 있도록 하세요.
이 튜토리얼의 소스 코드를 다운로드하려면 여기를 클릭하세요.