ASP .NET动态网页设计案例教程 (13)

合集下载

相关主题

asp动态网页设计

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

第13章
使用开发学生
成绩管理系统
通过本章您将学习：
z ASP .NET数据库应用程序的开发过程
z开发学生成绩管理系统，包括登录页面、母版页面、主菜单页面、成绩查询页面、成绩维护页面等
ASP .NET动态网页设计案例教程(Visual Basic .NET版)
学习入门
(1) 学生成绩管理系统提供成绩查询和管理的功能。

(2) 学生使用该系统查询成绩。

(3) 教师使用该系统查询学生成绩。

(4) 教师使用该系统修改学生成绩。

(5) 教师使用该系统增加学生成绩。

(6) 教师使用该系统删除学生成绩。

(7) 学生成绩管理系统由下列ASP .NET Web页面组成。

表13-1 学生成绩管理系统页面组成
文件名称说明
login.aspx 用户登录页面
masterPage.master 母版页
mainMenu.aspx 主菜单页面
stuSelect.aspx 学生查询页面
selManage.aspx 教师查询学生成绩页面
updateManage.aspx 教师修改学生成绩页面
addManage.aspx 教师增加学生成绩页面
delManage.aspx 教师删除学生成绩页面
Error.aspx 无权访问提示页面
(8) 该系统所使用的数据信息保存在SQL Server数据库WebJWDB中，有数据表Users、
Exam。

Users数据表存放的是用户安全信息(用户ID、密码、身份)，Exam数据表存放的是学生的成绩信息。

任务1：创建登录主页面
操作任务：
学生成绩管理系统的默认主页是登录页面。

根据不同的登录用户(有教师和学生两种身份)显示不同的操作页面。

运行效果如图13.1所示。

(1) 当以教师身份(例如，用户ID：T2003001，密码：password)登录时，教师不仅可以
查询学生成绩，还可以对学生成绩进行维护，包括修改、增加、删除操作。

(2) 当以学生身份(例如，用户ID：S2007101，密码：password)登录时，学生可以查询
成绩，但不可以对成绩进行维护。

242
243
第13章使用ASP .NET
开发学生成绩管理系统
图13.1 login.aspx 运行效果
解决方案：
该login.aspx 页面使用如表13-2所示的login.aspx 的页面控件完成指定的任务。

表13-2 login.aspx 的页面控件及属性说明类型 ID
属性说明 TextBox txtName
姓名文本框 TextBox txtPsw TextMode ：Password 密码文本框
DropDownList DropDownList1 Items ：学生、教师身份选择
Button btnLoad Text ：登录登录按钮
Button btnCancel Text ：取消 CausesValidation ：False 取消按钮
RequiredFieldValidator RequiredFieldValidator1ControlToValidate ：txtName ErrorMessage ：*用户名不能为空验证用户名
不能为空
RequiredFieldValidator RequiredFieldValidator2ControlToValidate ：txtPsw ErrorMessage ：*密码不能为空验证密码不
能为空
Label Label1 ForeColor ：Red 去掉文本内容的设置输入信息错
误提示
Image Image1 ImageUrl ：~/picture/Task1.gif 显示图片
Table Table1 Style ：HEIGT:11px; BACKGROUND-COLOR: #99ccff
控制Web 控
件布局操作步骤：
(1) 使用数据库脚本文件自动创建完整的成绩管理数据库WebJWDB 和数据表Users 、Exam 的信息，并自动插入成批的数据表基本数据(具体步骤参看第8章练习2)。

(2) 运行Microsoft Visual Studio 2005应用程序。

(3) 新建ASP .NET Web 网站。

选择菜单命令【文件】→【新建】→【网站】，选择【ASP .NET 网站】，【位置】处保持默认设置【文件系统】；【语言】处保持默认设置Visual Basic ；单击
【浏览】按钮，在【选择位置】对话框中选择C:\ASPNET\Chapter13文件夹；单击【确定】按钮，将C:\ASPNET\Chapter13创建为Web 网站。

ASP .NET动态网页设计案例教程(Visual Basic .NET版)
(4) 新建文件夹picture。

