C#开发案例：在线考试系统及GridView控件使用

第11章在线考试系统（C# 3.5+Microsoft SQL Server 2000实现）482

通过阅读本系统设计，读者可以学到：

■验证不同身份的登录用户。

■随机抽取试题。

■如何实现考试计时功能

■如何实现试题无刷新

■如何实现系统自动评分

■合理地创建后台管理

11.1 开发背景483

11.2 系统分析483

11.2.1 需求分析483

11.2.2 系统功能描述483

为了保障整个系统的安全性，在线考试系统实现了分类验证的登录模块，通过此模块，可以对不同身份的登录用户进行验证，确保了不同身份的用户操作系统。在抽取试题上，系统使用随机抽取试题的方式，体现了考试的客观与公正。当考生答题完毕之后，提交试卷即可得知本次考试的得分，体现系统的高效性。在后台管理上，分后台管理员管理模块和试题管理模块。分别适应不同的用户，前者只有系统的高级管理员才能进入，对整个系统进行管理。而后者只允许教师登录，教师可以对自己任教的科目试题进行修改，并且可以查看所有参加过自己任教科目的学生成绩。

11.2.3 可行性分析483

根据《GB8567-2006计算机软件文档编制规范》中可行性分析的要求，指定可行性研究报表如下：

11.2.4 编写项目计划书484

11.3 系统设计486

11.3.1 系统目标486

本系统属于小型的在线考试系统，可以从数据库中随机抽取试题，并且可以对考生的答案评分。

●本系统采取人机交互的方式，界面美观友好，信息查询方便灵活，数据存储安全可靠。●实现从数据库中随机抽取试题。

●对用户输入的数据，进行严格的数据校验，尽可能地避免人为错误。

●实现对考试结果自动评分。

●实现教师和后台管理员对试题信息单独管理。

●系统应最大限度地实现易维护性和易操作性。

11.3.2 系统功能结构486

11.3.3 系统预览487

管理员权限

输入账号、密码后进入管理员管理界面如图1.5所示。

图1.5 管理员管理界面

。

（7）单击“科目信息管理”/“考试科目设置”菜单项，对考试科目信息进行添加操作，如图1.6所示。

图1.6 考试科目设置

（8）单击“考试结果管理”/“考试结果”菜单项，对考试结果进行查询及删除操作，如图1.7所示。

图1.7 考试结果

（9）单击“管理员信息维护”/“修改密码”菜单项，对管理员操作密码进行修改操作。

学生权限

学生登录后，只能进行考试答题操作，如图1.8所示。

图1.8 学生考试

教师权限

教师登录后，可对试题基本信息进行添加、修改、查询及删除操作。同时对学生考试成绩进行查询及删除操作。如果教师对现有的密码不满意，还以修改自己的密码，如图1.9所示。

图1.9 教师权限

11.3.4 业务流程图488

在线考试系统业务流程图如下：

11.3.5 程序运行环境489

本系统对其运行环境有一定的要求，具体如下：●系统开发平台：Microsoft Visual Studio2008

●系统开发语言：C#

●数据库管理系统软件：Microsoft SQL Server 2005 ●运行平台：Windows XP（SP2）以及以上版本

●运行环境：https://www.360docs.net/doc/b22737482.html, Framework SDK v3.5

●分辨率：最佳效果1024*768像素

11.3.6 数据库设计489

11.3.7 数据库概念设计489

即描绘各个数据表的实体E-T图

11.3.8 数据库逻辑结构设计490

11.3.9 文件夹组织结构492

每个网站都会有相应的文件夹组织结构，如网站中网页数目很多，可以将所有的网页及资源放在不同的文件夹中。如果网站中网页不是很多，可以将图片、公共类或者程序资源文件放在相应的文件夹中，而网页可以直接放在网站根目录下。本系统是按照前者组织文件夹结构排列的。

11.4 公共类设计493

