[Resolvido] [asp.net] Gerar Relatório Em Html
Exemplo de relatório em HTML usando C# 2005 e SQL Server, uma alternativa para geração de relatórios somente com as ferramentas do .net e html
No exemplo vamos criar um relatório de Produtos com agrupamento por Categoria, utilizaremos o banco de dados Northwind, as tabelas Categories e Products, relacionando pela coluna CategoryID
usaremos o código C# no mesmo arquivo de design (HTML) com o código nas tags <% %>
Código da página do relatório comentado:
<%@ Page Language="C#" %>
<!-- Importando NameSpaces de Dados -->
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.SqlClient" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml"](http://www.w3.org/1999/xhtml) >
<head runat="server">
<!-- Título da Página -->
<title>Exemplo de Relatório em HTML</title>
<!-- Classe para definição de área não impressa, exemplo botões de Imprimir e Sair -->
<STYLE TYPE="text/css" MEDIA="print">
.noprint {display: none;}
</STYLE>
</head>
<body>
<form id="form1" runat="server">
<!-- Tabela de área não impressa com os botões de Imprimir e Sair, utiliza a classe definida acima: class="noprint" -->
<table class="noprint" align="center" width="85%" border="2" bordercolor="#000000" >
<tr>
<td align="center" CLASS="clsTableBreak" COLSPAN="9">
<div align="center" class="noprint">
<br>
<INPUT type="Button" class="clsButton" value=" Imprimir " onclick="java script: window.print();">
<INPUT type="Button" class="clsButton" value=" Sair " onclick="java script: window.close();">
<br><br>
</div>
</td>
</tr>
</table>
<div>
<!-- Tabela com o título do relatório -->
<table align="center" width="85%" border="2" >
<tr>
<td align="center" colspan="2" style="color: Red; font-size: 150%">
<u><b>RELATÓRIO DE PRODUTOS X CATEGORIA</b></u>
</td>
</tr>
<tr>
</tr>
</table>
<%
if (!IsPostBack)
{
//definindo string de conexão com o banco de dados SQL Server
string cnnStr = "data source=localhost; USER ID=sa; Password=; Initial Catalog=northwind";
//criando e instanciando a váriavel de conexão
SqlConnection con = new SqlConnection(cnnStr);
//criando e instanciando SqlDataAdapter de categorias
SqlDataAdapter dadCats = new SqlDataAdapter("SELECT * FROM Categories", con);
//criando e instanciando SqlDataAdapter de Produtos
SqlDataAdapter dadProd = new SqlDataAdapter("SELECT * FROM Products", con);
//criando e instanciando DataSet para dados do relatórios
DataSet dtsRelat = new DataSet();
//preenchendo DataSet com a tabela de Categorias
dadCats.Fill(dtsRelat, "Categories");
//preenchendo DataSet com a tabela de Produtos
dadProd.Fill(dtsRelat, "Products");
//Criando relacionamento entre Categoria e Produtos pela coluna CategoryID, para futura busca de dados
dtsRelat.Relations.Add("Cat_Prod", dtsRelat.Tables["Categories"].Columns["CategoryID"], dtsRelat.Tables["Products"].Columns["CategoryID"]);
//Loop da tabela Categoria
foreach (DataRow rowCat in dtsRelat.Tables["Categories"].Rows)
{//inserindo dados da tabela categorias
%>
<!-- inicio da tabela de categorias -->
<table align="center" width="85%" border="2" >
<tr align="center">
<td align="right" style="width: 50%">
<b>CATEGORIA:</b>
</td>
<td align="left" style="width: 50%; color: Blue" >
<!-- escrevendo a categoria atual, o "=" substitiu o Response.Output.Write (o resultado final é o mesmo)
Exemplo com o Response.Output.Write
<b><%Response.Output.Write(rowCat["CategoryName"].ToString());%></b>
-->
<b><%=rowCat["CategoryName"].ToString()%></b>
</td>
</tr>
</table> <!-- fechamento da tabela de categorias -->
<!-- inicio da tabela de produtos -->
<table align="center" width="85%" border="2" >
<tr align="center">
<td align="center" style="width: 40%">
<b>PRODUTO</b>
</td>
<td align="center" style="width: 30%">
<b>VALOR UNITÁRIO</b>
</td>
<td align="center" style="width: 30%">
<b>UNIDADES EM ESTOQUE</b>
</td>
</tr>
<%
//Loop da tabela Produtos, buscando registros relacionados pelo relacionamento
foreach (DataRow rowProd in rowCat.GetChildRows("Cat_Prod"))
{//inserindo dados da tabela produtos
%>
<tr align="center">
<td align="left" style="width: 46%">
<%=rowProd["ProductName"].ToString()%>
</td>
<td align="right" style="width: 22%">
<%=rowProd["UnitPrice"].ToString()%>
</td>
<td align="right" style="width: 22%">
<%=rowProd["UnitsInStock"].ToString()%>
</td>
</tr>
<%
} //fim do loop dos produtos
%>
</table> <!-- fechamento da tabela de produtos -->
<%
} //fim do loop das categorias
} //fim do if do postback
%>
</div>
<!-- Tabela de área não impressa com os botões de Imprimir e Sair, utiliza a classe definida acima: class="noprint" -->
<table class="noprint" align="center" width="85%" border="2" bordercolor="#000000" >
<tr>
<td align="center" CLASS="clsTableBreak" COLSPAN="9">
<div align="center" class="noprint">
<br>
<INPUT type="Button" class="clsButton" value=" Imprimir " onclick="java script: window.print();">
<INPUT type="Button" class="clsButton" value=" Sair " onclick="java script: window.close();">
<br><br>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>/applications/core/interface/imageproxy/imageproxy.php?img=http://img.photobucket.com/albums/v331/eriva_br/imagemRelat.jpg&key=a4cf2be256c3a502542cce826a3e7fd0c9db09d668de8dcfc942563c04f35438" alt="Imagem Postada" />
OBS.: tem essa tag aqui se precisar quebrar a página durante a impressão, por exemplo um resumo que precisa ficar numa página separada
<!-- quebra de página -->
<tr><td><div style="page-break-after: always"></div></td></tr>
Conclusão: Somente com comandos nativos do .NET e comandos HTML podemos gerar relatórios com uma boa velocidade de desenvolvimento e simplicidade no código.
AUTOR: "eriva_br"
Dúvidas, criticas, contribuições, correções e adições seram bem vindas.
Discussão (0)
Carregando comentários...