Spry를 통해 XML 데이터를 HTML 페이지에 표시하는 방법에 대한 자습서

Dreamweavse cs3의 통합 Spry 기능에 대한 심층적인 연구를 통해 Dreamweavse cs3 시각적 작업을 통해 XML 데이터를 HTML 페이지에 쉽게 표시하는 등 Spry 프레임워크의 일부 기능 모듈을 배우고 마스터했습니다.
물론, XML 데이터를 HTML 페이지에 삽입하고 표시하는 방법을 생각하면 일반적으로 즉시 떠오르는 것은 Data Island입니다. 예:

[모두 선택하려면 Ctrl+A 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.]

물론 XSLT를 사용하여 XML을 표시할 수도 있습니다. 하지만 이제 Dreamweaver CS3에 통합된 Spry 기능을 사용하면 XML 데이터를 HTML에 쉽게 포함할 수 있으며 동시에 XML 데이터 재정렬, 정기적인 데이터 업데이트, 새로 고침 안 함 표시 등도 수행할 수 있습니다. 표준 Spry AJAX 응용 프로그램입니다.
1, XML 데이터 파일: site.xml

<?xml version="1.0" encoding="utf-8"?>
<mysite>
    <site>
        <name>CNBRUCE</name>
        <url>http://www.cnbruce.com</url>
        <desc>cnbruce&#39;s blog</desc>
        <atime>2003</atime>
    </site>
    <site>
        <name>DW8</name>
        <url>http://www.dw8.cn</url>
        <desc>About dreamweaver and web</desc>
        <atime>2006</atime>
    </site>
    <site>
        <name>164</name>
        <url>http://www.164.cc</url>
        <desc>Music Blog</desc>
        <atime>2005</atime>
    </site>
</mysite>

2, Dreamweaver CS3에 "Spry XML Date Set" 추가



3. 열리는 대화 상자에서 XML 데이터 소스 를 찾아 선택한 다음 "스키마 가져오기"를 클릭하여 XML을 추출합니다. "XPath"를 자동으로 얻으려면 "Row element"에서 노드를 선택하고(참고: 다른 XPath를 선택하면 최종적으로 표시할 수 있는 정보가 달라짐) 분류 및 정렬을 위한 참조 노드를 선택합니다. 시간 내림차순 또는 오름차순 선택과 같은 "정렬" 열에서 "옵션"에서 XML 데이터의 자동 업데이트를 설정하고 새로 고침 메커니즘 없이 표시할 수 있습니다.



4. XML 데이터 바인딩이 완료되면 HTML 페이지에 XML 데이터(루프)를 표시할 수 있습니다.



일반적으로 시작하기는 매우 쉽습니다. [코드] 뷰로 돌아가서 코드를 살펴보는 것도 매우 간단합니다. Spry 프레임워크를 통해
단, 현재 문제점과 고려사항은 다음과 같습니다.
1. 중국어 XML 노드의 데이터 소스가 제대로 지원되지 않습니다.
2. HTML에서 XML로 표시되는 하이퍼링크를 열 수 없습니다
3. 해결해야 할 원격 XML 데이터 소스의 문제는 RSS Aggregation과 유사한 기능입니다

위 내용은 Spry를 통해 XML 데이터를 HTML 페이지에 표시하는 방법에 대한 자습서의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!