11.5 登录模块设计495

11.5.1 登录模块概述495

不是所有人都可以参加在线考试系统，系统默认是不允许匿名登录的，只有使用管理员分配的账号和密码才能登录。

11.5.2 登录模块技术分析495

登录模块中，使用了验证码技术来防止用机器人软件反复自动登录。该技术是通过Random类实现的。

Random类：表示伪随机生成器，一种能够产生满足某些随机性统计要求的数字序列的设备，该类中最常用的是Random.Next方法。

Random.Next方法用于返回一个指定范围内的随机数。语法如下：

public virtual int Next （int minValue，int maxValue）

参数说明：minValue:返回随机数下界。maxValue：返回随机数上界。

返回值：一个大于或等于minValue且小于maxValue的32位带符号整数。

11.5.3 登录模块实现过程496

11.6 随机抽取试题模块设计497

11.6.1 随机抽取试题模块概述497

11.6.2 随机抽取试题模块技术分析498

11.6.3 随机抽取试题模块实现过程499

11.6.4 单元测试502

11.7 自动评分模块设计503

11.7.1 自动评分模块概述503

11.7.2 自动评分模块技术分析503

11.7.3 自动评分模块实现过程504

11.8 试题管理模块设计505

11.8.1 试题管理模块概述505

11.8.2 试题管理模块技术分析505

11.8.3 试题管理模块实现过程507

11.8.4 单元测试512

11.9 后台管理员模块设计513

11.9.1 后台管理员模块概述513

11.9.2 后台管理员模块技术分析514

11.9.3 后台管理员模块实现过程514

11.10 开发技巧与难点分析526

开发在线考试系统的随机抽取试题模块时，为了防止考生刷新考试页面后产生错误的考试结果，使用JavaScript脚本限制了鼠标右键、F5刷新键及BackSpace键，从而达到防止刷新的目的，使得考试页面更加安全、合理。关键代码如下：

在区域添加如下代码,当按某个键时激发keydown函数，并且屏蔽右键和选择功能。关键代码如下：

在线考试系统通过JavaScript脚本实现考试计时功能，规定考试在指定时间内交卷；否则，达到限定时间后，系统会强行提交试卷，并对其进行评分。关键代码如下：

11.11 GridView控件应用527

具体代码在ExamOnLine/teacher /TExaminationResult.aspx中。

GridView控件是https://www.360docs.net/doc/b22737482.html,的DataGrid控件的后继者。它是一个功能非常强大的通用控件，可以处理简单而常见的操作，如分页、排序、编辑或删除数据等。以尽可能少的数据实现双向数据绑定，该控件与新的数据源控件系列紧密结合，而且只要底层的数据源对象支持，它还可以直接处理数据源更新。它能定义多个主键字段、新的列类型以及样式和模板选项。

GridView支持大量属性，有如下几大类：行为、可视化设置、样式、状态和模板。

GridView 控件激发的事件：

GridView绑定

对列进行配置：如下代码把一个数据绑定的列添加到网格中：

绑定字段

BoundField类表示在一个数据绑定控件(诸如GridView 或DetailsView)中作为纯文本显示的一个字段。为了规定要显示的字段，把DataField属性设置为该字段的名称，要在头部或页脚部分显示一个标题，请分别设置HeaderText和FooterText属性；

按钮字段

按钮字段表示我们希望通过一个服务器端事件处理的任何操作，当该按钮被单击时，页面回发并激发一个RowCommand事件。

超链接字段

超链接列把用户指向一个不同的URL，该URL可以有选择地在一个内部框架中显示出来。如：

DataNavigateUrlFields="id" DataNavigateUrlFormatString="Flower.aspx?id={0}"

DataTextField="name" HeaderText="鲜花" />

当用户单击该按钮时，浏览器用Flower.aspx?id=XXX将鲜花id传出

CheckBox字段

CheckBoxField列是显示一个复选框的一个较简单的绑定列.

