XML Spy 예제 코드에 대한 자세한 설명(그림)

이 자습서를 읽기 전에 최소한 XML에 대해 잘 알고 있는지, 메모장이나 기타 도구를 사용하여 XML, DTD 및 XSLT 문서를 편집했는지, 그리고 친숙한지 확인해야 합니다. 그렇지 않으면 이 튜토리얼을 읽기 전에 수업을 구성해 보세요.

XML Spy는 XML, XSL, XSLT, DTD, Schema 및 기타 파일 형식을 지원하는 Icon Information System에서 개발한 편집기입니다. XML을 완벽한 트리 구조로 표시할 수 있으며 다양한 HTML/XML/XSLT 태그를 쉽게 사용할 수 있습니다. 이를 사용하면 개발 시간을 크게 절약할 수 있으며 코드 입력에 많은 시간을 낭비할 필요가 없습니다. 영화 정보를 저장하는 예제를 통해 XML Spy를 활용하는 방법을 알아봅시다.

첫 번째 단계: saveit.xml, saveit.dtd 및 saveit.xslt의 세 가지 파일을 디자인해야 합니다. saveit.xml은 특정 영화 콘텐츠 데이터를 저장하는 역할을 하고, saveit.dtd는 saveit 확인을 담당합니다. xml.Saveit.xslt는 saveit.xml의 스타일을 지정하고 브라우저에서 최종 표시 효과를 결정하는 역할을 합니다. 먼저 생성해야 하는 세 파일의 코드를 살펴보겠습니다.

----------saveit.xml------------------
＜?xml version="1.0" encoding="GB2312"?＞
＜!DOCTYPE movies SYSTEM "G:\xmlspy\saveit.dtd"＞
＜?xml-stylesheet type="text/xsl" href="G:\xmlspy\saveit.xslt"?＞
＜movies type="动作片"＞
＜id＞1＜/id＞
＜name＞致命摇篮＜/name＞
＜brief＞李连杰最新力作！＜/brief＞
＜time＞2003＜/time＞
＜/movies＞
----------saveit.dtd------------------
＜?xml version="1.0" encoding="GB2312"?＞
＜!ELEMENT movies (id, name, brief, time)＞
＜!ATTLIST movies type CDATA #REQUIRED＞
＜!ELEMENT id (#PCDATA)＞
＜!ELEMENT name (#PCDATA)＞
＜!ELEMENT brief (#PCDATA)＞
＜!ELEMENT time (#PCDATA)＞
----------saveit.xslt------------------
＜?xml version="1.0" encoding="UTF-8"?＞
＜xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"＞
＜xsl:output method="xml" version="1.0" encoding="GB2312" indent="yes"/＞
＜xsl:template match="/"＞
＜html＞
＜head＞
＜title＞
:::凌云的XML Spy教程:::
＜/title＞
＜/head＞
＜body＞
＜xsl:apply-templates＞＜/xsl:apply-templates＞
＜/body＞
＜/html＞
＜/xsl:template＞
＜xsl:template match="movies"＞
第＜xsl:value-of select="id"＞＜/xsl:value-of＞部电影
＜table＞
＜tbody＞
＜tr＞
＜td＞名称＜/td＞
＜td＞简介＜/td＞
＜td＞时间＜/td＞
＜td＞类型＜/td＞
＜/tr＞
＜tr＞
＜td＞＜xsl:value-of select="name"＞＜/xsl:value-of＞＜/td＞
＜td＞＜xsl:value-of select="brief"＞＜/xsl:value-of＞＜/td＞
＜td＞＜xsl:value-of select="time"＞＜/xsl:value-of＞＜/td＞
＜td＞＜xsl:value-of select="@type"＞＜/xsl:value-of＞＜/td＞
＜/tr＞
＜/tbody＞
＜/table＞
＜/xsl:template＞
＜/xsl:stylesheet＞

2단계: XML Spy를 사용하여 saveit.dtd 문서를 생성합니다.

1) 루트 노드 영화 설정

파일->새로 만들기 메뉴를 선택하여 새 문서 만들기 대화 상자를 열고 내부의 dtd(Document Type Definition)를 선택하여 빈 DTD 문서는 그림 1과 같이 편집 영역에 설정됩니다. 왼쪽 상단 모서리에 있는 검은색 삼각형을 클릭하면 그림 2와 같습니다. 기본 인코딩 방법 항목 인코딩을 UTF-8로 설정하고 GB2312로 변경했습니다. 완료되면 그림 3과 같이 영화를 입력합니다. Elm 영화를 선택한 상태 로 유지하고 오른쪽의 Elements 상자에서 의 시퀀스를 두 번 클릭하면 결과가 그림 4와 같습니다. 이러한 방식으로 루트 노드 영화가 설정됩니다.

사진 1

사진 2

사진 3

그림 4

2) 루트 노드 영화에 하위 노드 ID, 이름, 개요, 시간 및 속성 유형을 추가합니다.

영화 시퀀스를 마우스 오른쪽 버튼으로 클릭하고 추가를 선택합니다. child ->ELEMENT, 4개의 하위 노드를 추가합니다. 그림 5와 같습니다. 다시 영화 시퀀스를 마우스 오른쪽 버튼으로 클릭하고 Append->ATTLIST를 선택한 다음 그림 6과 같이 이름을 영화로 설정하고 이름을 유형으로 설정하고 유형을 CDATA로 설정하고 프레즌스를 다음으로 설정합니다. #REQUIRED .

그림 5

그림 6

3) 하위 노드 ID, 이름, 간략한, 시간을 생성합니다. 시퀀스를 마우스 오른쪽 버튼으로 클릭하고 Append->ELEMENT를 선택한 다음 4개의 노드를 추가하고 모든 데이터 유형을 PCDATA로 설정합니다. 이러한 방식으로 DTD 문서가 생성됩니다. 이름을 saveit.dtd로 지정하고 G:////xmlspy 디렉터리에 저장합니다. 보기->텍스트 보기 모드에서 편집하여 얻은 소스 코드를 볼 수 있습니다. 보기->향상된 그리드 보기를 선택하면 트리 편집보기 모드로 돌아갑니다.

3단계: XML Spy를 사용하여 saveit.xslt 문서를 만듭니다.

1) File->New 메뉴를 선택하여 Create new document 대화 상자를 띄우고 마지막 항목 xslt(Extensible Stylesheet Language)를 선택한 후 그림과 같이 새 xslt 파일을 만듭니다. 그림 8 쇼에서. 이때 xslt를 직접 편집하는 것이 더 편리하기 때문에 XML Spy는 자동으로 보기를 코드 편집 보기로 전환합니다. 그림 9와 같이 인코딩 방법을 GB2312로 변경합니다.