点击C:\ASPNET\Chapter13网站，通过菜单命令【网站】→【新
建文件夹】，重命名为picture。

通过右击picture，执行相应快捷菜单中的【添加现有项】命令，添加图片Task1.gif。

(涉及的素材可到附录所指明的网址去下载。

)
(5) 创建默认主页。

先删除系统自动创建的Default.aspx。

通过菜单命令【文件】→【新
建文件】，或者单击工具栏上的(添加新项)按钮，选择【Web窗体】模板，在【名称】处输入文件的名称：Default.aspx；取消选择【将代码放在单独的文件中】复选框，在C:\ASPNET\Chapter16网站中新建一个名为Default.aspx的学生成绩管理系统默认主页，利用Page_Load事件函数直接跳转到登录页面，代码如下。

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
Response.Redirect("Login.aspx")
End Sub
(6) 新建登录页面。

选择菜单命令【文件】→【新建文件】，或者单击工具栏上的(添
加新项)按钮，打开【添加新项】对话框，选择【Web窗体】模板；在【名称】处输入文件的名称：login.aspx，单击【添加】按钮，在C:\ASPNET\Chapter13 网站中创建一个名为login.aspx的ASP .NET页面。

(7) 设计登录页面。

选择【设计】选项卡，首先选择【布局】菜单下的【插入表】命
令插入表格，如图13.2所示设置单元格背景。

然后从【标准】工具箱中用鼠标拖动如表13-2所示的控件到设计页面的相应位置，并依照如表13-2所示的内容在【属性】窗口中设置各控件属性。

图13.2 login.aspx页面的设计效果
(8) 生成登录页面事件函数。

双击【登录】按钮，系统会自动生成一个名为btnLoad_Click
的ASP .NET事件函数，同时打开代码编辑窗口，添加如下粗体阴影语句。

<%@ Page Language="VB" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.Sql" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
244
第13章使用开发学生成绩管理系统
<script runat="server">
Protected Sub btnLoad_Click(ByVal sender As Object, ByVal e As System.EventArgs)
If Page.IsValid Then '判断页面验证是否通过
Dim conn As SqlClient.SqlConnection '创建链接
conn = New SqlClient.SqlConnection("Server=.\SQLEXPRESS; Integrated Security=True;database=WebJWDB")
conn.Open() '打开链接
Dim cmdstr As String '创建数据库操作语句
cmdstr = "select * from Users where UserID='" + txtName.Text.Trim()
+ "' and Passwd='" + txtPsw.Text.Trim() + "' and Flag='" + DropDownList1. SelectedIndex.ToString() + "'"
Dim cmd As SqlClient.SqlCommand '创建命令
cmd = New SqlClient.SqlCommand(cmdstr, conn)
Dim sdr As SqlClient.SqlDataReader = cmd.ExecuteReader() '执行
命令，并生成SqlDataReader对象
If sdr.Read() Then '登录成功，保存用户身份
If DropDownList1.SelectedIndex.ToString() = "0" Then '学生身份
Session("flag") = "student"
ElseIf DropDownList1.SelectedIndex.ToString() = "1" Then '
教师身份
Session("flag") = "teacher"
End If
Response.Redirect("mainMenu.aspx") '跳转到主菜单页面mainMenu.aspx Else
Label1.Text = "您输入的用户名或密码有误！" '登录失败时提示错误信息
End If
conn.Close() '关闭链接
End If
End Sub
</script>
(9) 保存login.aspx和Default.aspx文件，并运行Default.aspx文件，观察运行效果。

操作小结：
(1) 数据库中数据表的创建可以在企业管理器中进行，也可以在查询分析器中通过
SQL语句实现。

(2) 图片可以通过控件Image显示，也可直接拖入相应的位置。

(3) 对数据库操作需要引入命名空间：<%@ Import Namespace="System.Data" %> ；
<%@ Import Namespace="System.Data.Sql" %> 。

(4) Page.IsValid的使用，避免了在用户输入错误信息的情况下与服务器进行信息通信。

(5) 用户登录成功时需保存其身份，方便以后对其权限的设置。

此例子中是通过Session
对象实现的。

