Asp.net使用Table标签填充数据库数据

在网站的开发过程中,将数据以表格的形式填充至页面中时一般会选择Asp.net自带的GridView控件,但如果我们需要简介的框线表格填充数据时(如打印预览),最简单的方法就是使用html中的Table标签来自己绘制一个表格,这样的好处是简单明了,可以自由调整数据的分类,进行表盒横向与纵向的单元格合并,下面就为大家讲解一下将数据库数据填充至Table标签构成的表格的具体过程。

首先在数据库中创建一张测试数据表,其中设置了5个字段,Name,Age,Gender,Job,Tip,并在表中填充一些测试数据。接下来在vs2013中创建一个空白网页,并在后台读取数据库中的数据,代码如下。

string connstr = @"Data Source=.\mssqlserver2008;Initial Catalog=BlogDemo;Integrated Security=True;Connect Timeout=15;Encrypt=False;TrustServerCertificate=False";
            using (SqlConnection conn = new SqlConnection(connstr))
            {
                  string sql = "select * from TableDemo_Account";
                  SqlCommand cmd = new SqlCommand(sql, conn);
                  conn.Open();
                  IDataReader reader = cmd.ExecuteReader();
                  reader.Read();
                  dt.Load(reader);
                  reader.Close();
                  conn.Close();
               
            }

其中的dt是创建的一个新的DataView对象,用来保存从数据库中取到的数据,在SqlCommand对象的方法中,没有直接将数据存入DataView中的方法,所以先暂存在DataReader中,再调用DataView的Load方法填充数据,一步到位。


接下来我们就需要在网页的前端获取DataView中的数据了,记得注意,后台获取数据的过程完成后重新生成一下项目,否则在前端获取不到DataView这个对象。前台代码如下

 <table class="Table" cellpadding="0" cellspacing="0" style=" border-top: 1px solid Gray;
                        border-left: 1px solid Gray; border-bottom: 1px solid Gray; border-collapse: collapse;
                        text-align: center; margin:auto" width="50%" border="1px" bordercolor="Gray">
            <tr>
                <td>姓名</td>
                <td>年龄</td>
                <td>性别</td>
                <td>职业</td>
                <td>备注</td>
            </tr>
            
                <%
                    for (int i = 0; i < dt.Rows.Count; i++)
                    {%> 
                        <tr>
                            <td>
                                <%=dt.Rows[i]["Name"] %>
                            </td>
                            <td>
                                <%=dt.Rows[i]["Age"] %>
                            </td>
                            <td>
                                <%=dt.Rows[i]["Gender"] %>
                            </td>
                            <td>
                                <%=dt.Rows[i]["Job"] %>
                            </td>
                            <td>
                                <%=dt.Rows[i]["Tip"] %>
                            </td>
                       </tr>
                 <% 
                    }
                 %>
            
        </table>>

从上述代码中不难看出,获取数据的主要方法是通过Asp.net自带的<%%>这对标签,在ASP.NET中,<%%>里面的文本就是.net平台下支持的语言,可以获取网页后台的对象或调用后台的方法,不过都必须声明为public的。在Table中只需要一个for循环,动态的添加td标签,标签中的内容通过获取DataView中的固定字段数据就可以了。最后效果如下:



猜你喜欢

转载自blog.csdn.net/u013407099/article/details/52072327
今日推荐