如何创建复杂的web报表

最新推荐文章于 2019-06-08 01:24:28 发布
最新推荐文章于 2019-06-08 01:24:28 发布
阅读量125 收藏
点赞数
文章标签： ui c# xhtml
原文链接：http://www.cnblogs.com/tonysun/archive/2010/07/01/1768905.html
版权

报表在我们开发过程中经常会用到，从数据库中读取数据，然后创建复杂的TABLE层现在WEB界面上，现在总结一点自己的心得，列出代码

aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SpinWorkStatistics.aspx.cs"
    Inherits="Report_LabReport_SpinWorkStatistics" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>纺织工作量统计</title>
    <link href="http://www.cnblogs.com/CSS/admin.css" rel="stylesheet" type="text/css" />

    <script src="http://www.cnblogs.com/JS/datepicker.js" type="text/javascript"></script>

    <script type="text/javascript">
    function txtclear()
    {  
      document.getElementById("FromDate").value="";
      document.getElementById("ToDate").value="";
      document.getElementById("drp_Area").value="";
    }
    function checkempty()
    {
      if(document.getElementById("FromDate").value==""||document.getElementById("ToDate").value==""|| document.getElementById("drp_Area").value=="")
      {
        alert("筛选条件不能为空");      
        return false;
      }
      else
      {
        return true;
      }
   
    } 
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <input type="hidden" runat="server" id="hidUserid" />
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <table class="formatList">
                <tr>
                    <td colspan="8" class="textColleft">
                        纺织工作量统计
                    </td>
                </tr>
                <tr>
                    <td class="labelCol">
                        <asp:Label runat="server" ID="Label39" Text="开始时间" />
                    </td>
                    <td class="textCol">
                        <asp:TextBox ID="FromDate" runat="server" CssClass="textInput" Enabled="false">
                        </asp:TextBox>
                        <a οnclick="show_calendar('form1.FromDate')" href="####">
                            <img src="http://images.cnblogs.com/datepicker.gif" runat="server" id="img1" align="absMiddle"
                                border="0" /></a>
                    </td>
                    <td class="labelCol">
                        <asp:Label runat="server" ID="Label40" Text="结束时间" />
                    </td>
                    <td class="textCol">
                        <asp:TextBox ID="ToDate" runat="server" CssClass="textInput" Enabled="false">
                        </asp:TextBox>
                        <a οnclick="show_calendar('form1.ToDate')" href="####">
                            <img src="http://images.cnblogs.com/datepicker.gif" runat="server" id="img2" align="absMiddle"
                                border="0" /></a>
                    </td>
                    <td class="labelCol">
                        <asp:Label runat="server" ID="Label1" Text="地区" />
                    </td>
                    <td class="textCol">
                        <asp:DropDownList ID="drp_Area" runat="server" CssClass="textInput" />
                    </td>
                    <td class="textCol" colspan="2">
                        <asp:Button ID="btnSerche" runat="server" Text="搜索" CssClass="btnCommon" OnClientClick="return checkempty()"
                            OnClick="btnSerche_Click" />
                        <input type="button" id="btnClear" value="清空" class="btnCommon" οnclick="txtclear()" />
                    </td>
                </tr>
            </table>           
            <br />
            <table id="tb_htmlSpin" class="formatList" border="0" cellpadding="0" cellspacing="0">
                <asp:Literal ID="Littxt" runat="server"></asp:Literal>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>

