۱۹
خرداد

جلسه ۴۹ : آموزش انتقال XML به HTML از طریق XSLT

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزشی

فهرست

مقدمه

با سلام خدمت کاربران گرامی سایت پی وی لرن و علاقمندان و کاربرانی که علاقمند به یادگیری دوره XML هستند. در جلسه گذشته شما را با خاصیت زبان XSLT آشنا کردیم. در ادامه این آموزش در این جلسه با مبحث مهمی یعنی آموزش انتقال XML به HTML از طریق XSLT کار را ادامه می دهیم.

آموزش انتقال XML به HTML از طریق XSLT

مطالعه موردی : نحوه انتقال XML به HTML از طریق XSLT به چه صورت است؟

اعلام صحیح Style Sheet چگونه است؟

عنصر ریشه ای که سند را به صورت XSL style sheet اعلام می کند، <xsl: stylesheet> یا <xsl: transform> است.

نکته:

<xsl: stylesheet> و <xsl: transform> کاملا مترادف هستند و می توانند استفاده شوند!

راه درست برای اعلام یک جدول سبک XSL با توجه به W3C XSLT Recommendation می توانید در ادامه مشاهده نماید:

مثال :

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

1 2	<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">

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

برای دسترسی به عناصر XSLT، و attributes ها و features های آن، باید فضای نام XSLT را در بالای سند اعلام کنیم.
xmlns: xsl = “http://www.w3.org/1999/XSL/Transform” به فضای نام رسمی W3C XSLT اشاره دارد.
اگر از namespace استفاده کنید در آن صورت باید attribute نسخه attribute version = “1.0” را نیز شامل آن گردانید.

با یک سند XML خام شروع کنید

ما می خواهیم سند XML زیر (“cdcatalog.xml”) را به XHTML تغییر دهیم:

مثال :

<?xml version="1.0" encoding="UTF-8"?>
<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 version="1.0" encoding="UTF-8"?>

<cd>

<title>Empire Burlesque</title>

<artist>Bob Dylan</artist>

<company>Columbia</company>

</cd>

</catalog>

مشاهده فایلهای XML در اینترنت اکسپلورر، کروم، فایرفاکس، سافاری و اپرا: فایل XML را باز کنید – سند XML با عناصر رنگی ریشه و child (البته به جز در Safari) نمایش داده می شود.
در سمت چپ عناصر اغلب علامت + (یا علامت منفی) (-) وجود دارد که می توان برای گسترش یا فروپاشی ساختار عنصر روی آن کلیک کرد.

نکته

برای مشاهده منبع XML خام، روی فایل XML راست کلیک کرده و گزینه “View Source” را انتخاب کنید!

یک XSL Style Sheet ایجاد کنید

در این مرحله یک Style Sheet XSL همراه با یک قالب تبدیل(“cdcatalog.xsl”) ایجاد نمایید:

مثال :

<?xml version="1.0" encoding="UTF-8"?>

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

<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet version="1.0"

xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">

<html>

<body>

<h2>My CD Collection</h2>

<th>Title</th>

<th>Artist</th>

</tr>

<xsl:for-each select="catalog/cd">

<tr>

</tr>

</xsl:for-each>

</table>

</body>

</html>

</xsl:template>

</xsl:stylesheet>

XSL Style Sheet را به سند XML لینک دهید

مرجع جدول XSL Style Sheet را به سند XML خود اضافه کنید : (“cdcatalog.xml”):

مثال :

<?xml version="1.0" encoding="UTF-8"?>
<?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>

<?xml version="1.0" encoding="UTF-8"?>

<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>

<cd>

<title>Empire Burlesque</title>

<artist>Bob Dylan</artist>

<company>Columbia</company>

</cd>

</catalog>

اگر یک مرورگر سازگار با XSLT داشته باشید، XML شما به XHTML تبدیل خواهد شد

جزئیات مثال بالا در فصل های بعد به تفضیل تشریح خواهد شد.

کلام آخر

در این جلسه آموزش انتقال XML به HTML از طریق XSLT را آموختیم.
در جلسه بعدی به آموزش کار با عنصر <template> در XSLT می پردازیم.
با پی وی لرن همراه باشید.

QR: جلسه ۴۹ : آموزش انتقال XML به HTML از طریق XSLT

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۴۹ : آموزش انتقال XML به HTML از طریق XSLT

مقدمه

آموزش انتقال XML به HTML از طریق XSLT

اعلام صحیح Style Sheet چگونه است؟

نکته:

با یک سند XML خام شروع کنید

نکته

یک XSL Style Sheet ایجاد کنید

XSL Style Sheet را به سند XML لینک دهید

کلام آخر

لیست مطالب دوره

XML AJAX

XML DOM

XPath Tutorial

XSLT Tutorial

XQuery

DTD

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