使用 XML 和 XSL 在页面上显示图像

Question

XML 数据库联盟 XSL 我想创建一个 简单数据库 具有可扩展标记语言 (XML) 和可扩展样式表语言 ( XSL)。目的是开发一个SimpleCode数据库League能够以简单的形式显示生成一个League , 足球俱乐部/联赛和锦标赛信息.

创建的基础代码： XML 文件:

<League>
<Team id="Name_Team_id">
   <Team_Name>Manchester United</Team_Name>
   <description>Info of the Team Database League Premier League</description>
   <City>Londres </City>
   <Stadium>Teatro de los Sueños </Stadium>
   <Players>
      <person>
      <first_name>W. Rooney</first_name>
      <Country_birth>Inglaterra</Country_birth>  
      <Position>DC, FW</Position>
      </person> 
    </Players>
</Team>
</League>

XSL 文件：

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

<!-- Definimos Template Root de la hoja completa -->
<xsl:template match="/">
  <html>
    <head>
        <title>XML Database League XSL</title>
    </head>
    <body>
        <h1>XML Database League</h1>

        <xsl:apply-templates select="League/Team">
            <xsl:sort select="@id"/>
        </xsl:apply-templates>
    </body>
  </html>
</xsl:template>
<!-- Fin Template Root de la hoja completa -->

<!-- Definimos Template XSL & Buscamos Los Teams del XML -->
<xsl:template match="Team">
  <div>
    <h2>
        <xsl:value-of select="Team_Name"/>
        (
        <xsl:value-of select="@id"/>
        )
    </h2>

<!-- Buscamos descripcion de los Teams del XML -->
    <xsl:for-each select="description">
        <p>
            <xsl:value-of select="."/>
        </p>
    </xsl:for-each>

<!-- Definimos & Buscamos Los Players del XML, Generamos Tabla Estadisticas -->
  <table border="1">
      <tr bgcolor="#2282b1">
      <th>Name</th>
      <th>Country</th>
     <th>Position</th>
     </tr>

    <xsl:for-each select="Players/person">
      <tr bgcolor="#a9b8c2">
      <td><xsl:value-of select="first_name"/></td>
      <td><xsl:value-of select="Country_birth"/></td>
      <td><xsl:value-of select="Position"/></td>
      </tr>
    </xsl:for-each>
  </table>
<!-- Fin de Los Players del XML -->

  </div>

<!-- Fin Template XSL match="Team"  -->
</xsl:template>
</xsl:stylesheet>

注意：上面的代码没问题，可以测试link： http://xml.we11.net/ligapremier.xml 但当将代码用于 post 图像时，如：Logo Teams、Players 它 不显示还是显示图片？... 例如代码 XML with Image of Colombia, Just for Test:

文件 XML 带有 Id Team 和 Image Support.

<League>
<Team id="ManchesterUnited" img="colombia.png">
   <Team_Name>Manchester United</Team_Name>
   <description>Info of the Team Database League Premier League</description>
   <City>Londres </City>
   <Stadium>Teatro de los Sueños </Stadium>
   <Players>
      <person>
      <first_name>W. Rooney</first_name>
      <Country_birth>Inglaterra</Country_birth>  
      <Position>DC, FW</Position>
      </person> 
    </Players>
</Team>
</League>

为什么不显示带有团队 ID 的图像？ 我迷失了代码...
欢迎任何帮助或任何建议或合作者…

可以在link中测试...不显示团队形象！ :(

提前感谢您的帮助！

学习Xml&Xsl:)

Answer 1

如果您询问如何生成 <img>，其中 @src 指向 Team/@img 中的图像：

使用 Attribute Value Template 作为 @src 值更简单、更简洁，如下所示：

<xsl:template match="Team">
  <div>
    <h2>
      <img src="{@img}"/>
      <xsl:value-of select="Team_Name"/>
      (
      <xsl:value-of select="@id"/>
      )
    </h2>

你也可以使用更详细的 xsl:attribute:

<img>
  <xsl:attribute name="src">
    <xsl:value-of select="@img"/>
  <xsl:attribute>
</img>

当然，如果 XML 文件的相对路径无法解析，您将需要弄清楚如何为图像构造正确的 URL。

例如：

<img src="http://xml.we11.net/images/{@img}"/>

使用 XML 和 XSL 在页面上显示图像

Display image on page using XML & XSL

xml

xslt