245
ASP .NET动态网页设计案例教程(Visual Basic .NET 版)
练习1：完善登录页面的功能
操作任务：
在任务1的基础上完成【取消】按钮的事件代码。

运行效果如图13.3(a)和图13.3(b)所示。

(a) 输入信息时的效果 (b)
单击【取消】按钮时的效果
图13.3 login.aspx取消操作的运行效果
操作步骤：
(1) 打开ASP .NET Web网站。

选择菜单命令【文件】→【打开】→【网站】，选择
C:\ASPNET\Chapter13文件夹，打开第13章的网站。

(2) 生成事件函数。

在解决方案管理器的项目C:\ASPNET\Chapter13中双击login.aspx。

选择【设计】选项卡，双击【取消】按钮，系统会自动生成一个名为btnCancel_Click的ASP .NET事件函数，同时打开代码编辑窗口，添加如下粗体阴影语句。

Protected Sub btnCancel_Click(ByVal sender As Object, ByVal e As System.
EventArgs)
txtName.Text = "" '用户ID清空
txtPsw.Text = "" '登录密码清空
DropDownList1.SelectedIndex = 0 '默认设置为学生
Label1.Text = "" '删除错误提示信息
End Sub
(3) 保存并运行程序login.aspx，观察运行效果。

操作小结：
(1) 取消输入操作，只需要将输入信息清空即可。

(2) 取消DropDownList的用户更改项，只需要将其默认选项索引设置为0即可。

(3) 同时需删除错误提示信息框内容。

246
247
第13章使用ASP .NET 开发学生成绩管理系统
任务2：创建母版页
操作任务：
创建母版页masterPage.master 。

解决方案：
该母版页使用如表13-3所示的母版页控件完成指定的任务。

表13-3 母版页控件及属性说明类型 ID
属性说明 Image Image1 ImageUrl ：~/picture/task2.jpg 显示图片 Button Button1
Text ：主菜单
BackColor ：GhostWhite CausesValidation ：False
主菜单导航按钮 Button Button2
Text ：本学期成绩
BackColor ：GhostWhite CausesValidation ：False
学生查询成绩按钮 Button Button3
Text ：查询学生信息
BackColor ：GhostWhite CausesValidation ：False
教师查询学生成绩 Button Button4
Text ：修改学生成绩
BackColor ：GhostWhite CausesValidation ：False
教师修改学生成绩 Button Button5
Text ：增加学生成绩
BackColor ：GhostWhite CausesValidation ：False
教师增加学生成绩 Button Button6
Text ：删除学生成绩
BackColor ：GhostWhite CausesValidation ：False
教师删除学生成绩 Button Button7
Text ：退出系统
BackColor ：GhostWhite CausesValidation ：False
退出系统导航按钮 Label Label1 ForeColor ：#33CCFF Text ：学生成绩查询
学生操作权限范围 Label Label2 ForeColor ：#33CCFF Text ：学生成绩管理
教师操作权限范围
HyperLink HyperLink1
NavigateUrl ：~/mainMenu.aspx
Font-Size ：X-Large Text ：主菜单主菜单链接导航
248
ASP .NET动态网页设计案例教程(Visual Basic .NET版)
续表类型ID 属性说明
LinkButton LinkButton1
Font-Size：X-Large
Text：退出系统
CausesValidation：False
退出系统链接导航Table
页脚BACKGROUND-COLOR：lightgreen
导航BACKGROUND-COLOR：ghostwhite；
BORDER：lightgreen
控制布局(
在样式
中设置相关属性) 操作步骤：
(1) 添加图片。

在资源管理器的项目中右击文件夹picture，选择相应快捷菜单中的【添加现有项】命令，添加图片Task2.jpg。

(涉及的素材可到本书所指明的网址去下载。

)
(2) 添加母版页。

在解决方案管理器的项目C:\ASPNET\Chapter13上右击，选择【添加新项】命令，在弹出的对话框中选择【母版页】，在【名称】处输入文件的名称：masterPage.master，取消选中【将代码放在单独的文件中】复选框，单击【添加】按钮。

(3) 母版页界面布局设计。

单击【设计】选项卡，切换到【设计】视图。

