Latest web development tutorials

แปลง XSLT

กรณีศึกษา: วิธีการใช้ XSLT จะเปลี่ยน XML ลง XHTML

เราจะมีรายละเอียดในบทต่อไปของตัวอย่างนี้จะอธิบาย


ประกาศสไตล์ชีตที่ถูกต้อง

เอกสารประกาศเป็นองค์ประกอบราก XSL สไตล์ชีตคือ <XSL: สไตล์ชีต> หรือ <XSL: เปลี่ยน>

หมายเหตุ: <XSL: สไตล์ชีต> และ <XSL: เปลี่ยน> มีความหมายเหมือนอย่างสมบูรณ์และสามารถนำมาใช้!

ตามมาตรฐาน XSLT ของ W3C, วิธีที่ถูกต้องในการประกาศสไตล์ชีต XSL คือ:

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

หรือ:

<xsl:transform version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

ในการเข้าถึงองค์ประกอบ XSLT คุณลักษณะและลักษณะเราต้องที่ด้านบนของเอกสารประกาศ namespace XSLT

xmlns: XSL = "http://www.w3.org/1999/XSL/Transform" จุดที่อย่างเป็นทางการของ W3C XSLT namespace ถ้าคุณใช้ namespace นี้ก็จะต้องมีรุ่นแอตทริบิวต์ = "1.0"


จากจุดเริ่มต้นเอกสาร XML เดิม

ตอนนี้เราต้องการเอกสารดังต่อไปนี้ XML ( "cdcatalog.xml")จะถูกแปลงเป็น XHTML:

<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
</catalog>

ดูไฟล์ XML ใน Firefox และ Internet Explorer: เปิดไฟล์ XML (ปกติโดยการคลิกที่ลิงค์) - เอกสาร XML จะรหัสสีของวิธีการที่จะแสดงองค์ประกอบรากและองค์ประกอบของเด็กคลิกที่ด้านซ้ายขององค์ประกอบเครื่องหมายบวก (+) หรือลบ (-) เพื่อขยายหรือหดองค์ประกอบโครงสร้าง เพื่อดูไฟล์ XML ต้นฉบับเดิม (ไม่บวกและลบสัญญาณ) เลือก "ดูหน้ามา" หรือ "มาดู" ในเมนูเบราว์เซอร์

ตรวจสอบไฟล์ XML ใน Netscape 6: เปิดไฟล์ XML จากนั้นคลิกขวาในไฟล์XML และเลือก "ดูหน้ามา." เอกสาร XML จะรหัสสีของวิธีการที่จะแสดงองค์ประกอบรากและองค์ประกอบของเด็ก

ตรวจสอบไฟล์ XML ในโรงละครโอเปร่าที่ 7: เปิดไฟล์ XML จากนั้นคลิกขวาในไฟล์XML เลือก "กรอบ" / "มาดู." เอกสาร XML จะปรากฏเป็นข้อความธรรมดา

โปรดดูที่ "cdcatalog.xml"


สร้าง stylesheets XSL

แล้วสร้างสไตล์แม่แบบการแปลง XSL ด้วย ( "cdcatalog.xsl"):

<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="artist"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>

</xsl:stylesheet>

โปรดดูที่ "cdcatalog.xsl"


การเชื่อมโยงสไตล์ชีท XSL ไปยังเอกสาร XML

เอกสาร XML ( "cdcatalog.xml") เพื่อเพิ่มการอ้างอิงถึงสไตล์ชีต XSL:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
</catalog>

หากคุณกำลังใช้เบราว์เซอร์ที่เข้ากันได้กับ XSLT มันจะดีที่จะนำ XMLของคุณลงใน XHTML

ดูผลการค้นหา

เราจะอยู่ในบทต่อไปของตัวอย่างข้างต้นที่จะอธิบายรายละเอียด