XSL thêm dáng điệu cho XML

Một phần của tài liệu Chuyên đề tốt nghiệp Xây dựng Portal chứng khoán (Trang 28 - 30)

2 Khái niệm cổ ng thông tin (Portal)

4.2.5XSL thêm dáng điệu cho XML

Thoạt đầu người ta dùng CSS (Cascading Style Sheet), rất thông dụng cho các trang Web, để làm phương tiện diễn tảcách trình bày một trang XML. Nhưng sau đó XSL đã mang lại một ngôn ngữ về sự trình bày rất mạnh mẽ và uyển chuyển. Thật ra chính XSL cũng là một ngôn ngữlập trình nên chẳng những nó biến đổi Style của trang XML mà còn quyết định thứ nào được display và display theo thứ tự nào nữa.

Những trang XSL định nghĩa những style sheets (trang dáng điệu) để ta có thể áp dụng vào những tài liệu XML. Một style sheet chứa những chỉ dẫn (instructions) để bảo một XML làm cách nào phát sinh (generate) ra một tài liệu trình duyệt kết quảcho những dữ liệu trong một tài liệu XML.

Ví dụ 1 file xsl được tôi sửdụng đểtrình bày tin tức cho xml trên: <?xml version="1.0" encoding="utf-8"?>

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

version="1.0">

<xsl:template match="ArticleXML"> <HTML>

<BODY>

<TABLE border='0' width='100%' height='100%'> <xsl:for-each select="Item">

<xsl:if test="position()&lt; 5"> <TR>

<TD>

<font style="font:13px verdana;font-weight:bold;"> <a>

<xsl:attribute name="href">

http://localhost/mysecurities/ChiTietTinTuc/tabid/54/Default.aspx?ArticleID= <xsl:value- of=""

select='ArticleID'/><xsl:text>&amp;</xsl:text>ModuleID=<xsl:value- of select='ModuleID'/>

</xsl:attribute>

<xsl:value-of select='Title'/> </a> </font> </TD> </TR> <TR> <TD valign='top'>

<img align='left' width='80px' height='80px'> <xsl:choose>

<xsl:when test='ImageLink!=""'> <xsl:attribute name="src">

<xsl:value-of select='ImageLink'/> </xsl:attribute> </xsl:when> <xsl:otherwise> <xsl:attribute name="src"> /mysecurities/Portals/0/ArticleImages/NoPhotoAdded.jpg </xsl:attribute> </xsl:otherwise> </xsl:choose> </img>

<font style="font:13px verdana" height="100px">

<xsl:value-of select='Description' disable-output-=''

escaping='yes'/> </font> </TD> </TR> </xsl:if> </xsl:for-each> </TABLE>

</BODY> </HTML>

</xsl:template> </xsl:stylesheet>

Một phần của tài liệu Chuyên đề tốt nghiệp Xây dựng Portal chứng khoán (Trang 28 - 30)