利用AJAX+J2EE开发组织机构管理系统

四、 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 style="width: 36; height: 21"＞角色＜/button＞ ＜/td＞ ＜/tr＞ ＜/table＞ ＜/xsl:template＞ ＜/xsl:stylesheet＞

更多内容请看PCdog.com--Ajax的WEB开发  Ajax技术  Ajax技术核心专题
上一页  [1] [2] [3] [4] [5]  下一页

• 打印文档
• 推荐好友
• 
• 返回顶部
• 增大字体
• 减少字体

• 上一篇文章：AJAX+JSF组件实现高性能的文件上载
• 下一篇文章：让SortTable和Asp.net Ajax和睦相处