图像字段

I mageField列类型表示一个在数据绑定控件中作为图像显示的字段。

模板字段

有时候我们需要一些特殊格式的绑定字段，是定制列。这可以通过使用模板得到的结果。TemplateField列为该网格中的每一行提供一个个性化用户界面，这完全是由页面开发人员定义的，我们可以为名生成阶段定义模板，包括默认视图、原地编辑、标题和页脚。

一个模板化视图可以包含对我们正在创建的应用程序有意义的东西：服务器控件、文字和数据绑定表达式。

数据绑定表达式允许我们插入当前数据行中包含的值，然而，并非所有的模板都支持数据绑定表达式。

如下代码说明了如何为一个产品定义项目模板。该列显示在现行上，并包括产品的名称和一些有关产品包装的信息。

<%# Eval("productName") %>

available in<%# Eval("quantityperunit") %>

数据绑定语法

https://www.360docs.net/doc/b22737482.html,中，有如下两种数据绑定语法：

1、使用Eval方法

可计算数据绑定控件的模板中后期绑定数据表达式。Eval方法以数据字段的名称作为参数

Eval方法可诸数据绑定控件的模板中的后期绑定数据表达式。在运行时，Eval方法调用DataBinder对象的Eval方法，同时引用命名容器的当前数据项。命名容器通常是包含完整记录的数据绑定控件的最小组成部分，如GridView控件中的一行。

Eval方法以数据字段的名称作为参数，从事数据源的当前记录返回一个包含该字段值的字符串。字符串格式参数使用String类的Format方法定义的语法。

Eval是只读的方法论(定向数据绑定)，绑定的内容为不会提交回服务器。比如用户名，并不想让用户做任何修改，可以使用：

<%# Eval("UserName").ToString.Trim() %>

Eval还有一个重载的方法，可以实现格式化。比如需要用户的注册时间，可以使用：

<%# Eval("RegTime","{0:dd/MM/yyyy}") %>

其中0代表对应的PublishDate字段，而dd/MM/yyyy指明了最终显示文本的格式，它可能会显示为17/07/2009.

2、使用Bind方法

Bind方法与Eval方法有一些相似之处，但也存在很大的差异。虽然可以像使用Eval方法一样使用Bind方法来检索数据绑定字段的值，但当数据可以被修改是地，还是要使用Bind 方法。

Bind方法通常与输入控件一起使用，例如由编辑模式中的GridView行所呈现的TextBox 控件。当数据绑定控件将这些输入控件作为自身呈现的一部分创建时，该方法便可提取输入值。

Bind方法支持读/写功能(双向数据绑定)，该方法常常与输入控件(比如TextBox控件)一起使用，达到可更新数据的目的。比如图书的标题可以修改，可以设置为：

<%# Bind("Title") %>

GridView深入

1、高亮显示

当我们的鼠标移动到GridView的某一行时，该行加亮显示，

代码如下：

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) //判断是否为数据行，即排除表头和尾

{

if (e.Row.RowType == DataControlRowType.DataRow)

{

e.Row.Attributes.Add("onmouseover",

"currentcolor=this.style.backgroundColor;this.style.backgroundColor='yellow',this.style.fontWeig ht='bold'");

e.Row.Attributes.Add("onmouseout",

"this.style.backgroundColor=currentcolor,this.style.fontWeight=''");

}

}

如果需要高亮显示的不是整行，而是某个单元格，也可以使用该方法，比如我们要高亮显示价格是"199.00"的单元格，

代码为：

if (((flower.Models.Product)e.Row.DataItem).Price.Trim() == "199.00")

{

e.Row.Cells[3].BackColor = System.Drawing.Color.Yellow;

}

2、删除提示

我们在做删除操作的时候，都会需要一个提示，当用户确认后才进行删除操作，对于这种情况，我们一般采用模板列进行处理。代码如下：

3、GridView结合复选框的全选效果

