四、
XML
與XSL文件設計
XML是種可擴展的標記語言，它具有開放的、可擴展的、可自描述的語言結構，它已經成為網上數據和文檔傳輸的標準。XSLT的目的是將信息內容與 Web 顯示分離，HTML 通過按抽象概念（如段落、重點和編號列表）定義顯示來實現設備獨立性。XSLT用來具體顯示控件，設置控件風格。
Ajax主要使用XML和XSLT進行數據交換與處理。
1. 樹信息的XML文件(見root.xml文件)
XML是標記語言，元素必須成對出現。樹結構中以tree為根結點，以item為結點體，屬性text指出結點所顯示的文本，id指出唯一的所標識號。
＜?xml version='1.0' encoding='gb2312'?＞
＜tree id="0"＞
＜item child="1" text="組織" id="1" ＞
＜/item＞
＜/tree＞ |
這文件并不是必要的，只是為了系統能獨立運行才加的。事實如果連接了后臺數據是不需要的。只要吧OrgTree.loadXML("root.xml?0")改為OrgTree.loadXML("Org.jsp")就可以了。
2. 人員信息XML文件(見peorson.xml文件)
說明![CDATA[]]可在任何顯示任何格式的文本，文本中可插入其它任何字符。這文件也不是必要的。
3. 人員信息展現的xsl文件（見addOrgPerson.xsl文件）
xsl文件同樣是XML格式文件。所以一律遵守XML標準。下面對主要的行講解：
＜?xml version="1.0" encoding="gb2312"?＞
//這是定義xml文件的首行。用來指明版本及字符集
＜xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl" language="JavaScript"＞
//這里定義了stylesheet 元素。并指出其國際命名的組織及語言。
＜xsl:template match="/"＞
＜xsl:apply-templates select="peorsones"/＞
＜/xsl:template＞
//上面是匹配的規則。"/"表示從根結開始去匹配。匹配到下面的peorsones標記。這是正則表達式有關的學問。我們只要理解就可以。
＜xsl:template match="peorsones"＞
//當匹配上peorsones時所要做的事情。
＜table id="tbList" border="1" width="100%"＞
//定義一個id為"tbList的表格。此表格是顯示在WEB上的
＜xsl:for-each select="peorsone"＞
//循環匹配peorsone
＜tr＞
//定義tbList表格的一行，并在行上增加一個叫seqNo的屬性名，值為匹配到的seqNo（序號）
＜xsl:attribute name="seqNo"＞＜xsl:value-of select="@seqNo"/＞＜/xsl:attribute＞
＜td＞
//定義行上的一列，列又去匹配
＜xsl:apply-templates select="."/＞
＜/td＞
＜/tr＞
＜/xsl:for-each＞
＜/table＞
＜/xsl:template＞
＜xsl:template match="peorsone"＞
＜table border="1" width="100%"＞
＜tr＞
//定義寬為5%的一列，在該列上插入一個checkbox控件
＜td width="5%"＞
＜input type="checkbox" value="on" size="10"＞＜/input＞
＜/td＞
//定義一個不顯示的列，在該列上插入一個text控件，text的值為匹配到的personId（人員Id）
＜td style="display:none"＞
＜input type="text" size="25"＞
＜xsl:attribute name="value"＞＜xsl:value-of select="personId"/＞＜/xsl:attribute＞
＜/input＞
＜/td＞
＜td width="30%"＞
＜input type="text" size="20"＞
＜xsl:attribute name="value"＞＜xsl:value-of select="personCode"/＞＜/xsl:attribute＞
＜/input＞
＜/td＞
＜td width="40%"＞
＜input type="text" size="40"＞
＜xsl:attributename="value"＞＜xsl:value-of select="personName"/＞＜/xsl:attribute＞
＜/input＞
＜/td＞
//定義一個width為28%的列，在該列上插入一個下拉列表select 控件，select的值如果匹配到為0時則為"男"，1時則為"女"
＜td width="28%"＞
＜select size="1"＞
＜option value="0"＞
＜xsl:if test=".[sex=0]"＞
＜xsl:attribute name="selected"＞true＜/xsl:attribute＞
＜/xsl:if＞
男
＜/option＞
＜option value="1"＞
＜xsl:if test=".[sex=1]"＞
＜xsl:attribute name="selected"＞true＜/xsl:attribute＞
＜/xsl:if＞
女＜/option＞
＜/select＞
＜/td＞
//定義一列，在該列上插入一個button控件，onclick 事件為自定義的方法，該方法傳遞當前單擊的按紐
＜td width="*"＞
＜button onclick="openPersonRolePage(this)" style="width: 36; height: 21"＞角色＜/button＞
＜/td＞
＜/tr＞
＜/table＞
＜/xsl:template＞
＜/xsl:stylesheet＞ |