如何用visual studio控件(repeater)绑定数据库(SQL server)信息并显示

今天学习了下如何间接绑定数据库网上看了很多信息,都云里雾里,没有图片说明,初学者完全看不懂,我自己做了一个DEMO,相信可以帮到大家!

一、建立数据库,并构建表信息,我的表信息如下:

     

     表中的数据在数据库中查看如下:

 

         上表证明数据库查询确实有信息。

二、创建visual studio工程结构如下:

      

        我的Default.aspx只有一个控件 Repeater

         

         源代码如下:

         

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="wmmm._Default" %>

<!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" >
<head runat="server">
<title>显示信息</title>
</head>
<body>
<form id="form1" runat="server">
<div>
      <asp:Repeater ID="repeater_info" runat="server">
      <HeaderTemplate>
      <table style="text-align: center" border = "1">
     <tr>
       <th > ID </th>

      <th > 姓名 </th>      <th > 统帅 </th>      <th > 武力 </th>      <th > 智力 </th> 

      <th > 政治 </th>
      <th > 特技</th>
   </tr>
   </HeaderTemplate>
  <ItemTemplate>
  <tr>
    <td> <asp:HiddenField ID="HiddenField1" Value='<%# Eval("id")%>' runat="server" />
           <%# Eval("ID")%>
    </td>
    <td >
          <%# Eval("姓名")%>
    </td>
    <td >
         <%# Eval("统帅")%>
    </td>
    <td >
         <%# Eval("武力")%>
    </td>
    <td >
         <%# Eval("智力")%>
    </td>
    <td >
         <%# Eval("政治")%>
     </td>
     <td >
         <%# Eval("特技一")%>
     </td>
    </tr>
    </ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>

    带颜色部分为核心的代码了!!!

  接下来就是我们所谓的注册文件中,链接数据库的字符串了:

   

 

   最后就是后台的代码:

   

using System;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;

 

namespace wmmm
{
          public partial class _Default : System.Web.UI.Page
    {
          string connstr = ConfigurationManager.ConnectionStrings["ConStr"].ConnectionString;//链接字符串

 

/****************************************< 页面加载方法(系统自动生成) >**********************************************/
         protected void Page_Load(object sender, EventArgs e)
   {
            if (!IsPostBack) //是否为第一次加载页面(这个开发经常用!!)
       {
            bindData(); //加载绑定数据方法
       }
}
/****************************************< 绑定数据(自己写) >***************************************************/
           protected void bindData()
       {
            string sql = "select * from sg"; //sql语句
            SqlConnection mconn = new SqlConnection(connstr); //链接实例,参数connstr为链接字符串
            SqlDataAdapter sda = new SqlDataAdapter(sql, mconn); //适配器实例,参数sql SQL语句:;mconn:链接的实例(适配器是数据与view界面的桥梁,

                                                                                             //这个和其他开发一样(如安卓开发))
            DataSet ds = new DataSet(); //数据集实例(新手最好了解下:DataSet、DataTable)
           sda.Fill(ds); //贴数据,说白了就是把数据贴到数据集上
           repeater_info.DataSource = ds; //我们的Repeater控件ID为: repeater_info,这里调用.DataSource方法加载数据源头
           repeater_info.DataBind(); //用DataBind方法绑定具体的控件
       }
    }
}

   最后运行程序:

    

 

    好了,这就是一个很简单的利用C#语言、vusual studio 控件Repeater 绑定数据库SQL server 的一个Demo了,个人觉得非常适合新手学习!

 

posted on 2016-04-26 16:08  木乃伊人  阅读(1703)  评论(0编辑  收藏  举报

导航