有时候，我们需要删除多条记录，为方便用户使用，我们不希望每条记录删除一次，而希望有一个复选框，可以一次删除多条记录，而不是一次次的点删除确认。这时，可以使用复选框来实现多选的效果。

首先，创建模板列，并在其中放置CheckBox控件，编写客户端脚本，代码如下：

另外，还需要在“全选”前面的复选框上添加Onclick="GetAllCheckBox(this)"事件，GridView代码如下：

全选

4、固定表头

固定表头，是在下拉表格的情况下，表头跟随下移，使得表头相对用户和浏览器而言是在固定位置，可以使用户随时看清楚字段对应的内容。创建浮动样式代码如下：

还需将GridView中HeaderSytle的CssClass值设为Freezing

5、显示隐藏某一列

有时候，结果中的列太多也是一个烦恼，为了适应不同用户的需求，可能需要用户自己设置是否显示某些行。

现在要隐藏ID，编写代码如下：

oncheckedchanged="cbID_CheckedChanged" />

事件代码为：

protected void cbID_CheckedChanged(object sender, EventArgs e)

{

GridView1.Columns[2].Visible = !GridView1.Columns[2].Visible;

Response.Write("ID列现在的显示隐藏状态是："+GridView1.Columns[2].Visible.ToString());

}

6.GridView实现用“...”代替超长字符串：

解决方法：数据绑定后过滤每一行即可

for (int i = 0; i <= GridView1.Rows.Count - 1; i++)

{

DataRowView mydrv;

string gIntro;

if (GridView1.PageIndex == 0)

{

mydrv = myds.Tables["飞狐工作室"].DefaultView;//表名

gIntro = Convert.ToString(mydrv["家庭住址"]);//所要处理的字段

GridView1.Rows.Cells[3].Text = SubStr(gIntro, 2);

}

else

{

mydrv = myds.Tables["飞狐工作室"].DefaultView[i + (5 * GridView1.PageIndex)];

gIntro = Convert.ToString(mydrv["家庭住址"]);

GridView1.Rows.Cells[3].Text = SubStr(gIntro, 2);

}

}

调用的方法：

public string SubStr(string sString, int nLeng)

{

if (sString.Length <= nLeng)

{

return sString;

}

string sNewStr = sString.Substring(0, nLeng);

sNewStr = sNewStr + "...";

return sNewStr;

}

7.GridView显示隐藏某一列：

图2-点击显示的CheckBox后

解决方案：

public void bind()

{

string sqlstr = "select top 5 * from 飞狐工作室";

sqlcon = new SqlConnection(strCon);

SqlDataAdapter myda = new SqlDataAdapter(sqlstr, sqlcon);

DataSet myds = new DataSet();

sqlcon.Open();

myda.Fill(myds, "飞狐工作室");

GridView1.DataSource = myds;

GridView1.DataKeyNames = new string[] { "身份证号码" };

GridView1.DataBind();

sqlcon.Close();

GridView1.Columns[3].Visible = false;//一开始隐藏

CheckBox1.Checked = false;//如果不这样后面的代码会把他True

}

双击CheckBox1，在CheckedChanged方法里写上代码，最后代码如下：

protected void CheckBox1_CheckedChanged(object sender, EventArgs e)

{

GridView1.Columns[3].Visible=! GridView1.Columns[3].Visible;

Response.Write("GridView1的第4列现在的显示隐藏状态是："+GridView1.Columns[3].Visible.ToString());

}

注意：CheckBox1的AutoPostBack要True！

11.12 本章总结531

通过开发在线考试系统，总结出在线考试系统至少需要具备登录、随机抽取试题、答卷和评分4个部分，而其他一些功能或者模块都是间接地服务于这4个部分。当然，完善的在线考试系统，也要具备优良的后台管理模块，只有将后天管理模块设计完善，才能使整个系统变得更加灵活和容易维护。