剪切ContentPlaceHolder控件，选择菜单命令【布局】→【插入表】，插入3行2列的表格。

合并第1行单元格，合并2、3行左边单元格，从而分为4部分：页眉、页脚、导航、内容模块。

将剪切掉的ContentPlaceHolder控件粘贴到内容模块中。

然后从【标准】工具箱中用鼠标拖动如表13-3中所示的控件到设计页面相应的位置，如图13.4所示，并依照如表13-3所示在【属性】窗口中设置控件的属性。

图13.4 母版页masterPage.master的设计效果
第13章使用开发学生成绩管理系统
(4) 生成事件函数。

分别双击【Button】按钮和【LinkButton】按钮，系统会自动生成
相应的ASP .NET事件函数，同时打开代码编辑窗口。

分别添加事件的处理代码，如下粗
体阴影语句所示。

操作小结：
(1) 母版页可以根据需要设计成多个模块。

(2) 在导航部分的按钮事件中，通过Session变量的值进行用户身份的验证，以控制不250
251
同用户的访问权限。

有3种情况：Session("flag")的值为teacher ，表示教师身份；
Session("flag")的值为student ，表示学生身份；Session("flag")的值为空，表示没有登录，返回到登录页面。

(3) 退出系统时需清空Session 变量值，使用方法Abandon()：Session.Abandon()。

(4) 母版页设计的是一组页面的公共部分功能。

应用母版页之后，可以通过修改母版页，实现对一组页面的统一布局和修改。

(5) 母版页创建之后，开发人员可以将主要精力放在内容页具体功能的实现上。

练习2：使用母版页创建主菜单页面
操作任务：
利用任务
2中创建的母版页，设计主菜单页面mainMenu.aspx ，其运行效果如图13.5所示。

图13.5 mainMenu.aspx 程序运行效果
解决方案：
该mainMenu.aspx Web 页面使用母版页完成指定的任务。

操作步骤：
(1) 添加ASP .NET 页面。

在解决方案管理器的项目C:\ASPNET\Chapter13上右击，选择【添加新项】命令，在弹出的对话框中选择【Web 窗体】模板，在【名称】处输入文件的名称：mainMenu.aspx ，取消选中【将代码放在单独的文件中】复选框，选中【选择母版页】复选框，单击【添加】按钮。

在弹出的【选择母版页】对话框中选择任务2中创建的母版页masterPage.master ，单击【确定】按钮。

(2) 观察ASP .NET 页面效果。

选择【设计】选项卡，切换到【设计】视图观察效果。

(3) 保存并运行mainMenu.aspx 文件，观察运行效果。

操作小结：
在创建Web页面时选中【选择母版页】复选框，即可将母版页应用到此页面。

任务3：使用母版页创建学生成绩查询页面
操作任务：
使用母版页设计程序stuSelect.aspx，实现学生查询个人成绩的功能，其运行效果如图13.6所示。

(a) 登录后的主菜单页面 (b)
单击【本学期成绩】按钮查询成绩
图13.6 stuSelect.aspx程序运行效果
解决方案：
stuSelect.aspx页面使用如表13-4所示的stuSelect.aspx的页面控件完成指定的任务。

表13-4 stuSelect.aspx的页面控件及属性说明
类型ID 属性说明TextBox TextBox1 【输入学号】文本框Button Button1 Text：查询【查询】按钮
RequiredFieldValidator RequiredFieldValidator1
ControlToValidate：TextBox1
ErrorMessage：*请输入学号
ForeColor：Red
验证控件，学号
文本框不能为空DetailsView DetailsView1
单击控件智能标记，自动套
用格式：专业版
显示查询信息Label Label1
ForeColor：Blue
去掉文本内容(Text)的设置
用于显示提示信息Table Table1 控制布局操作步骤：
(1) 添加ASP .NET页面。

在解决方案管理器的项目C:\ASPNET\Chapter13上右击，选
252
择【添加新项】命令，在弹出的对话框中选择【Web窗体】，在【名称】处输入文件的名称：stuSelect.aspx，取消选中【将代码放在单独的文件中】复选框，选中【选择母版页】复选
框，单击【添加】按钮。

