第一步：
创建要连接的数据库以及表格的创建。
create database 数据库的名称
create table  表的名称
第二步：
向表格中插入数据。
insert into 表的名称 values（字段的值,字段的值......）
第三步：
打开Vs ，创建Asp.Net web空白页，点击项目的名称，添加web空白窗体
第四步：
在项目名称.aspx前台文件中添加GridView控件

第五步：
在config文件中编写要连接的数据库
<connectionStrings>

    <add name="变量的值"  connectionString="server=服务器的名称;database=数据库的名称;integrated security=true"/>

  </connectionStrings>
第六步：
在项目名称.aspx.cs后台文件中，页面加载的时候，将数据显示到GridView控件中
String sql=ConfigurationManager.connectionStrings["name的名称"].connectionString;
SqlConnection  conn=new SqlConnection(sql);
conn.Open();
SqlCommand comm=conn.CreateCommand（）;
comm.CommandText="数据库的查询语句";
SqlDataAdapter adapter = new SqlDataAdapter(comm);

            DataTable dt = new DataTable();

            adapter.Fill(dt);
//将内存中获得数据库中表的值赋值给GridView控件的数据源属性，这样利用GridView控件将会显示数据库中的所有的数据。
this.GridView.DataSource=dt;

            cmd.Dispose();

            con.Close();

            con.Dispose();
 

DataGrid是asp.net网页应用程序中常用的控件，vs2005里面改成了GridView。一般比较简单的，可以生成以下这样的数据表格。

 
有的时候，我们需要展示更复杂的内容，比如下图：

其实这也是用DataGrid生成的，由于DataGrid提供了很强大的排序、翻页等功能，我们可以利用它创建列表，就非常的轻松自如。下面说一下使用方法。
 
首先创建一个用户控件Ctrl1，比如上图那个产品展示，用户控件里定义好一个产品的样式，显示哪些内容（图片、产品名、描述）。后面数据绑定时，会反复加载这个用户控件。然后在页面上创建DataGrid控件：
<asp:DataGrid AllowPaging="True" id="ThumbsGrid" runat="server" BorderStyle="none" BorderWidth="0" CellSpacing="1" CellPadding="5" ShowHeader="False" Width="98%" OnItemDataBound="onRowBound"></asp:DataGrid>
 
在代码中，从数据库取出需要绑定的数据（比如取出的DataTable叫做contentDataTable，注意这必须是一个protected类型的全局变量）。根据contentDataTable和需要显示的列数，生成一个索引表t，将这个索引表和DataGrid进行绑定（注意，不是用contentDataTable进行绑定）。

DataTable t = new DataTable();
DataRow dr;
int picPerRow = 3;//比如显示3列数据
for(int a = 0; a != picPerRow; a++)//为索引表创建列
{
    t.Columns.Add(new DataColumn(a.ToString(), typeof(string)));
}
float frows = contentDataTable.Rows.Count / picPerRow;
int num_rows = (int)Math.Ceiling(frows);//算出一共几行
for(int b = 0; b != num_rows ; b++)
{
    dr = t.NewRow();
    for(int a = 0; a != picPerRow; a++)
    {
        int curr = (b * picPerRow) + a;
        dr[a] = curr.ToString();
    }
    t.Rows.Add(dr);
}
ThumbsGrid.DataSource = new DataView(t);
ThumbsGrid.DataBind();
 
建立一个回调函数，在数据绑定的时候调用。回调的时候注意，可能每个Row里面会有很多Cell。
protected void onRowBound(object sender, DataGridItemEventArgs e)
{
    if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
    {
        for(int a = 0; a != e.Item.Cells.Count; a++)
        {
            ReplaceCellContent(e.Item.Cells[a]);
        }
    }
}
接下来设计替换单元的代码。


private void ReplaceCellContent(TableCell i_c)
{
    string itemno = i_c.Text;
    int itn = Convert.ToInt16(itemno);//取出cell的值，实际上是原m_contentDataTable的index

    if(itn >= m_contentDataTable.Rows.Count)
    {
        i_c.Text = "";//如果index超出了原表的数据条数，往往出现在最后一行。
    }
    else
    {
        Ctrl1 ctrl = (Ctrl1) Page.LoadControl("Ctrl1.ascx");
        //根据m_contentDataTable.Rows[itn]绑定用户控件
        i_c.Controls.Clear();//要先清除原来cell里面的控件
        i_c.Controls.Add(ctrl);
    }
}

转载于:https://www.cnblogs.com/powerson/archive/2008/03/31/2091009.html

    
DataGrid是asp.net网页应用程序中常用的控件，vs2005里面改成了GridView。一般比较简单的，可以生成以下这样的数据表格。


有的时候，我们需要展示更复杂的内容，比如下图：


其实这也是用DataGrid生成的，由于DataGrid提供了很强大的排序、翻页等功能，我们可以利用它创建列表，就非常的轻松自如。下面说一下使用方法。

