ASP.NET中后台数据和前台控件的绑定

ASP.NET中后台数据和前台控件的绑定

关于ASP.NET中后台数据库和前台的数据控件的绑定问题

最近一直在学习个知识点,自己创建了SQL Server数据库表,想在ASP.NET中连接数据库,并把数据库中的数据显示在前台,注意,这里的数据显示不是使用asp.net自带的数据显示控件进行数据的绑定,而是使用开源的数据表格插件DataTables。这样的显示效果要比DataGridView好看的多。下面将详细的过程记录如下,供初学者参考。

一、要将SQL Server数据库中的数据通过普通的table表格显示在页面上,首先是使用一个绑定数据的控件:Repeater 控件,在使用绑定表达式:<%#字段名称>。在后台使用DataBind方法。

具体事例代码:

前台:

ASP.NET中后台数据和前台控件的绑定
<table id="tb_example"  class="display cell-border hover dt-body-center  row-border order-column ">
            <thead>
                <tr>
                    <th>公司名称</th>
                    <th>公司地点</th>
                    <th>注册资金</th>
                    <th>公司编号</th>
                    <th>公司代表</th>
                </tr>
            </thead>
           <asp:Repeater ID="ratTable"  runat="server">
               <ItemTemplate>           
                   <tr>
                        <td><%#Eval("PRONAME") %> </td>                  
                        <td><%#Eval("PROESS") %></td>            
                        <td><%#Eval("PROMENOY") %></td>                    
                        <td><%#Eval("PROID") %></td>                  
                        <td><%#Eval("PROPERSON") %></td>                     
                   </tr>                                            
               </ItemTemplate>
           </asp:Repeater>
        </table>  
ASP.NET中后台数据和前台控件的绑定

后台:

ASP.NET中后台数据和前台控件的绑定
            string SqlStr = "Server=(local);User Id=sa;Pwd=123;DataBase=ZBD";//连接本地的SQL Server数据
            SqlConnection conn = new SqlConnection(SqlStr);                  //实例化SQLConnection对象进行连接数据
            string sqlstr = "select PRONAME,PROID,PROESS,PROMENOY,PROPERSON from tb_zbd ";//定义SQL查询语句用于查询表数据
            SqlCommand myCmd = new SqlCommand(sqlstr, conn);
            DataSet ds = new DataSet();//定义dataset对象
            conn.Open();//打开数据库
            SqlDataAdapter da = new SqlDataAdapter(sqlstr, conn); 
            conn.Close();
            da.Fill(ds);
            ratTable.DataSource = ds.Tables[0];
            ratTable.DataBind();
ASP.NET中后台数据和前台控件的绑定

代码说明:上述代码定义了DataAdapter对象。DataAdapter对象是DataSet对象和数据源之间联系的桥梁,主要是从数据源中检索数据、填充DataSet对象中的表或者把用户对DataSet对象做出的更改写入到数据源。

运行操作的显示结果如下图:ASP.NET中后台数据和前台控件的绑定


二、数据绑定的相关知识点总结

数据绑定是指从数据源获取数据向数据源写入数据。简单的数据绑定可以使对变量或属性的绑定,比较复杂的是对ASP.NET数据绑定控件的操作。

说明:所有的数据绑定表示式都必须包含在<%#...%>中。执行绑定操作要么执行Page对象的DataBind方法,要么执行数据绑定控件对应的实例对象的DataBind方法。

1、简单的属性绑定

基于属性的绑定所涉及的属性必须包含get访问器,因为在数据绑定过程中,数据显示控件需要通过属性的get访问器从属性中读取数据。

语法:<%# 属性名称%>

在后台执行Page.DataBind()方法。

技巧:简单变量的数据绑定类似于简单的属性绑定。例如定义一个公共的变量并赋值,在前台的label控件额Text属性中使用数据语法<%#,,,%>也可以进行绑定。

2、表达式绑定

 将数据绑定显示控件之前,对数据的处理,通过表示式将执行的结果显示在控件之上。

3、集合绑定

 像一些比较特殊的数据控件需要以数据集合作为数据源进行数据的绑定。

4、技巧总结:对于数据控件的绑定,是在数据绑定表达式中使用Eval和Bind方法进行数据绑定。其中二者的区别;

<%#Eval("数据字段名称")%>这种方法是单向绑定,只具有读取功能。

<%#Bind("数据字段名称")%>这种方法是双向的,同时具有读取和写入的功能。