在弹出的【选择母版页】对话框中，选择任务2中创建的母版页masterPage.master，单击【确定】按钮。

(2) 设计页面。

选择【设计】选项卡，在Content控件中，首先选择菜单命令【布局】→
【插入表】插入表格，然后从【标准】、【数据】工具箱中用鼠标拖动如表13-4所示的控件
到设计页面的相应位置，如图13.7所示，并依照如表13-4所示在【属性】窗口中设置控
件的属性。

图13.7 stuSelect.aspx页面设计效果
(3) 生成事件函数，双击【查询】按钮，系统会自动生成一个名为Button1_Click的
ASP .NET事件函数，同时打开代码编辑窗口。

加入如下粗体阴影语句。

<%@ Page Language="VB" MasterPageFile="~/masterPage.master" Title="Untitled Page" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.Sql" %>
<script runat="server">
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
If Page.IsValid Then '验证通过
'创建链接，并打开链接
Dim conn As SqlClient.SqlConnection
conn = New SqlClient.SqlConnection("Server=.\SQLEXPRESS; Integrated Security=True;database=WebJWDB")
conn.Open()
'创建操作数据库的命令
253
Dim cmdstr As String = "select * from Exam where StuID='" + TextBox1.Text.Trim() + "'"
Dim cmd As SqlClient.SqlCommand
cmd = New SqlClient.SqlCommand(cmdstr, conn)
'创建适配器
Dim sda As SqlClient.SqlDataAdapter
sda = New SqlClient.SqlDataAdapter()
sda.SelectCommand = cmd
'创建数据集，并填充数据表数据
Dim ds As Data.DataSet = New Data.DataSet()
sda.Fill(ds, "stu")
'将查询结果绑定到数据显示控件DetailsView
If ds.Tables("stu").Rows.Count Then
DetailsView1.DataSource = ds.Tables("stu")
DetailsView1.DataBind()
Else '不存在所要查询的信息
Label1.Text = "没有您所要查的信息！"
End If
'关闭链接
conn.Close()
End If
End Sub
</script>
(4) 保存并运行stuSelect.aspx文件。

将login.aspx设为起始页，测试运行程序并观察运
行效果。

(5) 将stuSelect.aspx另存为selManage.aspx(教师查询学生成绩页面)。

操作小结：
(1) 应用了母版页的ASP .NET页面stuSelect.aspx称为内容页。

内容页的设计只允许在
Content控件中进行。

(2) DetailsView控件以列表形式显示一条记录。

(3) 学生成绩查询页面stuSelect.aspx与教师查询学生成绩页面selManage.aspx功能类
似，只是访问权限不同。

stuSelect.aspx页面只有学生才可以访问，而selManage.aspx页面是教师才有访问权。

任务4：使用母版页创建教师修改学生成绩页面
操作任务：
使用母版页设计程序updateManage.aspx，实现教师修改学生成绩的功能。

教师登录后，单击导航模块中的【修改学生成绩】按钮，转到updateManage.aspx页面，此页面运行效果如图13.8所示。

254
(a) 输入要修改学生学号，单击【查询】按钮 (b)
单击【编辑】按钮时的效果
(c) 更改文本框中信息后单击【更新】按钮时的效果
图13.8 updateManage.aspx页面运行效果
解决方案：
updateManage.aspx页面使用如表13-5所示的updateManage.aspx的页面控件完成指定的任务。

表13-5 updateManage.aspx的页面控件及属性说明
类型ID 属性说明TextBox TextBox1 学号文本框
Button Button1 Text：查询查询按钮
RequiredFieldValidator RequiredFieldValidator1ErrorMessage：*请输入学生的学号ControlToValidate：TextBox1
验证控件(文本框
不允许为空)
DetailsView DetailsView1 显示信息，编辑信息
Label Label ForeColor：Blue
去掉文本内容(Text)的设置
信息提示
Table Table1、Table2、Table3控制布局
255
操作步骤：
(1) 添加ASP .NET页面。

