一、首先浏览一下msdn中的关于GridView的简单介绍：

The GridView view mode displays a list of data items by binding data fields to columns and by displaying a column header to identify the field. The default GridView style implements buttons as column headers. By using buttons for column headers, you can implement important user interaction capabilities; for example, users can click the column header to sort GridView data according to the contents of a specific column.

GridView view of ListView content

GridView columns are represented by GridViewColumn objects, which can automatically size to their content. Optionally, you can explicitly set a GridViewColumn to a specific width. You can resize columns by dragging the gripper between column headers. You can also dynamically add, remove, replace, and reorder columns because this functionality is built into GridView. However, GridView cannot directly update the data that it displays.

The following example shows how to define a GridView that displays employee data. In this example, ListView defines the EmployeeInfoDataSource as the ItemsSource. The property definitions of DisplayMemberBinding bind GridViewColumn content to EmployeeInfoDataSource data categories. For the complete sample, see ListView That Uses a GridView Sample.

二、环境部署。

2.1、创建工程。

2.2、创建数据库。

选择“APP_Data” ，左键弹出“添加新项”，选中“SQL Server” 

然后查看“服务器资源管理器”，选中新建的“db.mdf”数据库，建立新表"students"

三、显示数据。

3.1、基于SqlDataSource的两层结构（View->DataBase）

接下来，我们来实现两层的数据访问。首先从“工具箱”中分别拖放一个SqlDataSource和GridView组件到default.aspx页面。如图，并设置GridView选中数据源"SqlDataSource1",通过该数据源来提供访问数据：

接下来，配置数据源SqlDataSource1：

以上这步会将连接配置保存到web.config中去，成功后你在web.config中将看到：

选择你需要读取的数据,一般选"*"所有就可以。

测试一下连接与SQL语句：

很简单吧，这样两层架构的结果就出来了：

完成后，我们可以再给它添加一些功能，如排序，分页，选中：

设定每页的数目

设定选中的样式

可以啦！

3.2、基于ObjectDataSource的三层结构（View->BLL->DAL）。

拖放ObjectDataSource与GridSource插件到Default.aspx

编写业务逻辑和数据访问层代码，结构如下：

各部分代码：

Student.cs

using System; using System.Data; using System.Configuration; using System.Linq; 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.Xml.Linq; namespace StuWeb.APP_Code.DAL { public class Student { private int _id; private string _name; public int ID { get { return _id; } } public string Name { get { return _name; } set { _name = value; } } // 默认构造函数 public Student() { } // 完整构造函数 public Student(int id, string name) { this._id = id; this._name = name; } // 用于插入数据 public Student(string name) { this._name = name; } } }

StudentDAL.cs

using System; using System.Data; using System.Configuration; using System.Linq; 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.Xml.Linq; using StuWeb.APP_Code.DAL; // Student类的命名空间 using System.Collections.Generic; // List的命名空间 namespace StuWeb.APP_Code.DAL { public class StudentDAL { public StudentDAL() { } public List<Student> GetAllStudents() { DataAccessLayer dbCourse = new DataAccessLayer(); List<Student> students = new List<Student>(); DataSet dsCourse = dbCourse.GetDataSet("select * from students"); foreach (DataRow dr in dsCourse.Tables[0].Rows) { int stuId = Convert.ToInt16(dr["id"].ToString()); string stuName = dr["name"].ToString(); Student student = new Student(stuId, stuName); students.Add(student); } return students; } } }

DataAccessLayer.cs（连接数据）

using System; using System.Data; using System.Data.SqlClient; using System.Configuration; using System.Web; using System.Web.Security; /// <summary> /// DataAcessLayer 为数据访问层，主要实现与数据库的连接与访问 /// </summary> public class DataAccessLayer { #region 构造器 public DataAccessLayer() { // 从web.config中获取连接字符串 this._connectionString = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; } #endregion #region 私有字段 private SqlConnection _sqlConnection; private SqlCommand _sqlCmd; private SqlDataAdapter _sqlDa; private string _connectionString; #endregion #region 方法 /// <summary> /// execute query sentence /// </summary> /// <param name="selectCommand">select query sentence</param> /// <returns>query result,if error return null</returns> public DataSet GetDataSet(string selectCommand) { DataSet ds = null; //set linking object _sqlConnection = new SqlConnection(_connectionString); //set command object _sqlCmd = new SqlCommand(); _sqlCmd.Connection = _sqlConnection; _sqlCmd.CommandType = CommandType.Text; _sqlCmd.CommandText = selectCommand; //init data adapter _sqlDa = new SqlDataAdapter(_sqlCmd); //init DataSet object ds = new DataSet(); //fill DataSet _sqlDa.Fill(ds); return ds; } /// <summary> /// execute nonquery sentence /// </summary> /// <param name="nonQueryCommand">delete update insert...</param> /// <returns>infected row number, if error return -2</returns> public int exeNonQuery(string nonQueryCommand) { int returnValue = 0; _sqlConnection = new SqlConnection(_connectionString); _sqlCmd = new SqlCommand(); _sqlCmd.Connection = _sqlConnection; _sqlCmd.CommandType = CommandType.Text; _sqlCmd.CommandText = nonQueryCommand; _sqlConnection.Open(); returnValue = _sqlCmd.ExecuteNonQuery(); _sqlConnection.Close(); return returnValue; } #endregion }

StudentBLL.cs

using System; using System.Data; using System.Configuration; using System.Linq; 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.Xml.Linq; using StuWeb.APP_Code.DAL; // Student与StudentDAL命名空间 using System.Collections.Generic; // List命名空间 namespace StuWeb.APP_Code.BLL { public class StudentBLL { public StudentBLL() { } public List<Student> GetStudents() { StudentDAL cdal = new StudentDAL(); return cdal.GetAllStudents(); } } }

选中业务对象：

选择SELECT的“替身”方法：

GridView匹配ObjectDataSource1数据源

与3.1一样，修改分页与选中属性后，最终结果：

注意：

在实现该项目时，有个问题出现，就是ObjectDataSource的配置时，无法访问StudentBLL.cs文件，估计是*.cs文件编译没通过，后来修正后就可以了，另外网上还有一种说法：

为什么引用不了App_Code里的类(CSDN讨论) 在Web应用程序中不能通过右键项目-〉”添加“-〉”添加ASP.NET文件夹“方式添加 。因为Web应用程序中App_Code就不存在 。 不过可以通过手动的方式创建，添加一个文件夹命名为App_Code就可以了。这样子创建的和在网站中创建的App_Code的在外观上一样的。 先不要高兴，没有这么简单的。 你在App_Code创建类时，会发现没有智能提示。在页面后台引用时，会抱错，说不存在。 解决的办法就是选中你的类文件，在属性中”高级“中的”生成操作“默认”内容“要改为编译就可以了。 到这就可以了。 也可以为Web应用程序项目中添加"App_LocalResources",在这个文件夹下添加类也是可以的，就不需要添加App_Code文件夹了。 你还可以随便建个文件夹，或者根本就不用文件夹直接添加了类，只要修改了类高级属性的”生成操作“改为”编译“就可以

总结：

  上面只是讲述了GridView如何显示数据，在下面的篇章，我将会继续完成《如何通过GridView实现数据库的CRUD操作》

更多：

源代码：

 http://download.csdn.net/source/1663776

GridView MSDN中文参考：

http://msdn.microsoft.com/zh-cn/library/2s019wc0.aspx

http://msdn.microsoft.com/zh-cn/library/h4f8ekch.aspx