Dreamweaver CS3에는 Spry 기능이 통합되어 있습니다. Spry에 XML 데이터를 처리하는 기능이 있다는 것은 모두가 알고 있지만 Spry의 세부 영역 기능은 거의 없는 것 같습니다.
Spry 세부 정보 영역은 뉴스 시스템의 뉴스 목록 페이지 및 기본 세부 정보 페이지 기능과 다소 유사합니다. 예를 들어, 뉴스를 볼 때 페이지 중 하나에는 모든 뉴스의 제목만 표시됩니다. 제목에 관심이 있으면 제목을 클릭하여 새 웹 페이지를 열고 뉴스의 전체 내용을 볼 수 있습니다. . 그러면 모든 제목의 목록을 표시하는 페이지를 "홈페이지"라고 하고, 특정 뉴스 콘텐츠를 표시하는 페이지를 "상세 페이지"라고 합니다.
당연히 이 기본 세부 정보 페이지는 최소한 두 페이지 이상이어야 합니다. 우리가 사용하는 Spry 세부 영역은 새로 고침 없이 웹 페이지에 표시될 수 있습니다.
1. 새 웹 페이지를 만들고 Spry XML 데이터 세트를 바인딩합니다.
웹 페이지에서 [삽입] 패널을 열고 [Spry] 탭 아래의 [Spry XML 데이터 세트]를 클릭하세요.
2. XML 데이터 소스 선택
[Spry XML 데이터 세트] 대화 상자가 나타납니다. [XML 소스]는 로컬 디렉터리의 XML 데이터일 수도 있고 도메인 간 원격 XML 데이터일 수도 있습니다.
[스키마 가져오기] 버튼을 클릭하고 [행 요소] 목록 상자의 XML 데이터에서 중요한 반복 요소를 선택합니다. 선택한 "항목" 요소는 다음과 같습니다(<> 기호의 오른쪽 상단에 있는 + 기호는 여러 루프를 나타냄). ).
PS 순수 XML 데이터 집계 페이지를 생성하는 경우 [XML 데이터 캐싱 비활성화]를 선택하고 데이터를 자동으로 새로 고치는 시간을 선택하여 자동으로 원격 데이터 동기화를 얻을 수도 있습니다.
3. Spry 테이블을 삽입하고 페이지에 Spry XML 데이터를 표시합니다.
[삽입] 패널의 [Spry] 탭 아래에 있는 [Spry Table] 버튼을 클릭하고, 팝업 대화 상자에 표시할 필요가 없는 [열]을 삭제하세요.
행을 클릭할 때 사용될 "업데이트" 세부 정보 영역을 선택하는 것이 중요합니다.
[확인] Spry 테이블을 삽입하면 Spry 영역을 삽입해야 한다는 메시지가 나타납니다. 모든 Spry XML 데이터는 Spry 영역에 표시되어야 하기 때문입니다.
넷째, Spry 세부영역을 삽입합니다.
먼저 페이지에 삽입된 "Spry 테이블" 뒤에 마우스 커서를 두고 [삽입] 패널의 [Spry] 탭 아래에 있는 [Spry 영역] 버튼을 계속 클릭합니다.
팝업 대화 상자에서 [유형]을 "상세 영역"으로 선택해야 현재 Spry 세부 영역이 사용됨을 나타냅니다.
5. Spry 세부 정보 영역에 "세부 정보"를 삽입합니다.
Spry 세부 영역에 마우스 커서를 놓고 [바인딩] 패널을 연 후 "설명" 요소를 선택하여 Spry 세부 영역에 [삽입]합니다.
웹 페이지를 저장하면 Spry 효과 파일을 저장하라는 메시지가 표시됩니다. 업로드할 때 이러한 파일을 함께 업로드해야 합니다.
6. 미리보기 효과
도메인 전체에 걸쳐 원격 XML 데이터를 표시하고, 각 행의 제목을 클릭하면 새로 고침 없이 현재 페이지에서 볼 수 있는 콘텐츠가 열리는 것이 매우 좋습니다.