在解决方案管理器的项目C:\ASPNET\Chapter13上右击，选
择【添加新项】命令，在弹出的对话框中选择【Web窗体】模板，在【名称】处输入文件
的名称：updateManage.aspx，取消选中【将代码放在单独的文件中】复选框，选中【选择
母版页】复选框，单击【添加】按钮。

在弹出的【选择母版页】对话框中，选择任务2中
创建的母版页masterPage.master，单击【确定】按钮。

(2) 设计页面。

选择【设计】选项卡，在Content控件中，首先选择菜单命令【布局】→
【插入表】插入表格，然后从【标准】、【数据】工具箱中用鼠标拖动如表13-5所示的控件
到设计页面的相应位置，如图13.10所示，并依照如表13-5所示在【属性】窗口中设置控
件的属性。

设置DetailsView控件的数据绑定字段。

①单击DetailsView控件的智能标记，选择【添加新字段】命令，将弹出【添加字段】
对话框。

选择字段类型，输入页眉文本、数据字段，如图13.9(a)所示。

②为DetailsView控件分别添加BoundField字段类型的学号、姓名、性别、系别、政
治、英语、数学、计算机字段。

数据字段分别对应数据表Exam中的字段名：StuID、StuName、
Gender、Department、Politics、English、Maths、Computer，并在添加学号、姓名、性别、
系别字段的同时，选中【只读】复选框。

③为DetailsView控件添加CommandField字段类型的编辑字段。

在【选择字段类型】
下拉列表框中选择CommandField，在【页眉文本】处输入【编辑】，按钮类型选择Link，
并选中【编辑/更新】和【显示取消按钮】复选框，单击【确定】按钮。

如图13.9(b)所示。

④单击DetailsView控件的智能标记，选择【编辑字段】命令，在弹出的【字段】对
话框中，取消选中【自动生成字段】复选框，单击【确定】按钮，如图13.9(c)所示。

(a) 添加字段 (b)
添加命令字段
(c) 编辑字段
图13.9 设置DetailsView控件的数据绑定信息
256
⑤设置主键。

在DetailsView控件的【属性】窗口中，设置属性DataKayNames的值为StuID。

(3) 生成事件函数。

在如图13.10所示的页面设计窗口，双击【查询】按钮，系统会自动生成一个名为Button1_Click的ASP .NET事件函数，同时打开事件编辑窗口。

在
DetailsView
控件的【属性】窗口中，单击事件图标，分别双击ModeChanging操作和
ItemUpdating操作，如图13.11所示，系统会自动生成相应的名为DetailsView1_ ModeChanging和DetailsView1_ItemUpdating的ASP .NET事件函数，同时打开事件编辑
窗口。

图13.10 updateManage.aspx页面设计效果图13.11 DetailsView的事件函数
(4) 分别加入事件的处理代码。

在ASP .NET相应事件函数体中加入如下粗体阴影语句。

