xml小結

使用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">


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章