تحويل XSLT

دراسة حالة: كيفية استخدام XSLT لتحويل XML إلى XHTML.

سنوضح تفاصيل هذا المثال في القسم التالي.

إعلان قالب صحيح

إعلان المستند كعنصر جذر قالب XSL هو <xsl:stylesheet> أو <xsl:transform>.

ملاحظة: <xsl:stylesheet> و <xsl:transform> هو نفسه، يمكن استخدامهما بشكل متساوٍ!

حسب معايير 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 وخصائصها وأساليبها، يجب علينا إعلان مساحة الاسم XSLT في أعلى المستند.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" يشير إلى مساحة الاسم الرسمية لـ W3C XSLT. إذا كنت تستخدم هذا المساحة الاسمية، فإنه يجب أن يحتوي على الخاصية version="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>

في Internet Explorer و Firefox عرض ملف XML:

افتح ملف XML (عادةً عن طريق النقر على رابط) - سيتم عرض مستند XML بلون الأساسي لجذر العناصر والعناصر الفرعية. يمكنك توسيع أو طي بنية العنصر بالنقر على المثلث الأيسر أو الأيمن للعنصر. إذا كنت ترغب في عرض ملف المصدر الأصلي للXML (بدون المثلثين الأيسر والأيمن)، فاختر "عرض مصدر الصفحة" في قائمة متصفح الويب.

في Netscape 6 عرض ملف XML:

فتح ملف XML، ثم النقر نقرًا مزدوجًا على ملف XML، اختر "عرض كود الصفحة". سيُظهر مستند XML ككود ملون يحتوي على العناصر الجذر والفرعية.

النقر على ملف XML في Opera 7:

فتح ملف XML، ثم النقر نقرًا مزدوجًا على ملف XML، اختر "النماذج"/"عرض الكود المصدر". سيُظهر مستند XML كنص عادي.

النقر على "cdcatalog.xml".

إنشاء جدول أنماط 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 align="left">Title</th>
      <th align="left">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

إضافة جدول الأنماط الـ XSL إلى وثيقة XML ("cdcatalog.xml"):

<?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.

عرض النتيجة.

سنشرح التفاصيل في الفصل التالي.