<%@ Page Language="VB" MasterPageFile="~/masterPage.master" Title="Untitled Page" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.Sql" %>
<script runat="server">
'绑定函数：
Protected Sub bind(ByVal stuNum As String)
'创建链接，并打开链接
Dim conn As SqlClient.SqlConnection
conn = New SqlClient.SqlConnection("Server=.\SQLEXPRESS; Integrated Security=True;database=WebJWDB")
conn.Open()
'创建操作数据库的命令
Dim cmdstr As String = "select * from Exam where StuID='" + stuNum + "'"
Dim cmd As SqlClient.SqlCommand
cmd = New SqlClient.SqlCommand(cmdstr, conn)
'创建适配器
257
Dim sda As SqlClient.SqlDataAdapter
sda = New SqlClient.SqlDataAdapter()
sda.SelectCommand = cmd
'创建数据集，并填充数据表数据
Dim ds As Data.DataSet = New Data.DataSet()
sda.Fill(ds, "stu")
'将查询结果绑定到数据显示控件DetailsView
If ds.Tables("stu").Rows.Count Then
DetailsView1.DataSource = ds.Tables("stu")
DetailsView1.DataBind()
Else '不存在所要查询的信息
Label1.Text = "没有您要修改的信息！"
End If
'关闭链接
conn.Close()
End Sub
'查询学生成绩：
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
If Page.IsValid Then
bind(TextBox1.Text.Trim())
End If
End Sub
'编辑：
Protected Sub DetailsView1_ModeChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DetailsViewModeEventArgs)
DetailsView1.ChangeMode(e.NewMode)
bind(TextBox1.Text.Trim())
End Sub
'更新：
Protected Sub DetailsView1_ItemUpdating(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DetailsViewUpdateEventArgs)
'获取可更新的数据
Dim txtbox As TextBox = (DetailsView1.Rows(4).Cells(1).Controls(0))
Dim politics As String = txtbox.Text.Trim()
txtbox = (DetailsView1.Rows(5).Cells(1).Controls(0))
Dim english As String = txtbox.Text.Trim()
txtbox = (DetailsView1.Rows(6).Cells(1).Controls(0))
Dim maths As String = txtbox.Text.Trim()
txtbox = (DetailsView1.Rows(7).Cells(1).Controls(0))
Dim computer As String = txtbox.Text.Trim()
'创建链接，并打开链接
Dim conn As SqlClient.SqlConnection
conn = New SqlClient.SqlConnection("Server=.\SQLEXPRESS; Integrated Security=True;database=WebJWDB")
conn.Open()
'创建操作数据库的命令
258
Dim cmdstr As String = "update Exam set Politics=" + politics + ", English=" + english + ", Maths=" + maths + ", Computer=" + computer + "
where StuID='" + DetailsView1.DataKey.Value.ToString().Trim() + "'"
Dim cmd As SqlClient.SqlCommand
cmd = New SqlClient.SqlCommand(cmdstr, conn)
'执行命令
If cmd.ExecuteNonQuery() Then
Label1.Text = "修改成功！"
Else
Label1.Text = "修改操作失败！"
End If
'关闭链接
conn.Close()
'结束更新模式，使处于只读模式
DetailsView1.ChangeMode(DetailsViewMode.ReadOnly)
bind(TextBox1.Text.Trim())
End Sub
</script>
(5) 保存并运行updateManage.aspx文件，观察运行效果。

操作小结：
(1) 为DetailsView控件添加字段，并指定数据字段，使得与数据表中指定字段相关联。

(2) 通过为DetailsView控件添加命令字段实现DetailsView控件中信息的编辑，此编辑
功能需要通过编码实现。

(3) 事件DetailsView1_ModeChanging是在DetailsView控件模式更改前被触发的，事
件DetailsView1_ItemUpdating是在对数据源操作之前被触发的。

这两个事件相结合完成所
要求的任务。

(4) 函数bind是自定义的绑定函数。

(5) 单击【编辑】按钮时，需要在DetailsView1_ModeChanging事件中编码实现模式的
更改，并重新绑定。

语句如下。

DetailsView1.ChangeMode(e.NewMode)
bind(TextBox1.Text.Trim())
(6) 在对数据表更新后，需编码实现DetailsView控件退出编辑模式，恢复为只读模式，
并重新绑定。

语句如下。

DetailsView1.ChangeMode(DetailsViewMode.ReadOnly)
bind(TextBox1.Text.Trim())
练习3：使用母版页创建教师增加学生成绩页面
操作任务：
使用母版页设计程序addManage.aspx，实现教师增加学生成绩的功能。

教师登录后，
259
单击导航模块中的【增加学生成绩】按钮，转到addManage.aspx页面，此页面运行效果如图13.12所示。

(a) 输入添加学生成绩信息 (b)
单击【添加】按钮后的运行效果
图13.12addManage.aspx页面运行效果
解决方案：
addManage.aspx页面使用如表13-6所示的addManage.aspx的页面控件完成指定的任务。

