使用ASP.NET页面创建可视的UI，在客户机上实例化MSXML分析器的页面从中间层组件取出XML数据、操作并显示 并有问题请高手解决
2004-06-11 16:18
1176 查看
1. 一个简单案例：客户机通过输入用户ID或用户名称搜索用户，客户机使用Ie5.0及以上版本。
2. 基本思路：将要发送的客户机的XML数据来至于数据访问层，数据被数据访问组件外置成DataSet，从DataSet提取XML数据并使用DataSet的GetXml或WriteXml方法将数据传递到客户机，然后通过网络将XML作为纯文本传送给客户机，在客户机它被加载到客户机端XML分析器准备使用。
3. 具体实现（代码仅供参考）：
中间层组件 customer-data.aspx：从数据库中取出数据生成DataSet,并返回Xml文档。
Page_Load
{
DataSet ds=new DataSet();
ds=GetDataSet();
Response.ContentType="text/xml";
Response.Write("<?xml version='1.0'?>");
ds.WriteXml(Response.OutputStream);
}
HTML表示层（客户机端）：
（1）用javascript声明一个全局变量保存MSXML分析起实例，创建一个loadCustomerList函数，此函数以声明中间层组件的URL开始，实例化需要的MSXML分析器对象，同时检查实例化是否成功。
<body onload="loadCustomerList()">
var objXMLData ;
function loadCustomerList() {
var strURL = 'customer-data.aspx';
try {
objXMLData = new ActiveXObject('MSXML2.FreeThreadedDOMDocument'); //使用MSXML分析器版本2，并且使用免费的线程版本（因为后面要用到XSLT样式表）
}
catch(e) {}
if (objXMLData == null) {
//报错，提示没有安装正确的MSXML版本
return;
}
objXMLData.onreadystatechange = changeFunction; //changeFunction函数负责在XML已经结束加载时监督检查
objXMLData.validateOnParse = true; //有效性验证
objXMLData.async = true; //异步加载XML
objXMLData.load(strURL); //加载XML文档
}
function changeFunction() {
// 检查XML分析器的readyState值
// 当值为4时，表明加载或者完成了或者在加载XML时出现了错误
if (objXMLData.readyState == 4) {
if (objXMLData.parseError.errorCode != 0)
//加载XML时出现了错误
else {
//加载完成
}
}
}
（2）查找并显示顾客详细资料： 用户使用文本搜索框来搜索客户而不发生给服务器的回送，不管执行多少次搜索（为了提供更高更快的响应和用户接口）。
<button id="btnSearch" onclick="doSearch('CustomerID')"></button>
function doSearch(strSortOrder) {
//得到用户ID或用户姓名，strSortOrder是排序参数
//转换XML文档 并把转化后的结果存入一变量
var strResult = getStyledResult(strCustID, strCustName, strSortOrder);
if (strResult.length > 0) {
//呈现strResult
}
else {
//没有符合的数据
}
}
function getStyledResult(strCustID, strCustName, strSortOrder) {
//使用XSLT样式表转换XML文档
//建立XPath字符串
if (strCustID.length > 0)
var strXPath = 'descendant::Customers[starts-with(child::CustomerID, $custid)]'
else
var strXPath = 'descendant::Customers[contains(child::CompanyName, $custname)]';
//创建样式表代码
var strStyle = '<?xml version="1.0" ?>\n'
+ '<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">\n'
+ ' <xsl:param name="custid" />\n'
+ ' <xsl:param name="custname" />\n'
+ ' <xsl:template match="/">\n'
+ ' <table id="tblCustomers" cellspacing="0" cellpadding="5"\n'
+ ' rules="cols" border="1" style="border-collapse:collapse;">\n'
+ ' <tr style="background-color:silver;">\n'
+ ' <td align="center">\n'
+ ' <a href="javascript:doSearch(\'CustomerID\')"><b>ID</b></a>\n'
+ ' </td>\n'
+ ' <td align="left">\n'
+ ' <a href="javascript:doSearch(\'CompanyName\')"><b>Customer Name</b></a>\n'
+ ' </td>\n'
+ ' <td align="left">\n'
+ ' <a href="javascript:doSearch(\'City\')"><b>City</b></a>\n'
+ ' </td>\n'
+ ' <td></td>\n'
+ ' </tr>\n'
+ ' <xsl:for-each select="' + strXPath + '">\n'
+ ' <xsl:sort select="' + strSortOrder + '" data-type="text" order="ascending" />\n'
+ ' <tr>\n'
+ ' <td align="center" style="background-color:#add8e6;">\n'
+ ' <xsl:value-of select="CustomerID" />\n'
+ ' </td>\n'
+ ' <td align="left">\n'
+ ' <a>\n'
+ ' <xsl:attribute name="href">\n'
+ ' view-orders.aspx?customerid=<xsl:value-of select="CustomerID" />\n'
+ ' </xsl:attribute>\n'
+ ' <xsl:value-of select="CompanyName" />\n'
+ ' </a>\n'
+ ' </td>\n'
+ ' <td align="left">\n'
+ ' <xsl:value-of select="City" />\n'
+ ' </td>\n'
+ ' <td align="left">\n'
+ ' <a>\n'
+ ' <xsl:attribute name="href">\n'
+ ' ../../update-orders/ie5/edit-orders.aspx?customerid=<xsl:value-of select="CustomerID" />\n'
+ ' </xsl:attribute>\n'
+ ' Edit Orders\n'
+ ' </a>\n'
+ ' </td>\n'
+ ' </tr>\n'
+ ' </xsl:for-each>\n'
+ ' </table>\n'
+ ' </xsl:template>\n'
+ '</xsl:stylesheet>';
var objXMLStyle = new ActiveXObject('MSXML2.FreeThreadedDOMDocument');
objXMLStyle.loadXML(strStyle);
var objTemplate = new ActiveXObject('MSXML2.XSLTemplate'); //创建一个MSXML XSLTemplate实例，并指定它的stylesheet属性
objTemplate.stylesheet = objXMLStyle;
var objProc = objTemplate.createProcessor(); //创建一个XSLProcessor对象
objProc.input = objXMLData; //处理objXMLData文档
objProc.addParameter('custid', strCustID); //指定参数
objProc.addParameter('custname', strCustName);
if (objProc.transform() == true) //判断是否转换成功
var strResult = objProc.output
else
var strResult = '';
return strResult;
}
以上就是实现的基本思路和主要代码，如果有哪位老兄正在研究分布式数据应用，请一起讨论啊！
并有以下问题需要解决：
如何通过XSLT转换进行分页处理？？
2. 基本思路：将要发送的客户机的XML数据来至于数据访问层，数据被数据访问组件外置成DataSet，从DataSet提取XML数据并使用DataSet的GetXml或WriteXml方法将数据传递到客户机，然后通过网络将XML作为纯文本传送给客户机，在客户机它被加载到客户机端XML分析器准备使用。
3. 具体实现（代码仅供参考）：
中间层组件 customer-data.aspx：从数据库中取出数据生成DataSet,并返回Xml文档。
Page_Load
{
DataSet ds=new DataSet();
ds=GetDataSet();
Response.ContentType="text/xml";
Response.Write("<?xml version='1.0'?>");
ds.WriteXml(Response.OutputStream);
}
HTML表示层（客户机端）：
（1）用javascript声明一个全局变量保存MSXML分析起实例，创建一个loadCustomerList函数，此函数以声明中间层组件的URL开始，实例化需要的MSXML分析器对象，同时检查实例化是否成功。
<body onload="loadCustomerList()">
var objXMLData ;
function loadCustomerList() {
var strURL = 'customer-data.aspx';
try {
objXMLData = new ActiveXObject('MSXML2.FreeThreadedDOMDocument'); //使用MSXML分析器版本2，并且使用免费的线程版本（因为后面要用到XSLT样式表）
}
catch(e) {}
if (objXMLData == null) {
//报错，提示没有安装正确的MSXML版本
return;
}
objXMLData.onreadystatechange = changeFunction; //changeFunction函数负责在XML已经结束加载时监督检查
objXMLData.validateOnParse = true; //有效性验证
objXMLData.async = true; //异步加载XML
objXMLData.load(strURL); //加载XML文档
}
function changeFunction() {
// 检查XML分析器的readyState值
// 当值为4时，表明加载或者完成了或者在加载XML时出现了错误
if (objXMLData.readyState == 4) {
if (objXMLData.parseError.errorCode != 0)
//加载XML时出现了错误
else {
//加载完成
}
}
}
（2）查找并显示顾客详细资料： 用户使用文本搜索框来搜索客户而不发生给服务器的回送，不管执行多少次搜索（为了提供更高更快的响应和用户接口）。
<button id="btnSearch" onclick="doSearch('CustomerID')"></button>
function doSearch(strSortOrder) {
//得到用户ID或用户姓名，strSortOrder是排序参数
//转换XML文档 并把转化后的结果存入一变量
var strResult = getStyledResult(strCustID, strCustName, strSortOrder);
if (strResult.length > 0) {
//呈现strResult
}
else {
//没有符合的数据
}
}
function getStyledResult(strCustID, strCustName, strSortOrder) {
//使用XSLT样式表转换XML文档
//建立XPath字符串
if (strCustID.length > 0)
var strXPath = 'descendant::Customers[starts-with(child::CustomerID, $custid)]'
else
var strXPath = 'descendant::Customers[contains(child::CompanyName, $custname)]';
//创建样式表代码
var strStyle = '<?xml version="1.0" ?>\n'
+ '<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">\n'
+ ' <xsl:param name="custid" />\n'
+ ' <xsl:param name="custname" />\n'
+ ' <xsl:template match="/">\n'
+ ' <table id="tblCustomers" cellspacing="0" cellpadding="5"\n'
+ ' rules="cols" border="1" style="border-collapse:collapse;">\n'
+ ' <tr style="background-color:silver;">\n'
+ ' <td align="center">\n'
+ ' <a href="javascript:doSearch(\'CustomerID\')"><b>ID</b></a>\n'
+ ' </td>\n'
+ ' <td align="left">\n'
+ ' <a href="javascript:doSearch(\'CompanyName\')"><b>Customer Name</b></a>\n'
+ ' </td>\n'
+ ' <td align="left">\n'
+ ' <a href="javascript:doSearch(\'City\')"><b>City</b></a>\n'
+ ' </td>\n'
+ ' <td></td>\n'
+ ' </tr>\n'
+ ' <xsl:for-each select="' + strXPath + '">\n'
+ ' <xsl:sort select="' + strSortOrder + '" data-type="text" order="ascending" />\n'
+ ' <tr>\n'
+ ' <td align="center" style="background-color:#add8e6;">\n'
+ ' <xsl:value-of select="CustomerID" />\n'
+ ' </td>\n'
+ ' <td align="left">\n'
+ ' <a>\n'
+ ' <xsl:attribute name="href">\n'
+ ' view-orders.aspx?customerid=<xsl:value-of select="CustomerID" />\n'
+ ' </xsl:attribute>\n'
+ ' <xsl:value-of select="CompanyName" />\n'
+ ' </a>\n'
+ ' </td>\n'
+ ' <td align="left">\n'
+ ' <xsl:value-of select="City" />\n'
+ ' </td>\n'
+ ' <td align="left">\n'
+ ' <a>\n'
+ ' <xsl:attribute name="href">\n'
+ ' ../../update-orders/ie5/edit-orders.aspx?customerid=<xsl:value-of select="CustomerID" />\n'
+ ' </xsl:attribute>\n'
+ ' Edit Orders\n'
+ ' </a>\n'
+ ' </td>\n'
+ ' </tr>\n'
+ ' </xsl:for-each>\n'
+ ' </table>\n'
+ ' </xsl:template>\n'
+ '</xsl:stylesheet>';
var objXMLStyle = new ActiveXObject('MSXML2.FreeThreadedDOMDocument');
objXMLStyle.loadXML(strStyle);
var objTemplate = new ActiveXObject('MSXML2.XSLTemplate'); //创建一个MSXML XSLTemplate实例，并指定它的stylesheet属性
objTemplate.stylesheet = objXMLStyle;
var objProc = objTemplate.createProcessor(); //创建一个XSLProcessor对象
objProc.input = objXMLData; //处理objXMLData文档
objProc.addParameter('custid', strCustID); //指定参数
objProc.addParameter('custname', strCustName);
if (objProc.transform() == true) //判断是否转换成功
var strResult = objProc.output
else
var strResult = '';
return strResult;
}
以上就是实现的基本思路和主要代码，如果有哪位老兄正在研究分布式数据应用，请一起讨论啊！
并有以下问题需要解决：
如何通过XSLT转换进行分页处理？？
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- ASP.NET - 演练：创建网页以显示 XML 数据
- ASP.NET中使用WebService异步加载数据显示到页面
- Asp.net 打开页面错误 (无法显示 XML 页。使用 XSL 样式表无法查看 XML 输入。请更正错误然后单击 刷新按钮，或以后重试。)
- 使用XML、XSLT和XPath创建可排序、分页、重用的数据显示页面
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法（10）：服务器端和客户端数据类型的自动转换：以XML方式序列化数据、小结
- c# asp.net 使用kindeditor在服务器上不能显示上传图片的页面等解决办法
- ASP.NET MVC WebApi 返回数据类型序列化控制（json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面，各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法（10）：服务器端和客户端数据类型的自动转换：以XML方式序列化数据、小结
- 在ASP.NET 2.0中操作数据之三十五：使用Repeater和DataList单页面实现主/从报表
- 使用ASP.NET Atlas XSLTView控件用XSLT修饰并显示XML数据
- 使用ASP.NET Atlas XSLTView控件用XSLT修饰并显示XML数据
- 在ASP.NET 2.0中操作数据之三十一：使用DataList来一行显示多条记录
- ASP.NET - 演练：创建网页以显示 XML 数据
- [ASP.net MVC] 将HTML转成PDF档案，使用iTextSharp套件的XMLWorkerHelper (附上解决显示中文问题)
- 在ASP.NET 2.0中操作数据之三十五：使用Repeater和DataList单页面实现主/从报表
- Asp.net中建立MS office组件时出现“拒绝访问”和“消息筛选器显示应用程序正在使用中”错误的解决方法
- 在ASP.NET 2.0中操作数据之三十一：使用DataList来一行显示多条记录
- 使用ASP.NET Atlas XSLTView控件用XSLT修饰并显示XML数据
- 使用XML、XSLT和XPath创建可排序、分页、重用的数据显示页面[转载]
- 使用XML、XSLT和XPath创建可排序、分页、重用的数据显示页面