C#:

 

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Text;
public partial class Report_LabReport_SpinWorkStatistics : System.Web.UI.Page
{
    Edoc2v4UserLogic edoc2userlogic = new Edoc2v4UserLogic();
    ZAIQ_SampleKindLogic samplekindlogic = new ZAIQ_SampleKindLogic();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            this.drp_Area.DataSource = GetAreas().DefaultView;
            this.drp_Area.DataTextField = "dept_name";
            this.drp_Area.DataValueField = "dept_id";
            this.drp_Area.DataBind();

        }

    }
    /// <summary>
    /// 搜索
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>

    protected void btnSerche_Click(object sender, EventArgs e)
    {
        string datefrom = this.FromDate.Text.ToString().Trim();
        string dateend = this.ToDate.Text.ToString().Trim();
        string area = this.drp_Area.SelectedItem.Value.ToString().Trim();
        CreateTables(datefrom, dateend, area);
    }

    #region
    /// <summary>
    /// 获取区域
    /// </summary>
    /// <returns></returns>
    private DataTable GetAreas()
    {
        DataTable dt = new DataTable();
        dt = edoc2userlogic.GetAreas();
        return dt;

    }

    /// <summary>
    /// 查询项目名称
    /// </summary>
    /// <returns></returns>
    private DataTable ItemName(string fromdate, string enddate, string area)
    {
        DataTable dt = samplekindlogic.SelectItem(fromdate, enddate, area);
        return dt;
    }
    /// <summary>
    /// 查询样品类别
    /// </summary>
    /// <returns></returns>
    private DataTable SampleSort(string fromdate, string enddate, string area)
    {
        DataTable dt = samplekindlogic.SelectSampleSort(fromdate, enddate, area);
        return dt;
    }
    /// <summary>
    /// 查询纺织工作量
    /// </summary>
    /// <returns></returns>
    private DataTable SpinWorkload(string fromdate, string enddate, string area)
    {
        DataTable dt = samplekindlogic.SelectSpinWorkload(fromdate, enddate, area);
        return dt;
    }
    #endregion


    #region
    / <summary>
    / 生成Table
    / </summary>
    //private void CreatTable()
    //{
    //    DataTable dt_item = ItemName();
    //    DataTable dt_samkind = SampleSort();
    //    DataTable dt_SpinWork = SpinWorkload();
    //    TableRow row = new TableRow();
    //    for (int i = 0; i < dt_item.Rows.Count + 1; i++)
    //    {
    //        TableCell cell = new TableCell();
    //        if (i == 0)
    //        {
    //            cell.Text = "地区";
    //            row.Cells.Add(cell);
    //        }
    //        else
    //        {

    //            cell.Text = dt_item.Rows[i - 1][0].ToString();
    //            row.Cells.Add(cell);
    //            cell.ColumnSpan = 3;
    //        }
    //    }
    //    this.Tb_SpinBus.Rows.Add(row);
    //    for (int j = 0; j < dt_samkind.Rows.Count + 1; j++)
    //    {
    //        TableRow row1 = new TableRow();
    //        for (int k = 0; k < (dt_item.Rows.Count) * 3 + 1; k++)
    //        {
    //            TableCell cell1 = new TableCell();
    //            if (k == 0)
    //            {
    //                if (j == 0)
    //                {
    //                    cell1.Text = "";
    //                    row1.Cells.Add(cell1);

    //                }
    //                else
    //                {
    //                    cell1.Text = dt_samkind.Rows[j - 1][0].ToString();
    //                    row1.Cells.Add(cell1);
    //                }
    //            }
    //            else
    //            {
    //                if (j == 0)
    //                {
    //                    if (k % 3 == 1)
    //                    {
    //                        cell1.Text = "检测费";
    //                        row1.Cells.Add(cell1);
    //                    }
    //                    if (k % 3 == 2)
    //                    {
    //                        cell1.Text = "检测批量";
    //                        row1.Cells.Add(cell1);
    //                    }
    //                    if (k % 3 == 0)
    //                    {
    //                        cell1.Text = "检测样品量";
    //                        row1.Cells.Add(cell1);
    //                    }

    //                }
    //                else
    //                {
    //                    for (int ee = 0; ee < dt_item.Rows.Count; ee++)
    //                    {
    //                        for (int w = 0; w < dt_SpinWork.Rows.Count; w++)
    //                        {
    //                            if (dt_samkind.Rows[j - 1][0].ToString().Trim() == dt_SpinWork.Rows[w]["样品类别"].ToString().Trim() && dt_SpinWork.Rows[w]["ii_name"].ToString().Trim() == dt_item.Rows[ee][0].ToString().Trim())
    //                            {
    //                                if (k % 3 == 1)
    //                                {
    //                                    cell1.Text = dt_SpinWork.Rows[w]["检测费"].ToString();

    //                                }
    //                                if (k % 3 == 2)
    //                                {
    //                                    cell1.Text = dt_SpinWork.Rows[w]["检测批量"].ToString();

    //                                }
    //                                if (k % 3 == 0)
    //                                {
    //                                    cell1.Text = dt_SpinWork.Rows[w]["检测样品量"].ToString();
    //                                }
    //                                row1.Cells.Add(cell1);

    //                            }
    //                        }
    //                    }
    //                }
    //            }

    //        }
    //        this.Tb_SpinBus.Rows.Add(row1);

    //    }

    //}
    #endregion

    #region
    /// <summary>
    /// 静态生成table
    /// </summary>
    private void CreateTables(string fromdate, string enddate, string area)
    {
        DataTable dt_item = ItemName(fromdate, enddate, area);
        DataTable dt_samkind = SampleSort(fromdate, enddate, area);
        DataTable dt_SpinWork = SpinWorkload(fromdate, enddate, area);
        StringBuilder sb = new StringBuilder();       
        sb.Append("<tr>");
        for (int i = 0; i < dt_item.Rows.Count + 1; i++)
        {
            if (i == 0)
            {
                sb.Append("<td rowspan='2'>").Append(drp_Area.SelectedItem.Text.ToString()).Append("</td>");
            }
            else
            {
                sb.Append("<td colspan='3'>").Append(dt_item.Rows[i - 1][0].ToString()).Append("</td>");

            }
        }
        sb.Append("</tr>");
        CreateColum(ref sb, dt_samkind, dt_item, dt_SpinWork);
        CreateTotal(ref sb, dt_samkind, dt_item, dt_SpinWork);
        Littxt.Text = sb.ToString();
    }

    /// <summary>
    /// 创建小标
    /// </summary>
    /// <param name="sb"></param>
    /// <param name="samkind">样品类别</param>
    /// <param name="items">项目</param>
    /// <param name="spins">工作量</param>
    private void CreateColum(ref StringBuilder sb, DataTable samkind, DataTable items, DataTable spins)
    {
        string css = string.Empty;
        for (int j = 0; j < samkind.Rows.Count; j++)
        {
            css = (j % 2 > 0) ? "evenRow" : "oddRow";
            if (j == 0)
            {
                sb.Append("<tr>");
                for (int s = 0; s < items.Rows.Count * 3; s++)
                {
                    if (s % 3 == 1)
                    {
                        sb.Append("<td>").Append("检测费").Append("</td>");
                    }
                    if (s % 3 == 2)
                    {
                        sb.Append("<td>").Append("检测批量").Append("</td>");
                    }
                    if (s % 3 == 0)
                    {
                        sb.Append("<td>").Append("检测样品量").Append("</td>");
                    }
                }
                sb.Append("</tr>");
            }
            sb.Append("<tr").Append(" class='").Append(css).Append("'>");
            for (int k = 0; k < items.Rows.Count + 1; k++)
            {
                int rg = 0, rgs = 0;
                if (k == 0)
                {
                    sb.Append("<td>").Append(samkind.Rows[j][0].ToString()).Append("</td>");
                }
                else
                {
                    for (int re = 0; re < spins.Rows.Count; re++)
                    {

                        if (spins.Rows[re]["样品类别"].ToString() == samkind.Rows[j][0].ToString() && spins.Rows[re]["ii_name"].ToString() == items.Rows[k - 1][0].ToString())
                        {
                            sb.Append("<td>").Append(spins.Rows[re]["检测样品量"].ToString()).Append("</td>");
                            sb.Append("<td>").Append(spins.Rows[re]["检测费"].ToString()).Append("</td>");
                            sb.Append("<td>").Append(spins.Rows[re]["检测批量"].ToString()).Append("</td>");
                            rgs = 1;
                        }
                        if (spins.Rows[re]["样品类别"].ToString() == samkind.Rows[j][0].ToString() && spins.Rows[re]["ii_name"].ToString() != items.Rows[k - 1][0].ToString())
                        {
                            rg = 2;
                        }
                    }
                    if (rg == 2 && rgs != 1)
                    {
                        sb.Append("<td>").Append("/").Append("</td>");
                        sb.Append("<td>").Append("/").Append("</td>");
                        sb.Append("<td>").Append("/").Append("</td>");
                    }


                }

            }

            sb.Append("</tr>");
        }

    }
    /// <summary>
    /// 创建小计行
    /// </summary>
    /// <param name="sb"></param>
    /// <param name="samkind">样品类别</param>
    /// <param name="items">项目</param>
    /// <param name="spins">工作量</param>
    private void CreateTotal(ref StringBuilder sb, DataTable samkind, DataTable items, DataTable spins)
    {
        double Sumsample = 0.0;
        double SumCheck = 0.0;
        double SumP = 0.0;
        sb.Append("<tr>");
        for (int j = 0; j < items.Rows.Count; j++)
        {           
            if (j == 0)
            {
                sb.Append("<td>").Append("小计").Append("</td>");
            }
            for (int k = 0; k < samkind.Rows.Count; k++)
            {
                for (int re = 0; re < spins.Rows.Count; re++)
                {
                    if (spins.Rows[re]["样品类别"].ToString() == samkind.Rows[k][0].ToString() && spins.Rows[re]["ii_name"].ToString() == items.Rows[j][0].ToString())
                    {
                        Sumsample += Convert.ToDouble(spins.Rows[re]["检测样品量"]);
                        SumCheck += Convert.ToDouble(spins.Rows[re]["检测费"]);
                        SumP += Convert.ToDouble(spins.Rows[re]["检测批量"]);
                    }
                }
                if (k == samkind.Rows.Count - 1)
                {
                    sb.Append("<td>").Append(Sumsample).Append("</td>");
                    sb.Append("<td>").Append(SumCheck).Append("</td>");
                    sb.Append("<td>").Append(SumP).Append("</td>");
                    Sumsample = 0.0;
                    SumCheck = 0.0;
                    SumP = 0.0;
                }
            }
        }

        sb.Append("</tr>");
    }
    #endregion


}