사진 8

사진 9

2) 나머지 코드는 그림 10에 표시된 Elements 패널을 통해 편집 영역에 쉽게 추가할 수 있습니다. 추가가 완료된 후 해당 노드를 각 요소의 속성 값으로 설정하여 XSLT 문서 작성을 완료합니다. 구체적인 프로세스는 자세히 설명하지 않습니다. 완료되면 그림 11과 같은 모습이 됩니다. 이름을 saveit.xslt로 지정하고 G:////xmlspy 디렉터리에 저장합니다.

그림 10

그림 11

4단계: 사용 saveit.xml 문서를 생성하는 XML 스파이입니다.

1) 메뉴 파일->새로 만들기를 선택하여 새 문서 만들기 대화 상자를 띄운 후, 그 안에서 xml(XML 문서)을 선택하면 XML 문서 확인 방법을 선택하라는 대화 상자가 나타납니다. 그림 12와 같이 DTD 검증 방법을 선택하고 그림 13과 같이 방금 생성한 saveit.dtd를 검증 문서로 선택합니다.

그림 12

그림 13

2) OK를 클릭하면 XML Spy가 자동으로 저장 파일을 생성합니다. dtd는 XML 빈 문서를 검증했습니다. 그림 14와 같습니다. 콘텐츠 데이터를 입력하세요. 인코딩 방법 항목 인코딩을 GB2312로 변경합니다. 결과는 그림 15에 나와 있습니다.

그림 14

그림 15

3) XSL->Assign XSL 메뉴를 선택하고 팝업에서 창(예: 그림 15 참조)에서 G:////xmlspy////saveit.xslt 파일을 선택하고 확인을 클릭합니다.

그림 16

4) 완료되었습니다. 드디어 XML 문서가 편집되었습니다. 그림 17과 같습니다. 이름을 saveit.xml로 지정하고 G:////xmlspy 디렉터리에 저장합니다.

그림 17

5단계: XSLT->XSL 변환을 선택하거나 클릭하여 XML Spy에서 직접 saveit.xml의 최종 표시 효과를 볼 수 있습니다. G:////xmlspy 디렉터리로 이동하여 브라우저를 사용하여 볼 수도 있지만 브라우저는 IE6 이상이어야 합니다. 변환 결과 문서를 출력하려면 클릭하여 변환 후 결과 문서를 XML Spy로 저장할 수 있습니다. 최종 디스플레이 효과는 그림 18에 나와 있습니다. 위 코드는 XML Spy5에서 디버깅을 통과했습니다.

사진 18

위 내용은 XML Spy 예제 코드에 대한 자세한 설명(그림)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!