عرض صفحات XML باستخدام XSLT

By


باستخدام XSLT يمكنك تحويل وثيقة XML الى HTML.

عرض XML باستخدام XSLT


ينصح باستخدام XSLTلتنسيق لغة XML.

تعد XSLT ( تحويلات انماط اللغة القابلة للتجديد) معقدة أكثر بكثير من.CSS

يمكن استخدام XSLT لتحويل XML الى HTML قبل عرضها من قبل المتصفح:

عرض XML باستخدام XSLT

اذا أردت تعلم المزيد عن XSLT توجه الى الصفحة الرئيسية.

تحويل XML باستخدام XSLT على الخادم


في المثال السابق, تمت عملية تحويل XSLTمن قبل المتصفح عندما قام المتصفح بقراءة ملف XML.

يمكن لمتصفحات مختلفة أن تعطي نتائج مختلفة عند تحويل XML باستخدام XSLT. للتقليل من هذه المشكلة يمكن لتحويل XSLTان يتم بوساطة الخادم.

مثال توضيحي


1. كود ملف XML


 <?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<breakfast_menu>
 <food>
 <name>Belgian Waffles</name>
 <price>$5.95</price>
 <description>two of our famous Belgian Waffles with plenty of real 
maple syrup</description>
 <calories>650</calories>
 </food>
 <food>
 <name>Strawberry Belgian Waffles</name>
 <price>$7.95</price>
 <description>light Belgian waffles covered with strawberries and 
whipped cream</description>
 <calories>900</calories>
 </food>
 <food>
 <name>Berry-Berry Belgian Waffles</name>
 <price>$8.95</price>
 <description>light Belgian waffles covered with an assortment of fresh 
berries and whipped cream</description>
 <calories>900</calories>
 </food>
 <food>
 <name>French Toast</name>
 <price>$4.50</price>
 <description>thick slices made from our homemade sourdough bread</description>
 <calories>600</calories>
 </food>
 <food>
 <name>Homestyle Breakfast</name>
 <price>$6.95</price>
 <description>two eggs, bacon or sausage, toast, and our ever-popular 
hash browns</description>
 <calories>950</calories>
 </food>
</breakfast_menu>


2. ملف التنسيق XSLT


 <?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
xmlns="http://www.w3.org/1999/xhtml">
 <body style="font-family:Arial;font-size:12pt;background-color:#EEEEEE">
 <xsl:for-each select="breakfast_menu/food">
 <div style="background-color:teal;color:white;padding:4px">
 <span style="font-weight:bold"><xsl:value-of select="name"/></span>
 - <xsl:value-of select="price"/>
 </div>
 <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
 <xsl:value-of select="description"/>
 <span style="font-style:italic">
 <xsl:value-of select="calories"/> (calories per serving)
 </span>
 </div>
 </xsl:for-each>
 </body>
</html>


3.النتيجة النهائية


عرض صفحات XML باستخدام XSLT

ليست هناك تعليقات:

إرسال تعليق