显示XML

方法一：css显示您的xml

1，先建立一个cd_catalog.xml文件

View Code

<? xml version = " 1.0 " encoding = " ISO-8859-1 " ?>
<!-- Edited with XML Spy v2007 (http: // www.altova.com) -->
< CATALOG >
< CD >
< TITLE > Empire Burlesque </ TITLE >
< ARTIST > Bob Dylan </ ARTIST >
< COUNTRY > USA </ COUNTRY >
< COMPANY > Columbia </ COMPANY >
< PRICE > 10.90 </ PRICE >
< YEAR > 1985 </ YEAR >
</ CD >
< CD >
< TITLE > Hide your heart </ TITLE >
< ARTIST > Bonnie Tyler </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > CBS Records </ COMPANY >
< PRICE > 9.90 </ PRICE >
< YEAR > 1988 </ YEAR >
</ CD >
< CD >
< TITLE > Greatest Hits </ TITLE >
< ARTIST > Dolly Parton </ ARTIST >
< COUNTRY > USA </ COUNTRY >
< COMPANY > RCA </ COMPANY >
< PRICE > 9.90 </ PRICE >
< YEAR > 1982 </ YEAR >
</ CD >
< CD >
< TITLE > Still got the blues </ TITLE >
< ARTIST > Gary Moore </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > Virgin records </ COMPANY >
< PRICE > 10.20 </ PRICE >
< YEAR > 1990 </ YEAR >
</ CD >
< CD >
< TITLE > Eros </ TITLE >
< ARTIST > Eros Ramazzotti </ ARTIST >
< COUNTRY > EU </ COUNTRY >
< COMPANY > BMG </ COMPANY >
< PRICE > 9.90 </ PRICE >
< YEAR > 1997 </ YEAR >
</ CD >
< CD >
< TITLE > One night only </ TITLE >
< ARTIST > Bee Gees </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > Polydor </ COMPANY >
< PRICE > 10.90 </ PRICE >
< YEAR > 1998 </ YEAR >
</ CD >
< CD >
< TITLE > Sylvias Mother </ TITLE >
< ARTIST > Dr.Hook </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > CBS </ COMPANY >
< PRICE > 8.10 </ PRICE >
< YEAR > 1973 </ YEAR >
</ CD >
< CD >
< TITLE > Maggie May </ TITLE >
< ARTIST > Rod Stewart </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > Pickwick </ COMPANY >
< PRICE > 8.50 </ PRICE >
< YEAR > 1990 </ YEAR >
</ CD >
< CD >
< TITLE > Romanza </ TITLE >
< ARTIST > Andrea Bocelli </ ARTIST >
< COUNTRY > EU </ COUNTRY >
< COMPANY > Polydor </ COMPANY >
< PRICE > 10.80 </ PRICE >
< YEAR > 1996 </ YEAR >
</ CD >
< CD >
< TITLE > When a man loves a woman </ TITLE >
< ARTIST > Percy Sledge </ ARTIST >
< COUNTRY > USA </ COUNTRY >
< COMPANY > Atlantic </ COMPANY >
< PRICE > 8.70 </ PRICE >
< YEAR > 1987 </ YEAR >
</ CD >
< CD >
< TITLE > Black angel </ TITLE >
< ARTIST > Savage Rose </ ARTIST >
< COUNTRY > EU </ COUNTRY >
< COMPANY > Mega </ COMPANY >
< PRICE > 10.90 </ PRICE >
< YEAR > 1995 </ YEAR >
</ CD >
< CD >
< TITLE > 1999 Grammy Nominees </ TITLE >
< ARTIST > Many </ ARTIST >
< COUNTRY > USA </ COUNTRY >
< COMPANY > Grammy </ COMPANY >
< PRICE > 10.20 </ PRICE >
< YEAR > 1999 </ YEAR >
</ CD >
< CD >
< TITLE > For the good times </ TITLE >
< ARTIST > Kenny Rogers </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > Mucik Master </ COMPANY >
< PRICE > 8.70 </ PRICE >
< YEAR > 1995 </ YEAR >
</ CD >
< CD >
< TITLE > Big Willie style </ TITLE >
< ARTIST > Will Smith </ ARTIST >
< COUNTRY > USA </ COUNTRY >
< COMPANY > Columbia </ COMPANY >
< PRICE > 9.90 </ PRICE >
< YEAR > 1997 </ YEAR >
</ CD >
< CD >
< TITLE > Tupelo Honey </ TITLE >
< ARTIST > Van Morrison </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > Polydor </ COMPANY >
< PRICE > 8.20 </ PRICE >
< YEAR > 1971 </ YEAR >
</ CD >
< CD >
< TITLE > The very best of </ TITLE >
< ARTIST > Cat Stevens </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > Island </ COMPANY >
< PRICE > 8.90 </ PRICE >
< YEAR > 1990 </ YEAR >
</ CD >
< CD >
< TITLE > Stop </ TITLE >
< ARTIST > Sam Brown </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > A and M </ COMPANY >
< PRICE > 8.90 </ PRICE >
< YEAR > 1988 </ YEAR >
</ CD >
< CD >
< TITLE > Bridge of Spies </ TITLE >
< ARTIST > T ' Pau</ARTIST>
< COUNTRY > UK </ COUNTRY >
< COMPANY > Siren </ COMPANY >
< PRICE > 7.90 </ PRICE >
< YEAR > 1987 </ YEAR >
</ CD >
< CD >
< TITLE > Private Dancer </ TITLE >
< ARTIST > Tina Turner </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > Capitol </ COMPANY >
< PRICE > 8.90 </ PRICE >
< YEAR > 1983 </ YEAR >
</ CD >
< CD >
< TITLE > Midt om natten </ TITLE >
< ARTIST > Kim Larsen </ ARTIST >
< COUNTRY > EU </ COUNTRY >
< COMPANY > Medley </ COMPANY >
< PRICE > 7.80 </ PRICE >
< YEAR > 1983 </ YEAR >
</ CD >
< CD >
< TITLE > Pavarotti Gala Concert </ TITLE >
< ARTIST > Luciano Pavarotti </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > DECCA </ COMPANY >
< PRICE > 9.90 </ PRICE >
< YEAR > 1991 </ YEAR >
</ CD >
< CD >
< TITLE > The dock of the bay </ TITLE >
< ARTIST > Otis Redding </ ARTIST >
< COUNTRY > USA </ COUNTRY >
< COMPANY > Atlantic </ COMPANY >
< PRICE > 7.90 </ PRICE >
< YEAR > 1987 </ YEAR >
</ CD >
< CD >
< TITLE > Picture book </ TITLE >
< ARTIST > Simply Red </ ARTIST >
< COUNTRY > EU </ COUNTRY >
< COMPANY > Elektra </ COMPANY >
< PRICE > 7.20 </ PRICE >
< YEAR > 1985 </ YEAR >
</ CD >
< CD >
< TITLE > Red </ TITLE >
< ARTIST > The Communards </ ARTIST >
< COUNTRY > UK </ COUNTRY >
< COMPANY > London </ COMPANY >
< PRICE > 7.80 </ PRICE >
< YEAR > 1987 </ YEAR >
</ CD >
< CD >
< TITLE > Unchain my heart </ TITLE >
< ARTIST > Joe Cocker </ ARTIST >
< COUNTRY > USA </ COUNTRY >
< COMPANY > EMI </ COMPANY >
< PRICE > 8.20 </ PRICE >
< YEAR > 1987 </ YEAR >
</ CD >
</ CATALOG >

2.再建立一个cd_catalog.css文件

View Code

CATALOG
{
background - color: #ffffff;
width: 100 % ;
}
CD
{
display: block;
margin - bottom: 30pt;
margin - left: 0 ;
}
TITLE
{
color: #FF0000;
font - size: 20pt;
}
ARTIST
{
color: #0000FF;
font - size: 20pt;
}
COUNTRY,PRICE,YEAR,COMPANY
{
display: block;
color: # 000000 ;
margin - left: 20pt;
}

最后在xml文件的第二行添加代码<?xml-stylesheet type="text/css" href="cd_catalog.css"?>将其制定到css文件

代码片段：<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited with XML Spy v2007 (http://www.altova.com) -->
<?xml-stylesheet type="text/css" href="cd_catalog.css"?>     //注
<CATALOG>
 <CD>
  <TITLE>Empire Burlesque</TITLE>
  <ARTIST>Bob Dylan</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Columbia</COMPANY>
  <PRICE>10.90</PRICE>
  <YEAR>1985</YEAR>

显示效果如图所示:

　　

===========================================================================

方法二：xslt显示

使用xslt的方法之一是在浏览器显示之前将xml转化为html

 第二行，<?xml-stylesheet type="text/xsl" href="simple.xsl"?>，把这个 XML 文件链接到 XSL 文件：

首先新建xml文件

 

View Code

<? xml version = " 1.0 " encoding = " ISO-8859-1 " ?>
<!-- Edited with XML Spy v2007 (http: // www.altova.com) -->
< 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 >

xslt样式文件

View Code

<? xml version = " 1.0 " encoding = " ISO-8859-1 " ?>
<!-- Edited with XML Spy v2007 (http: // www.altova.com) -->
< 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,helvetica,sans-serif;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;color:white " >
< xsl:value - of select = " name " /></ span > // 输出name的值
- < 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 >

展示效果如图：