首先创建一个用户控件Ctrl1，比如上图那个产品展示，用户控件里定义好一个产品的样式，显示哪些内容（图片、产品名、描述）。后面数据绑定时，会反复加载这个用户控件。然后在页面上创建DataGrid控件：
<asp:DataGrid AllowPaging="True" id="ThumbsGrid" runat="server" BorderStyle="none" BorderWidth="0" CellSpacing="1" CellPadding="5" ShowHeader="False" Width="98%" OnItemDataBound="onRowBound"></asp:DataGrid>

在代码中，从数据库取出需要绑定的数据（比如取出的DataTable叫做contentDataTable，注意这必须是一个protected类型的全局变量）。根据contentDataTable和需要显示的列数，生成一个索引表t，将这个索引表和DataGrid进行绑定（注意，不是用contentDataTable进行绑定）。

DataTable t = new DataTable();
DataRow dr;
int picPerRow = 3;//比如显示3列数据
for(int a = 0; a != picPerRow; a++)//为索引表创建列
{
    t.Columns.Add(new DataColumn(a.ToString(), typeof(string)));
}
float frows = contentDataTable.Rows.Count / picPerRow;
int num_rows = (int)Math.Ceiling(frows);//算出一共几行
for(int b = 0; b != num_rows ; b++)
{
    dr = t.NewRow();
    for(int a = 0; a != picPerRow; a++)
    {
        int curr = (b * picPerRow) + a;
        dr[a] = curr.ToString();
    }
    t.Rows.Add(dr);
}
ThumbsGrid.DataSource = new DataView(t);
ThumbsGrid.DataBind();

建立一个回调函数，在数据绑定的时候调用。回调的时候注意，可能每个Row里面会有很多Cell。
protected void onRowBound(object sender, DataGridItemEventArgs e)

{
    if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
    {
        for(int a = 0; a != e.Item.Cells.Count; a++)
        {
            ReplaceCellContent(e.Item.Cells[a]);
        }
    }

}

接下来设计替换单元的代码。

private void ReplaceCellContent(TableCell i_c)

{

    string itemno = i_c.Text;

    int itn = Convert.ToInt16(itemno);//取出cell的值，实际上是原m_contentDataTable的index
    if(itn >= m_contentDataTable.Rows.Count)
    {
        i_c.Text = "";//如果index超出了原表的数据条数，往往出现在最后一行。
    }
    else
    {

        Ctrl1 ctrl = (Ctrl1) Page.LoadControl("Ctrl1.ascx");

        //根据m_contentDataTable.Rows[itn]绑定用户控件

        i_c.Controls.Clear();//要先清除原来cell里面的控件

        i_c.Controls.Add(ctrl);
    }

}
  
转载于:https://www.cnblogs.com/universsky/p/4251168.html

ActiveReports 是一款专注于 .NET 和 .NET Core 平台的报表控件。通过拖拽式报表设计器，可以快速地设计 Excel表格、Word文档、图表、数据过滤、数据钻取、精准套打等类型报表，全面满足 WinForm、ASP.NET、ASP.NET MVC、WPF 平台中各种报表的开发需要。同时，通过丰富的 API 可以灵活的实现报表创建、加载和运行时的个性化自定义需求。

下载ActiveReports最新版本

在一些统计报表中，利用树形结构报表来实现维度钻取功能是十分常见的。通过逐级钻取，可以快速查看更细粒度的指标数据，如项目施工进度报告等。

使用葡萄城报表控件——ActiveReports ，即可轻松设计树形结构报表，以及设置进度条显示等功能。

什么样的报表样式被称为树形结构报表呢？让我们先来看看“树形结构”报表的展示样式。





了解了树形结构报表模板的样式，下面我们就来详细讲解如何使用ActiveReports 完成“基于.NET架构的动态树形结构报表”的设计步骤。

一、绑定数据源和数据集

动态报表与静态报表最大的区别，在于能否绑定数据源和数据集。要实现一张专业的“树形结构”报表，我们需要绑定的数据结构是什么样的呢？如下，就是典型的“树形结构”报表数据源，使用ActiveReports 链接该数据源：



二、拖入表格组件，进行分组设计

如下是ActiveReports 报表设计器中的截图，子分组是编号，父分组是上级编号。



三、优化报表样式

为了使主分组和子分组之间有一个缩进的功能，以便于更好地区分信息。这里，我们需要对边距进行设置：左边距 = 5 + (Level() * 25) & "pt"。

其中level（）代表了分组是第几级：



 

四、添加展开、合并按钮

这里，主要是为树形结构报表添加自分组合并和展开功能，也就是“+”、“-”按钮的功能设置。

由于要在项目名称这里添加一个可用于“合并和展开”的按钮，所以要在可见性区域，绑定项目名称对应的文本框：TextBox4



切换图表的样式，有如下属性：Expanded（展开）和 Collapsed（合并）



五、显示进度条

在此报表模板中，进度条是通过图像（image）控件来显示的。

要显示进度条，只需拖入一个容器到table里，然后在容器里放入一个图像（image）控件。接下来进行如下设置：



选择进度条 databar：



调整值和颜色的设置：



六、预览效果





如上，一张树形结构报表就设计好了，全程基本都是通过拖拉拽的方式，无需编写一段代码，即可轻松设计报表模板，这就是ActiveReports 的魅力所在。当然，ActiveReports 的报表设计能力不仅于此，点击学习更多应用教程。