1. XML文件在网络环境下的传输与显示
在B/S模式下，客户端以后台或者异步的方式下载XML，并在客户端处理XML内容，主要包括：
（1）用CSS和XSLT样式表在浏览器中显示XML内容；
（2）用DOM、XSLT以及JavaScript和VBScript等脚本语言在浏览器中处理XML文档；
（3）也可用Flash、AS等显示和处理XML文档。
1.1用XSLT在浏览器中显示XML
应用XSLT样式表时，通常还会用到XPath,XPath是一种文档寻址语言，用它来遍历XML文档，搜索符合特定条件的数据。比如：
（1）//gggg01,寻址名称为“gggg01”的节元素点
（2）//*[@app]，寻址含有“app”属性的所有元素节点
通常是XML和HTML结合，即所谓的XHTML，XML和XSLT都从服务器端获得，XSLT负责将XML内容转换成XHTML，然后在浏览器上把它显示出来，其中用JavaScript还可以操作XML，使得页面按照要求显示出来。
实例：使用XSLT样式化XML
一个经过XML Schema验证过的实例文档如图1.1-1所示，该文档使用了名称空间，名称空间名为n，名称空间URI为http://demo.com/2011/xml。文档中内嵌了DTD，该DTD定义了两个实体（浏览器支持外部DTD，但是Mozilla Firefox和Chrome Browser并不支持含有实体定义的外部DTD）。
图1.1-1一个经XML Schema验证有效的实例文档
该实例文档关联的Schema文件teamInfo.xsd如下：
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="n:teamInfo">
<html>
<head>
<title>队员信息</title>
<style type="string">
.table_header {
color:yellow;
align:center
}
</style>
</head>
<body>
<center>
<b>队员信息</b>
<p/>
<xsl:apply-templates/>
</center>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
在不使用XSL样式表之前，它在浏览器下显示如图1.1-2所示。
图1.1-2无样式表的XML文档teamInfo.xml
在XMl中加入一行命令，声明引用teamInfo.xsl样式表:
<?xml-stylesheet type="text/xsl" href="teamInfo.xsl"?>
该样式表在XML文档中添加了一些结构化元素，从而将其转换成一个XHTML文档，为了能更好的显示字体颜色和大小，我们外加了一个CSS（下面将会讲到），但是遗憾的是CSS将会和XML的名称相冲突，所以我们去掉了XML名称空间。最终，在浏览器中显示效果如图1.1-3：
图1.1-3引用XSL后的XML在浏览器中的显示效果
该teamInfo.xsl文档片段如下：
<?xml version="1.0" encoding="gb2312"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" encoding="gb2312" indent="yes"/>
<xsl:template match="teamInfo">
<html>
<head>
<link rel="stylesheet" href="common.css" type="text/css"/>
<title>队员信息</title>
</head>
<body>
<h1>队员信息</h1>
<xsl:apply-templates/>
<hr/>
Copyright OK 2011.
</body>
</html>
</xsl:template>
<xsl:template match="academy">
院系：
<h3><xsl:value-of select="academy"/>
<xsl:apply-templates/></h3>
</xsl:template>
<xsl:template match="major">
专业：
<h3><xsl:value-of select="major"/>
<xsl:apply-templates/></h3>
</xsl:template>
<xsl:template match="member">
成员<xsl:number count="member"/>：
<h2><xsl:value-of select="member"/>
<xsl:apply-templates/></h2>
</xsl:template>
</xsl:stylesheet>
XSLT功能强大，它不但可以充分利用XML资源，而且还能对它进行加工和改造，但是它也有不足之处，它使用复杂，而且因为要重新检索XML结构树，所以占用内存较多。而CSS正好在控制输出的样式，例如色彩、字体、大小等方面有非常简洁的特点，消耗系统资源少，所以常常将XSLT和CSS结合起来使用，在服务端用XSLT处理文档，在客户端用CSS来控制显示。
1.2用CSS在浏览器中显示XML
整个的处理过程如图1.3-1所示。
图1.3-1XML转换的过程
CSS可以外联，也可以内嵌，它使用自己独有的语法规则，完美支持XML文档在浏览器中的显示，包括布局、文本、字体、色彩等多方面的定义。
实例：为XML实例文档添加CSS
一个简单的XML文档如下：
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="time.css"?>
<!-- a time instant -->
<time timezone="PST">
<hour>11</hour>
<minute>59</minute>
<second>59</second>
<meridiem>p.m.</meridiem>
<atomic signal="true"/>
</time>
注意到，XML文档的处理命令中引用了一个CSS，该CSS如下：
time {font-size:40pt; text-align: center }
time:before {content: "The time is now: "}
hour {font-family: sans-serif; color: blue}
hour:after {content: ":"; color: black}
minute {font-family: sans-serif; color: red}
minute:after {content: ":"; color: black}
second {font-family: sans-serif; color: purple}
second:after {content: " "; color: black}
meridiem {font-variant: small-caps}
该样式表为XML添加了一段文本，并且设置了时间颜色，设置显示效果如图1.2-1所示。
图1.2-1包含CSS的XML在IE和Firefox中的显示
我们可以看到，IE对CSS的支持没有Firefox那么好，CSS中添加的文本内容显示不了。
1.3 XML文件在网络环境下的传输
Web服务的通信中大量使用XML报文，在HTTP协议上运行的Web服务和万维网上运行的HTML网页服务很相似，都具有“请求信息—>处理请求——>应答信息”过程，如图1.3-1所示。
图1.3-1 XML传输流程
XML在客户端发出请求中充当远程调用报文的载体，在应答中充当返回信息的载体。客户端发出的请求可以为XML形式，也可以基于HTTP协议，仅有GET或POST方法在HTTP报文中发送请求。应答方解析XML请求报文，执行相应的处理方法，然后返回XML应答报文。客户端收到XML应答报文后，将应答报文解析为相应的信息，作一定的处理。
实例：加载Web服务器上的XML文档并在浏览器中显示
DOMDocument类的Load()方法可以使用HTTP等协议加载Web服务器上的XML文档。首先我们创建一个客户端网页代码（完整代码见附录1.1.1），该代码调用DOMDocument类的Load()方法获取服务器的实例文档：
LoadInfo () {
向服务器发出请求。
g_xmlDoc.load ("Info.aspx");
已向服务器发出请求。}
另外，我们是用的异步加载方式，使程序使用后台线程加载文档，避免在文档加载期间客户端浏览器停止响应，Init()函数完成对DOMDocument对象的初始化操作，然后使用windows.setTimeout()方法启动定时器，1秒后执行LoadInfo()函数，加载完后，将触发DOMDocument的onreadystatechange()事件处理函数，通过该函数将文档的内容显示到浏览器网页中。然后，再次调用windows.setTimeout()定时器，10秒后再次执行LoadInfo()函数。
在服务器端，负责提供XML文档，是用ASP.NET写的，调用XmlWriter.Create()函数生成一个简单的XML实例文档（代码见附录）。在浏览器上的调试效果如图1.3-2。
图1.3-2异步加载XML文档并显示
1.4 更多浏览器支持的XMLHttpRequest对象
MSXML的DOMDocument对象仅支持IE浏览器，并且使用的是HTTP协议的GET方法（传递URL），只能向服务器传送有限的数据，为了获得更多浏览器的支持，则应使用XMLHttpRequest。一个完整的XMLHttpRequest实例如下：
var xmlhttp=new XMLHttpRequest();
xmlhttp.open("POST","http://localhost:1234/service.asmx/GetBills",false);
xmlhttp:send("customerID=8120");
alert(xmlhttp.responseXML.xml);
该例子为向脚本所在计算机1234端口上“/service.asmx/GetBills”的Web服务器路径发送XML HTTP请求，并获取其应答内容。
2.XML数据整合，并与数据库交互
2.1<ROOT>
</teamInfo>
SELECT<=1"name="地方法"sex="male "age="23" />
rowid"2"name="斯蒂芬"sex="male "age="21" />
rowid"3"name="克里斯多夫"sex="male "age="22" />
另一种是AUTO模式，该模式支持生成嵌套的XML元素，默认情况下，FROM子句中的每个表将映射到一个XML元素，SELECT子句中的列将映射为属性，该方法如下;
* FROM teamInfo FOR XML AUTO
执行命令后，得到XML文档如下：
teamInfoid"1"name="地方法"sex="male "age="23" />
teamInfoid"2"name="斯蒂芬"sex="male "age="21" />
teamInfoid"3"name="克里斯多夫"sex="male "age="22" />
SELECT<>
id1</id>
name </>
sexmale </sex>
age23</age>
row<>
id2</id>
name </>
sexmale </sex>
age21</age>
row<>
id3</id>
name </>
sexmale </sex>
age22</age>
rowE01">
<NAME>四点多</NAME>
<NUMBER>04334909</NUMBER>
<TEL>15078178787</TEL>
<EMAIL>kkjd@163.com</EMAIL>
</PERSON>
<PERSON PERSONID="E02">
<NAME>东方饭店</NAME>
<NUMBER>90439345</NUMBER>
<TEL>15178336151</TEL>
<EMAIL>sskl@sina.com</EMAIL>
</PERSON>
<PERSON PERSONID="E03">
<NAME>结婚时代</NAME>
<NUMBER>04388</NUMBER>
<TEL>13788513421</TEL>
<EMAIL>xjhdsj@gmail.com</EMAIL>
</PERSON>
</TeamMember>
DOM在Java语言中的实现，主要靠以下Java的类和接口：解析器工厂类（DocumentBuilderFactory），解析器类（DocumentBuilder），文档树模型（Document），节点列表类（NodeList），节点类（Node），元素类（Element），属性类（Attr）。
用于解析实例文档dsjd.xml的Java源代码如下：
import javax.xml.parsers.*;org.w3c.dom.*;
class dom {static void main(String args[]){
try{
DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
DocumentBuilder builder=factory.newDocumentBuilder();
Document doc=builder.parse("candidate.xml");.out.println(doc.getImplementation());
NodeList nl =doc.getElementsByTagName("PERSON");
for (int i=0;i<nl.getLength();i++){
Element node=(Element) nl.item(i);
System.out.print("NAME: ");
System.out.println (node.getElementsByTagName("NAME").item(0).getFirstChild().getNodeValue());
System.out.print("ADDRESS: ");
System.out.println (node.getElementsByTagName("ADDRESS").item(0).getFirstChild().getNodeValue());
System.out.print("TEL: ");
System.out.println (node.getElementsByTagName("TEL").item(0).getFirstChild().getNodeValue());
System.out.print("FAX: ");
System.out.println (node.getElementsByTagName("FAX").item(0).getFirstChild().getNodeValue());
System.out.print("EMAIL: ");
System.out.println (node.getElementsByTagName("EMAIL").item(0).getFirstChild().getNodeValue());
System.out.println();
}
}catch(Exception e){
e.printStackTrace();
}
}
}
在DOS下，用javac命令编译源代码，用java命令执行程序，结果如图2.3-1所示。
图2.3-1Java DOM解析的XML文档
2.4利用PHP对Mysql中进行导入和导出
从PHP5后，PHP提供了对XML更加强大的支持和更方便的操作，现在大多数网站都是PHP做的，PHP+XML实际上经常被用到。这次我们用的是My SQL数据库。
首先，我们用PHP从My SQL数据库动态的建立XML文档。先建立一个示例数据库db_database05，建立一个关系表并命名为teamInfo，该表的详细信息如下：
向该表中插入3组数据，关系表如下:
现在我们就用PHP来操作该关系表，因为通常XML文件都很小（通常不会超过2M），所以PHP常用DOM解析XML，具体用到DOM类库中的如下方法：
（1）通过new DomDocument()实例化一个DomDocument对象；
（2）通过$dom->createAttrribute创建一个新的属性，通过$dom->createTextNode创建属性值；
（3）通过$dom->saveXML生成一个XML文档；
（4）通过file_put_contents()函数将生成的XML文档定义到一个具体的文件中。
下面是PHP关键代码（片段）：
<?php
$dom = new DomDocument('1.0','gb2312');
$object = $dom->createElement('teamInfo');
$dom->appendChild($object);
$type1 = $dom->createAttribute('xmlns:rdf');
$object->appendChild($type1);
$type1_value = $dom->createTextNode('http://www.w3.org/1999/'); $type1->appendChild($type1_value);
$academy = $dom->createElement('academy');
$object->appendChild($academy);
$academy_value = $dom->createTextNode(iconv('gb2312','utf-8','计算科学学院'));
$academy->appendChild($academy_value);
$sql=mysql_query("select * from teamInfo order by id desc");
while($myrow=mysql_fetch_array($sql)){
$member = $dom->createElement('member');
$object->appendChild($member);
$member_id = $dom->createElement('id');
$member->appendChild($member_id);
$id_value = $dom->createTextNode(iconv('gb2312','utf-8',"$myrow[id]"));
$member_id->appendChild($id_value);
}
$modi = $dom->saveXML();
file_put_contents('teamInfo.xml',$modi);
?>
由代码的倒数第二行可知，生成的XML文件名为teamInfo.xml，如下所示：
图2.4-1由MySQL数据库生成的XML文件
关于PHP对XML文档的其他操作，包括读取XML文件并写入数据库，查询、修改XML文件等，方法都是类似的，即调用DOM类库中的对应方法，比如getElementsByTagName（读取），DOMXPath->quuery（查询）等等。值得一提的是，PHP很方便实现了将XML文件“从数据库导出——添加XSLT——添加CSS——web浏览器显示”的一体化过程，所以PHP和XML搭档还是不错的，而Java逐渐的在远离XML，因为JAVA有Annotation和JSON。
