使用css,xsl,dso 來豐富xml的顯示
使用css在student.css中寫如下的樣式:
student{
background-color: #CCCCFF;
width: 80pt;
}
name{
display: block;
font-size: 16pt;
}
age{
color: #FF0000;
font-size: 14pt;
}
sex{
color: #0000FF;
font-size: 14pt;
}
在StudentCss.xml中的href的路徑
<?xml-stylesheet type="text/css" href="Students.css"?>
加入xml的根節點和子節點
<students>
<student id="1">
<name>張三</name>
<age>21</age>
<sex>男</sex>
</student>
<student id="2">
<name>李四</name>
<age>32</age>
<sex>女</sex>
</student>
</students>
xsl 可擴張的樣式語言 Student.xsl
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
xsl的包含“xsl:stylesheet”根元素 版本 以及xsl標準模式的命名空間
<xsl:template match="/">
<table border="1">
<tr>
<td>姓名</td>
<td>學號</td>
<td>年齡</td>
<td>性別</td>
</tr>
<xsl:apply-templates select="./students/student">
<xsl:sort select="age"/>
</xsl:apply-templates>
</table>
</xsl:template>
加入表頭和所要填入的數據的位置 “/”是根節點 ,從students.xml的student的根節點
取得數據,並對age節點的值排序
===
dso 數據源對象
<xml id="student" src="Students.xml"></xml>
<table border="1" datasrc="#student">