用XSLT文件在浏览器格式化显示XML文件

XMLSpy编辑XSD，DTD，XML和XSLT文件非常方便，altova公司还提供了Home Edition免费版提供下载。

首先定义一个描述Component的XML Schema文件

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

<!-- edited with XMLSpy v2005 rel. 3 U (http://www.altova.com) by ibm (ibm) -->

<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:col="http://www.novacolimas.com/colimas/namespace"

       targetNamespace="http://www.novacolimas.com/colimas/namespace" elementFormDefault="qualified"

       attributeFormDefault="unqualified">

       <xs:element name="ComponentsBasicInfo">

              <xs:annotation>

                     <xs:documentation>Title: cbi.xsd

Subject: the component basic information.

                     Publisher: Nova Corporation, Colimas.

Format: text/xml

Creator: Zhao Lei

Date.Created: 2005-04-23

Language: en-US

Description:

Change Log:

Version       Date                     Modifier Description

01.00  2005/04/25        Zhao Lei        Initial release.                                                                        

                     </xs:documentation>

              </xs:annotation>

              <xs:complexType>

                     <xs:sequence>

                           <xs:element name="ComponentBasicInfo" minOccurs="0" maxOccurs="unbounded">

                                  <xs:complexType>

                                         <xs:sequence>

                                                <xs:element name="SerialNo">

                                                       <xs:annotation>

                                                              <xs:documentation>Component SerialNo, 27 characters with a-z or A-Z or 0-9</xs:documentation>

                                                       </xs:annotation>

                                                       <xs:simpleType>

                                                              <xs:restriction base="xs:string">

                                                                     <xs:pattern value="[a-zA-Z0-9]{27}" />

                                                              </xs:restriction>

                                                       </xs:simpleType>

                                                </xs:element>

                                                <xs:element name="Name" type="xs:string">

                                                       <xs:annotation>

                                                              <xs:documentation>Component Name</xs:documentation>

                                                       </xs:annotation>

                                                </xs:element>

                                                <xs:element name="Alias" type="xs:string">

                                                       <xs:annotation>

                                                              <xs:documentation>Component Alias</xs:documentation>

                                                       </xs:annotation>

                                                </xs:element>

                                                <xs:element name="Version" default="1.0">

                                                       <xs:annotation>

                                                              <xs:documentation>Component Version</xs:documentation>

                                                       </xs:annotation>

                                                </xs:element>

                                                <xs:element name="DevelopmentLanguage" type="xs:string">

                                                       <xs:annotation>

                                                              <xs:documentation>Component Development Language</xs:documentation>

                                                       </xs:annotation>

                                                </xs:element>

                                                <xs:element name="DevelopmentPlatform" type="xs:string" />

                                                <xs:element name="Authors" type="xs:string" />

                                                <xs:element name="Status" default="Unconfirmed">

                                                       <xs:annotation>

                                                              <xs:documentation>the status of component: Unconfirmed | Confirmed | Deleted</xs:documentation>

                                                       </xs:annotation>

                                                       <xs:simpleType>

                                                              <xs:restriction base="xs:string">

                                                                     <xs:pattern value="Unconfirmed|Confirmed|Deleted" />

                                                              </xs:restriction>

                                                       </xs:simpleType>

                                                </xs:element>

                                                <xs:element name="ConfirmDate" type="xs:dateTime" />

                                                <xs:element name="ConfirmBy" type="xs:string" />

                                                <xs:element name="CreateDate" type="xs:dateTime" />

                                                <xs:element name="CreateBy" type="xs:string" />

                                                <xs:element name="LastChangeDate" type="xs:dateTime" />

                                                <xs:element name="LastChangeBy" type="xs:string" />

                                                <xs:element name="BrowseTimes" type="xs:integer" default="0" />

                                                <xs:element name="IsPublic" type="xs:boolean" default="true">

                                                       <xs:annotation>

                                                              <xs:documentation>whether the component is public</xs:documentation>

                                                       </xs:annotation>

                                                </xs:element>

                                                <xs:element name="DevelopmentEnvironment" type="xs:string" />

                                                <xs:element name="FunctionDescription" type="xs:string" />

                                                <xs:element name="Developers">

                                                       <xs:simpleType>

                                                              <xs:restriction base="xs:string" />

                                                       </xs:simpleType>

                                                </xs:element>

                                                <xs:element name="Admins">

                                                       <xs:simpleType>

                                                              <xs:restriction base="xs:string" />

                                                       </xs:simpleType>

                                                </xs:element>

                                         </xs:sequence>

                                  </xs:complexType>

                           </xs:element>

                     </xs:sequence>

              </xs:complexType>

       </xs:element>

</xs:schema>

用XMLSpy编辑一个cbi.xsd的xml文件：cbidebug.xml

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

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

<ComponentsBasicInfo xmlns="http://www.novacolimas.com/colimas/namespace" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.novacolimas.com/colimas/namespace

C:/DOCUME~1/Administrator/MYDOCU~1/NovaPlan/Colimas/ID/XSD/cbi.xsd">

       <ComponentBasicInfo>

              <SerialNo>aaaaaaaaaaaaaaaaaaaaaaaaaaa</SerialNo>

              <Name>Mactintosh组件</Name>

              <Alias>Mactintosh component</Alias>

              <Version>1.0</Version>

              <DevelopmentLanguage>Java</DevelopmentLanguage>

              <DevelopmentPlatform>Linux</DevelopmentPlatform>

              <Authors>磊 赵, 福锦 黄</Authors>

              <Status>Unconfirmed</Status>

              <ConfirmDate>2001-12-17T09:30:47.0Z</ConfirmDate>

              <ConfirmBy>String</ConfirmBy>

              <CreateDate>2001-12-17T09:30:47.0Z</CreateDate>

              <CreateBy>String</CreateBy>

              <LastChangeDate>2001-12-17T09:30:47.0Z</LastChangeDate>

              <LastChangeBy>String</LastChangeBy>

              <BrowseTimes>123</BrowseTimes>

              <IsPublic>true</IsPublic>

              <DevelopmentEnvironment>WSAD,XML, Websphere, DB2, WebSphere MQ, AIX．CPU is Intｅｌ</DevelopmentEnvironment>

              <FunctionDescription>Component Function Description.</FunctionDescription>

              <Developers>Lei Zhao, Herry Chow</Developers>

              <Admins>Lei Zhao</Admins>        

       </ComponentBasicInfo>

</ComponentsBasicInfo>

接着定义XSLT文件：component.xslt

其中<xsl:variable name="componentinfo.cominfo" select="'Component Information'"/>

的select值可以更换为其他语言。

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

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:col="http://www.novacolimas.com/colimas/namespace" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">

<xsl:variable name="componentinfo.cominfo" select="'Component Information'"/>

<xsl:variable name="template.edit" select="'Edit!'"/>

<xsl:variable name="template.down" select="'Download'"/>

<xsl:variable name="template.confirm" select="'Confirm!'"/>

<xsl:variable name="template.del" select="'Delete!'"/>

<xsl:variable name="componentinfo.fundesc" select="'Function Description'"/>

<xsl:variable name="componentinfo.deven" select="'Development Environment Description'"/>

<xsl:variable name="componentinfo.comname" select="'Component Name'"/>

<xsl:variable name="componentinfo.alias" select="'Alias'"/>

<xsl:variable name="componentinfo.id" select="'Serial No'"/>

<xsl:variable name="componentinfo.version" select="'Version'"/>

<xsl:variable name="componentinfo.author" select="'Author(s)'"/>

<xsl:variable name="componentinfo.devlan" select="'Development Language(s)'"/>

<xsl:variable name="componentinfo.devplat" select="'Development Platform(s)'"/>

<xsl:variable name="componentinfo.status" select="'Status'"/>

<xsl:variable name="componentinfo.confirmd" select="'Confirm Date'"/>

<xsl:variable name="componentinfo.confirmp" select="'Confirm Person'"/>

<xsl:variable name="componentinfo.browse" select="'Browsed times'"/>

<xsl:variable name="componentinfo.security" select="'Security Setting'"/>

<xsl:variable name="componentinfo.dev" select="'developer(s)'"/>

<xsl:variable name="componentinfo.admin" select="'Administrator(s)'"/>

<xsl:variable name="componentinfo.ispub" select="'Is it public?'"/>

<xsl:variable name="componentinfo.deploysf" select="'Deploy source files'"/>

<xsl:variable name="componentinfo.deployws" select="'Deploy web service'"/>

<xsl:template match="col:ComponentBasicInfo">

<script language="Javascript" type="text/javascript" src="scripts/component.js">// JS code that handle events</script>

<noscript>This page need Javascript</noscript>

<table width="100%"  border="0">

  <tr>

    <td><h1><xsl:value-of  select="$componentinfo.cominfo"/></h1>

    <xsl:variable name="serialno" select="col:SerialNo"/>

    <table border="0" cellpadding="2" cellspacing="1">

                           <tbody>

                                  <tr>

                                         <td><input type="button" name="edit" value="{$template.edit}" onclick="ComponentEdit('{$serialno}')"/>_u47 ?td>

                                         <td><input type="button" name="edit" value="{$template.down}" onclick="ComponentDownload('{$serialno}')"/></td>

                                         <td><input type="button" name="edit" value="{$template.confirm}" onclick="ComponentConfirm('{$serialno}')"/></td>

                                         <td><input type="button" name="edit" value="{$template.del}" onclick="ComponentDelete('{$serialno}')"/></td>

                                  </tr>

                           </tbody>

                     </table>

       </td>

    <td></td>

  </tr>

  <tr>

    <td><table width="100%"  border="0">

              <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.comname"/></td>

                     <td><xsl:value-of  select="col:Name"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.alias"/>X/td>

                     <td><xsl:value-of  select="col:Alias"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.id"/></td>

                     <td><xsl:value-of  select="$serialno"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.version"/></td>

                     <td><xsl:value-of  select="col:Version"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.author"/></td>

                     <td><xsl:value-of  select="col:Authors"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.devlan"/></td>

                     <td><xsl:value-of  select="col:DevelopmentLanguage"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.devplat"/></td>

                     <td><xsl:value-of  select="col:DevelopmentPlatform"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.status"/></td>

                     <td><xsl:value-of  select="col:Status"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.confirmd"/></td>

                     <td><xsl:value-of  select="col:ConfirmDate"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.confirmp"/></td>

                     <td><xsl:value-of  select="col:ConfirmBy"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.browse"/></td>

                     <td><xsl:value-of  select="col:BrowseTimes"/></td>

      </tr>

      <tr>

                     <td><h3><xsl:value-of  select="$componentinfo.security"/></h3></td>

                     <td></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.dev"/></td>

                     <td><xsl:value-of  select="col:Developers"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.admin"/></td>

                     <td><xsl:value-of  select="col:Admins"/></td>

      </tr>

      <tr>

                     <td bgcolor="#E0F1FF"><xsl:value-of  select="$componentinfo.ispub"/></td>

                     <td><xsl:value-of  select="col:IsPublic"/></td>

      </tr>

      <tr>

                     <td><a href="dispatchcvs.do%serial={$serialno}"><xsl:value-of  select="$componentinfo.deploysf"/></a></td>

                     <td></td>

      </tr>

      <tr>

                     <td><a href="webservicepredeploy.do%serial={$serialno}"><xsl:value-of  select="$componentinfo.deployws"/></a></td>

                     <td></td>

      </tr>

    </table></td>

    <td  valign="top">

    <table width="100%"  border="0">

      <tr>

        <td  bgcolor="#E0F1FF"><h3><xsl:value-of  select="$componentinfo.fundesc"/></h3></td>

      </tr>

      <tr>

        <td><xsl:value-of  select="col:FunctionDescription"/></td>

      </tr>

      <tr>

        <td  bgcolor="#E0F1FF"><h3><xsl:value-of  select="$componentinfo.deven"/></h3> </td>

      </tr>

      <tr>

         <td><xsl:value-of  select="col:DevelopmentEnvironment"/></td>

        </tr>

    </table>

    </td>

  </tr>

</table>

</xsl:template>

</xsl:stylesheet>

用浏览器打开cbidebug.xml文件显示如下：

效果还可以吧。