于来行

（周口师范学院，河南 周口 466001）

快速实现课程网站中数据显示及操作的方法

于来行

（周口师范学院，河南 周口 466001）

教学网站会经常对信息及资源进行管理，需要及时准确显示动态的信息，如何快速实现设计统一风格的页面及操作是很重要的。GridView控件进行数据显示和操作，方法简单易用，设计灵活。给出了GridView控件绑定数据源，编辑列和编辑模板等设计方法及应用技巧。

教学网站设计；数据显示；GridView控件

1 .引言

作为传统课堂教学之外的辅助环节，网络教学已作为一种全新的教学手段受到人们的关注，网站作为网络教学的一种平台被越来越多的使用。为了提高教学效果和教学效率，保证教学质量，结合目前开展的Asp.net课程教学的特点开发了Asp.net课程教学交流平台。该系统实现了网上浏览教学内容、观看教学视频、查看并下载课程资料、布置作业、提交作业、参与课堂讨论、浏览新闻等功能。

分析网站设计可以发现，网页中使用最频繁的就是数据控件及显示方式的设计，要实现统一风格而形式多样的显示方式，显示丰富的内容，可以通过选择相应的数据控件来实现动态页面数据的加载。要在多个页面中快速实现显示不同数据并进行增、删、改、查功能，选择一种合适的数据控件是必要的。

2 .技术介绍

2.1 GridView控件

ASP.NET提供的数据绑定技术和控件可以绑定任何数据源，与此同时还支持对这些数据源进行排序、分页、编辑等操作。数据绑定技术中常用的数据绑定控件的功能也比以前大大增强，其中最具有代表性的就是 GridView控件。GridView控件是以表格的形式把数据显示出来，它的工作原理是将数据源控件中的数据信息绑定、显示在表格中，或者是将存放在

DataSet数据集中的数据信息绑定、显示在表格中。具体数据绑定方法可以参考文献[1]和相关书籍。

3 .GridView控件绑定数据源

GridView控件要显示数据首先需要绑定数据源，其中在vs2005中主要有两种方法，一种是把SqlDataSource控件作为数据源，另一种是通过代码返回一个DataSet数据集作为数据源。

3.1 使用SqlDataSource控件

配置SqlDataSource控件，选择相应的数据库表及字段，然后在GridView控件中选择数据源为SqlDataSource控件ID。

3.2 使用DataSet数据集

在数据访问层或者页面代码中可以创建一个方法，通过对方法的调用返回一个DataSet数据集；本例给出在数据访问层中创建一个通用访问类，类中包含一个返回DataSet数据集的方法，主要代码如下所示，其中SqlCom是在页面调用时根据需要编辑的 SQL命令。连接字符串是通过读取web.config文件获取的，它可以放在类中定义，供类中的所有方法调。

在页面中我们可以通过这样的设置方式来指定GridView控件的数据源：

其中da为通用通用访问类的实例，例如在数据层创建了一个通用访问类SqLDataHelp类，那么此时可以创建一个对象实例为da来实现。

SqLDataHelp da = new SqLDataHelp ();

4 .GridView控件显示数据

利用以上GridView控件绑定数据源的方法可以实现数据的绑定，在没有任何设置的情况下，GridView控件将按照行列的方式显示所有数据源数据，通常情况下用SqlDataSource控件指定数据源后可以直接指定分页、编辑、删除等功能的操作，不需要编写代码，只需在SqlDataSource控件配置时的高级选项中选择自动生成即可，这种方式存在缺点是只能是对一张数据表实现操作，有一定的局限性。也可以编辑增、删、改、查语句，实现更为复杂的操作[2]。

利用编辑代码返回DataSet数据集作为数据源可以实现更为复杂的操作，这里可以在编辑列时显示不同的样式。首先编辑代码设置GridView的DataSource属性的值为DataSet数据集中的数据表，编辑列并绑定相应字段，设置DataField的值为字段名，HeaderText的值为标题名。

5 .课程网站开发中的应用

5.1 标准操作

5.1.1 数据源配置

标准显示方式用于课程资源管理、作业管理、新闻管理、帖子管理等管理功能时快速显示数据信息，并选择相应的记录进一步实现对数据的操作。为了快速实现数据的显示及相应的操作，我们可以选择 SqlDataSource控件或者 DataSet数据集作为GridView的数据源，在生成DataSet数据集时可以编辑一个通用的方法来实现。下面简要给出DataSet数据集作为数据源的指定语句，ExceDS(sqlstr)是3.2节给出的数据访问类对象的一个方法，返回一个指定sql语句的查询结果数据集，并且绑定到相应的GridView控件。调用公共类中的ExceDS方法，返回一个DataSet类型的数据集，并作为GridView控件的数据源

5.1.2 编辑列

GridView控件指定了数据源之后可以编辑列，如图 1我们选择可用字段设置数据显示的方式，一般选择BoundField来显示数据集中的数据，其他可用字段实现特殊的功能。这里主要使用CheckBoxField、ButtonField数据字段，CheckBoxField来控制选中记录，ButtonField控制选中记录的操作，删除、更新操作，这里需要指定CommandName属性的值，在GridView1_RowCommand事件代码中获取该命令，判断e.CommandName值为哪一个命令，编辑相应的代码实现不同操作。

图1 编辑列

5.2 个性化设计

GridView控件可以实现个性化显示数据的功能，这里主要使用 TemplateField可用字段，选择该列后，进入编辑模板选项进行设计。主要选择ItemTemplate项，在设计窗口中放入asp.net控件，像设计网页一样，唯一不同的是要给各个控件绑定相应的数据源字段。例如要显示一个帖子内容，可以在＜p＞＜/p＞标签内通过下面语句绑定内容字段，＜%# DataBinder.Eval(Container.DataItem, "ST_n_content") %＞，可以设置相应的显示格式，也可以设置控件的属性进行绑定，和编辑列中的设置方式相似。

6 .总结

网站作为网络教学的一种平台被越来越多的使用，教师要根据自己的教学情况快速的设计出一个网站是由必要的。因此在设计网站的过程中发展，使用一种统一的设计方法，能使网页效果一致，开发快捷，并有利于使用者进行操作。在此介绍了GridView控件在设计网页中的作用及方法，此控件有利于快速开发管理类及信息显示类网站。

[1] 郭文波. ASP.NET GridView控件的高级数据绑定与应用[J]. 电脑开发与应用，2011，（1）.

[2] 吴博. GridView控件的插入及处理方法的研究与实现[J]. 电脑编程技巧与维护，2010，（18）.

Fast implementation of curriculum website data display design method

YU Lai-hang

Teaching web will often use the information and resource management, need timely and accurate display dynamic information, how to quickly achieve unified design style page and the operate is very important. The data display and operation method of GridView control is easy to use and flexible to design. Introduced the design method and application skills of the GridView control data source binding, column and template editing .

Teaching web design; Data display; GridView Control

G434

A

1008-7427（2012）09-0113-02

2012-07-15

周口师范学院青年科研基金资助项目，项目编号：zknuqn201039A。

作者系周口师范学院计算机科学与技术学院讲师。