思想就是用StringBuilder创建行列,赋给Literal 控件


 

 

转载于:https://www.cnblogs.com/tonysun/archive/2010/07/01/1768905.html

weixin_34038652
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
页面模板（表格）
07-30
一套漂亮的企业门户网站，包含有登录页、注册页面、内容页、列表页面等等。
葡萄城报表介绍：复杂报表
weixin_30702413的博客
07-13 186
葡萄城报表介绍：复杂报表 什么是复杂报表? 日常生活中，我们需要填写各式各样的表格（报表），仔细观察就会发现，大多数的表格需要填写很多信息，而且表结构也没有规律可循，这类报表统称为复杂报表。 比如，有的表角使用斜线分隔区域，如下图成绩表，表角中采用斜线分隔，行头表示姓名，列头表示科目，详细数据表示对应的分数。 复杂报表样例1 ...
五种主流web报表工具的功能对比
SiC B2B2C Shop大型B2B2C商城软件产品，使用Java语言开发，高性能高扩展性高安全性分布式。可帮助你快速的建立大型B2B2C电商系统
03-28 2878
公司在做项目时，需要用到报表工具，经过我们对一系列市场上主流报表工具的考察、综合评定，以及到部分报表工具厂商实地考察。我们最终选择了更为专业，和适合我们开发的报表工具，以下是我们在前期选择报表工具时的部分考察评定。批量打印性能优化模板与数据能否分离设计模式易调整接口方式输出方式------------------------------------------------------------五...
Java的Web报表库
06-26
jFreeReport是Java领域的一个开源报表库，版本号0.8.3f，它提供了一套完整的解决方案来创建和展示复杂的Web报表。jFreeReport的特点包括： 1. 强大的模板设计：使用JasperReports的脚本语言JRXML，可以创建复杂的...
Web报表示例代码
01-10
"Web报表示例代码"这个标题暗示我们将探讨如何在网页中创建和展示报表的相关技术。以下是一些关键知识点，涵盖了Web报表的基础概念、实现方式、常见技术和最佳实践。 1. **基础概念**： - **Web报表**：是通过Web...
IReport3.7开发Web报表.pdf
10-03
在Web开发中，报表是一个至关重要的部分，用于展示和分析数据。IReport是一款强大的报表设计工具，特别适合Java...通过其直观的向导和丰富的设计选项，开发者可以快速创建复杂的Web报表，满足各种数据分析和展示需求。
web前端 报表模版、图表
03-23
3. D3.js：数据驱动的文档操作库，强大的数据绑定和DOM操作能力，适合创建复杂的、高度定制化的可视化效果。 在实际开发中，报表模板和图表的集成通常涉及以下几个步骤： 1. 数据获取：通过Ajax或Fetch API从服务器...
web报表B/S
12-06
2. **报表设计**：Web报表通常包含多种图表、表格和图形，以直观地展示复杂的数据。设计工具支持拖拽式布局，允许用户自定义样式、颜色、字体等，同时支持SQL查询，直接从数据库获取数据。 3. **数据源集成**：Web...
Layui复杂表格
weixin_44540251的博客
06-08 5770
开发工具与关键技术：MVC 作者：文泽钦 撰写时间：2019年5月3日星期一 常见的表格只有一行表头的，但我们今天做一个复杂表格，先看看单表头的效果，等一会写完复杂表格再看复杂的表格。 把控制器搭建好了就开始写页面的代码，这里要把layui表格用到的css、js插件拷贝到项目，然后显示所有里，然后引入进来。 <link href="~/Plugins/layui/css/layui.cs...
CSS复杂表格的设计
公子&小白的博客
03-25 4106
一方法： &lt;!--1、先制作表格用tr th和tr td 2、若要建立叠加的表格，必须建立一个盒子通过覆盖将表格分成两份 3、新见得盒子必须绝对定位于表格。 4、然后将盒子和表格覆盖。完成 --&gt;二、代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;!--1、先制作表格用tr th和tr td 2、若要建立叠加的表格，必须建立一个盒子通过...
WEB报表工具的设计
热门推荐
夏天的专栏
05-11 1万+
WEB报表工具的设计深圳市福田区江苏大厦 雷堂祖 2003-1-23 10:33:19 简介本文介绍了一种WEB报表设计工具的实现思路和解决办法，该工具可以同数据库连接，让用户自己设计报表，报表的数据从数据库中获取，用户修改后的数据可以存回到数据库中。该工具可以实现任意 形式（规整、不规整）的报表设计；不仅可以作为最终产品提交给用户使用，对于开发人员来说，也可以作为报表和数据库的设计工具来开发自己
web打印时,复杂表格横向自动分页
10-10 2311
如果需要打印一个有很多列的表格，因为纸张宽度有限，后面的列可能打印不出来，怎么办？一开始，我们建议用户使用控件的自动缩放打印功能，但用户的问题是，当表格很宽时，这样缩小后的页面，打印出来的字就太小，甚至可能无法辨认。本功能专门解决此类需求。 需要打印的宽表格
值得推荐的WEB版报表工具-报表设计器
weixin_34235371的博客
06-28 3129
前段时间公司开发自己部门的业务系统，项目经理要求调研下有没有一款好用的报表，最好是便宜的。 我在网上调研了好多报表，发现有些大型报表配置复杂企业使用收费高。开源的报表问题提多大多数是外国的，再就时需要安装客户端。 其实在开发这么多年最讨厌的就是安装东西，什么东西都是解压版使用的方便。 突然发现一款基于iReport开源报表开发的一款小巧简单功能完全能满足公司的报表需求。重点是Web版...
12个最好的开源报表工具
孤影在线
01-10 7153
23顶 10踩 12个最好的开源报表工具 2009-11-18 17:05 by 资深编辑 wutao0603 评论(13) 有20017人浏览 收藏 .声明：JavaEye新闻文章的版权属于JavaEye网站所有，严禁任何网站转载本文，否则必将追究法律责任！ 在dzone上闲逛时发现-‘最好的开源报表工具’这篇文章，点进去看到其中有一个“JavaEye Reporting Tool...
一个可以从报表设计到展示全部在一个 Web 界面上的工具
weixin_33691817的博客
06-19 1036
RDP报表工具 RDP报表工具是面向软件开发人员的、高性价比、易学易用的、拓展性好的JAVA报表工具软件。 功能全面的报表设计器 采用全新的Web类Excel报表设计器，方便的B/S报表设计模式，具有强大的表达式和扩展功能，可以轻松快捷、零编码地实现各种复杂报表，是功能全面、高效强大的新一代报表工具。 轻松制作复杂报表 许多复杂报表采用传统报表工具制作起来非常困难（需要编写代码准备...
2017-12-25 【jsp】显示各个类型的统计图表
Quao0213的专栏
12-25 1969
项目用的是MINIUI 所以选择了ECharts来实现显示统计图表 1.下载并导入echarts.min.js【echarts官网】 2.jsp代码 PieChart " type="text/javascript"> LineChart BarChart PieChart
如何把报表放到网页中显示（Web页面与报表简单集成例子）
Leo的博客
08-03 5371
现在用户开发的系统基本上趋向于BS架构的浏览器/服务器模式，这些系统可能由不同的语言开发，如HTML、ASP、JSP、PHP等，因此需要将制作好的报表嵌入到这些页面中。
WEB报表系统功能设计.doc
最新发布
10-20
"WEB报表系统功能设计文档详细介绍了FineReport如何设计和实现各类复杂的WEB报表，包括其设计模式、数据支持、复杂报表处理、图表功能以及数据地图和表单（dashboard）的应用。" FineReport是一款专门用于WEB报表...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值