1. Crie um novo projeto web vs2003 e nomeie-o como XMLTest
2. Exclua todo o conteúdo de WebForm1.aspx no diretório do projeto, deixando apenas uma instrução no topo:
<%@ Page language="c#" Codebehind="WebForm1. aspx .cs" AutoEventWireup="false" Inherits="XMLTest.WebForm1" %>
3. Modifique o conteúdo em WebForm1.aspx.cs e adicione Page_Load:
A seguir está um fragmento de referência:
XmlDocument doc=new XmlDocument();
String arquivoxml=string.Empty;
xmlfile=Context.Request.PhysicalApplicationPath+(Request.QueryString["sel"].ToString()=="xml"?" \hello.xml":"\hello.xsl ");
doc.Load(arquivoxml);
Response.Write(doc.InnerXml);
4. Adicione test.htm no diretório raiz do projeto e defina-o como a página inicial do projeto:
A seguir está uma citação:
<html>
<cabeça>
<título></título>
</head>
<corpo>
<div id="resTree"></div>
<FONT face="宋体"></FONT><input type="button" value="Execute" onclick="GetXml()"><BR>
<linguagem de script="JScript">
var árvoreSrc,xsltTree,xt;
var http_request = falso;
função GetXml()
{
srcTree = novo ActiveXObject("Msxml2.FreeThreadedDOMDocument");
srcTree.async=false;
xsltTree= novo ActiveXObject("Msxml2.FreeThreadedDOMDocument");
xsltTree.async = falso;
xt=novo ActiveXObject("MSXML2.XSLTemplate");
resTree.innerHTML="";
makeRequest("WebForm1.aspx?sel=xml",GetXml_CB);
}
function makeRequest(url, retorno de chamada) {
http_request=falso;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = novo XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) { // IE
tentar {
http_request = novo ActiveXObject("Msxml2.XMLHTTP");
} pegar (e) {
tentar {
http_request = novo ActiveXObject("Microsoft.XMLHTTP");
} pegar (e) {}
}
}
se (!http_request) {
alert('Desistir :( Não é possível criar uma instância XMLHTTP');
retornar falso;
}
http_request.onreadystatechange = retorno de chamada;
http_request.open('GET', url, verdadeiro);
http_request.send(nulo);
}
função GetXml_CB() {
if (http_request.readyState == 4) {
se (http_request.status == 200) {
srcTree.loadXML(http_request.responseText);
makeRequest("WebForm1.aspx?sel=xsl",GetXsl_CB);
} outro {
alert('Houve um problema com a solicitação.');
}
}
}
função GetXsl_CB(){
if (http_request.readyState == 4) {
se (http_request.status == 200) {
xsltTree.loadXML(http_request.responseText);
xt.stylesheet=xsltTree;
var proc=xt.createProcessor();
proc.input=srcTree;
proc.transform();
resTree.innerHTML=proc.output;
} outro {
alert('Houve um problema com a solicitação.');
}
}
}
function makeRequest(url, retorno de chamada) {
http_request=falso;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = novo XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) { // IE
tentar {
http_request = novo ActiveXObject("Msxml2.XMLHTTP");
} pegar (e) {
tentar {
http_request = novo ActiveXObject("Microsoft.XMLHTTP");
} pegar (e) {}
}
}
se (!http_request) {
alert('Desistir :( Não é possível criar uma instância XMLHTTP');
retornar falso;
}
http_request.onreadystatechange = retorno de chamada;
http_request.open('GET', url, verdadeiro);
http_request.send(nulo);
}
</script>
</body>
</html>
5. Execute o projeto e veja o efeito
hello.xml (Nota: Meu documento xml não especifica o nome do arquivo de análise xsl correspondente)
A seguir está um fragmento de citação:
<?xml version='1.0'?>
<menu de café da manhã>
<comida>
<name>Waffles Belgas</name>
<preço>US$ 5,95</preço>
<description>Dois dos nossos famosos Waffles Belgas
com bastante xarope de bordo de verdade.</description>
<calorias>650</calorias>
</comida>
<comida>
<name>Waffles belgas de morango</name>
<preço>US$ 7,95</preço>
<description>Waffles belgas leves cobertos com
morangos e chantilly.</description>
<calorias>900</calorias>
</comida>
<comida>
<name>Waffles belgas Berry-Berry</name>
<preço>US$ 8,95</preço>
<description>Waffles belgas leves cobertos
com uma variedade de frutas frescas
e chantilly.</description>
<calorias>900</calorias>
</comida>
<comida>
<name>Rabanada</name>
<preço>US$ 4,50</preço>
<descrição>Fatias grossas feitas com nosso produto caseiro
pão de massa fermentada.</description>
<calorias>600</calorias>
</comida>
<comida>
<name>Café da manhã caseiro</name>
<preço>US$ 6,95</preço>
<descrição>Dois ovos, bacon ou salsicha, torradas,
e nossos sempre populares hash browns.</description>
<calorias>950</calorias>
</comida>
</breakfast-menu>
hello.xsl
O seguinte é um fragmento citado:
<?xml versão="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl=" http://www.w3.org/1999/XSL/Transform ">
<xsl:template match="/breakfast-menu">
<xsl:for-each select="food">
<DIV STYLE="background-color:teal; color:white; padding:4px">
<SPAN STYLE="font-weight:bold; color:white"><xsl:value-of select="name"/></SPAN>
para<xsl:valor-de select="preço"/>
</DIV>
<DIV STYLE="margem-esquerda:20px; margem-bottom:1em; tamanho da fonte:10pt">
<xsl:valor-de select="descrição"/>
<SPAN STYLE="estilo da fonte: itálico">
<xsl:value-of select="calories"/> Olá
</SPAN>
</DIV>
</xsl:for-each>
</xsl:template>
</xsl:folha de estilo>
O documento xml contém apenas dados puros. Se precisar ser exibido na página html, geralmente será necessário usar um documento xsl personalizado para analisar ou ler manualmente o valor no xml por meio de js e exibi-lo na árvore dom no arquivo. html. Ao usar o documento xsl Ao analisar, o documento xsl correspondente deve ser especificado no documento xml correspondente para exibi-lo normalmente. No entanto, quando alguns programas geram dinamicamente o documento xml, o documento xsl correspondente não é especificado. o documento xsl correspondente deve ser carregado por outros meios. Para analisar, é claro, ao enviar documentos XML no lado do servidor, isso também pode ser feito por meio de algumas APIs XML. Desta forma, as limitações da plataforma do servidor são deixadas de lado. O servidor só precisa gerar o documento xml correspondente (.net/j2ee é aceitável) e enviar o documento xsl correspondente para o cliente (ele pode gerar um fluxo ou diretamente). no Cliente carrega o documento xsl).
Há algumas coisas a serem observadas aqui. Geralmente usamos o componente Msxml2.Document para carregar documentos XML, mas ao usar xsl dinamicamente para analisar documentos XML, componentes de thread livres como Msxml2.FreeThreadedDOMDocument devem ser usados e MSXML2.XSLTemplate deve ser usado. Os componentes do modelo são usados para carregar dados XML e XSL. Por meio do método de transformação do MSXML2, instale o pacote de componentes msxml atualizado e especifique um novo nome, como Msxml2.FreeThreadedDOMDocument.4.0. pode ser baixado no site da M$.
Demonstração: http://www.21cz.cn/xmltest/test.htm
visualização do arquivo xml: http://www.21cz.cn/xmltest/hello.xml
Ver arquivo xsl: http://www.21cz.cn/xmltest/hello.xsl