表13-6 addManage.aspx的页面控件及属性说明
类型ID 属性说明TextBox TextBox1 【学生学号】文本框TextBox TextBox2 【学生姓名】文本框
RadioButtonList RadioButtonList1 Items：男(默认选项)、女
RepeatDirection：Horizontal
【学生性别】单选按钮
TextBox TextBox3 【所在系别】文本框TextBox TextBox4 【政治成绩】文本框TextBox TextBox5 【英语成绩】文本框TextBox TextBox6 【数学成绩】文本框TextBox TextBox7 【计算机成绩】文本框
RequiredFieldValidator RequiredFieldValidator1ControlToValidate：TextBox1 ErrorMessage：*不允许为空
必填项验证控件
RequiredFieldValidator RequiredFieldValidator2ControlToValidate：TextBox2 ErrorMessage：*不允许为空
必填项验证控件
RequiredFieldValidator RequiredFieldValidator3ControlToValidate：TextBox4 ErrorMessage：*不允许为空
必填项验证控件
RequiredFieldValidator RequiredFieldValidator4ControlToValidate：TextBox5 ErrorMessage：*不允许为空
必填项验证控件
RequiredFieldValidator RequiredFieldValidator5ControlToValidate：TextBox6 ErrorMessage：*不允许为空
必填项验证控件
260
续表类型ID 属性说明
RequiredFieldValidator RequiredFieldValidator6ControlToValidate：TextBox7 ErrorMessage：*不允许为空
必填项验证控件
RangeValidator RangeValidator1 ErrorMessage：*0到100之间ControlToValidate：TextBox4 MaximumValue：100
MinimumValue：0
Type：Integer
值范围验证控件
RangeValidator RangeValidator2 ErrorMessage：*0到100之间ControlToValidate：TextBox5 MaximumValue：100
MinimumValue：0
Type：Integer
值范围验证控件
RangeValidator RangeValidator3 ErrorMessage：*0到100之间ControlToValidate：TextBox6 MaximumValue：100
MinimumValue：0
Type：Integer
值范围验证控件
RangeValidator RangeValidator4 ErrorMessage：*0到100之间ControlToValidate：TextBox7 MaximumValue：100
MinimumValue：0
Type：Integer
值范围验证控件
Button Button1 Text：添加【添加】按钮
Button Button2 Text：取消
CausesValidation：False
【取消】按钮
Label Label1 ForeColor：Blue
清除Text属性设置
显示信息
Table 控制布局操作步骤：
(1) 新建ASP .NET页面。

选择菜单命令【文件】→【新建文件】，或者单击工具栏上
的(添加新项)按钮，打开【添加新项】对话框，选择【Web窗体】模板；在【名称】处
输入文件的名称：addManage.aspx；取消选中【将代码放在单独的文件中】复选框，选中
【选择母版页】复选框，单击【添加】按钮。

在弹出的【选择母版页】对话框中，选择任务
2中创建的母版页masterPage.master，单击【确定】按钮。

(2) 设计addManage.aspx页面。

选择【设计】选项卡，在Content控件中，首先选择菜
单命令【布局】→【插入表】插入表格，如图13.13所示设计单元格背景。

然后从【标准】
工具箱中用鼠标拖动如表13-6所示的控件到设计页面的相应位置，如图13.13所示，并依
照如表13-6所示在【属性】窗口中设置控件的属性。

261
图13.13 addManage.aspx页面设计效果
(3) 生成按钮事件。

在设计窗口双击【添加】按钮，系统将自动生成一个名为
Button1_Click的ASP .NET事件函数；在设计窗口双击【取消】按钮，系统将自动生成一个名为Button2_Click的ASP .NET事件函数，同时打开代码编辑窗口。

(4) 分别加入事件的处理代码。

在ASP .NET相应事件函数体中加入如下粗体阴影语句。

<%@ Page Language="VB" MasterPageFile="~/masterPage.master" Title="Untitled Page" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.Sql" %>
<script runat="server">
'添加操作:
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
If Page.IsValid Then '验证通过
'创建链接，并打开链接
Dim conn As SqlClient.SqlConnection
conn = New SqlClient.SqlConnection("Server=.\SQLEXPRESS;
Integrated Security=True;database=WebJWDB")
conn.Open()
'创建操作数据库的命令
Dim cmdstr As String = "select * from Exam where StuID='" + TextBox1.Text.Trim() + "'"
Dim cmd As SqlClient.SqlCommand
cmd = New SqlClient.SqlCommand()
mandText = cmdstr
cmd.Connection = conn
'执行命令
Dim sdr As SqlClient.SqlDataReader = cmd.ExecuteReader()
262。