2022年ASP.NET动态网页设计案例教程[整 .pdf

第 13 章 使用 ASP .NET 开发学生 成绩管理系统 通过本章您将学习：zASP .NET 数据库应用程序的开发过程z开发学生成绩管理系统，包括登录页面、母版页面、主菜单页面、成绩查询页面、成绩维护页面等 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 29 页 - - - - - - - - - 242 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)登录时，学生可以查询成绩，但不可以对成绩进行维护。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 29 页 - - - - - - - - - 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 取消按钮RequiredFieldValidatorRequiredFieldValidator1ControlToValidate ：txtName ErrorMessage：* 用户名不能为空验证用户名不能为空RequiredFieldValidatorRequiredFieldValidator2ControlToValidate ：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:ASPNETChapter13 文件夹；单击【确定】按钮，将 C:ASPNETChapter13 创建为 Web 网站。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 29 页 - - - - - - - - - 244 ASP .NET动态网页设计案例教程(Visual Basic .NET版 ) (4) 新建文件夹picture。 点击 C:ASPNETChapter13 网站，通过菜单命令 【网站】【新建文件夹】，重命名为picture。通过右击 picture，执行相应快捷菜单中的【添加现有项】命令，添加图片Task1.gif。(涉及的素材可到附录所指明的网址去下载。) (5) 创建默认主页。 先删除系统自动创建的Default.aspx。通过菜单命令 【文件】 【新建文件】，或者单击工具栏上的(添加新项 )按钮，选择【 Web 窗体】模板，在【名称】处输入文件的名称：Default.aspx ；取消选择【将代码放在单独的文件中】复选框，在C:ASPNETChapter16 网站中新建一个名为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:ASPNETChapter13 网站中创建一个名为login.aspx的ASP .NET页面。(7) 设计登录页面。选择【设计】选项卡，首先选择【布局】菜单下的【插入表】命令插入表格， 如图 13.2 所示设置单元格背景。然后从【标准】工具箱中用鼠标拖动如表13- 2所示的控件到设计页面的相应位置，并依照如表13- 2 所示的内容在【属性】窗口中设置各控件属性。 login.aspx 页面的设计效果如图13.2 所示。图 13.2 login.aspx页面的设计效果(8) 生成登录页面事件函数。双击 【登录】按钮，系统会自动生成一个名为btnLoad_Click的 ASP .NET 事件函数，同时打开代码编辑窗口，添加如下粗体阴影语句。 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 29 页 - - - - - - - - - 245第 13 章 使用 ASP .NET开发学生成绩管理系统 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 (9) 保存 login.aspx 和 Default.aspx 文件，并运行Default.aspx 文件，观察运行效果。操作小结：(1) 数据库中数据表的创建可以在企业管理器中进行，也可以在查询分析器中通过SQL 语句实现。(2) 图片可以通过控件Image 显示，也可直接拖入相应的位置。(3) 对数据库操作需要引入命名空间： ； 。(4) Page.IsValid 的使用， 避免了在用户输入错误信息的情况下与服务器进行信息通信。(5) 用户登录成功时需保存其身份，方便以后对其权限的设置。此例子中是通过Session对象实现的。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 29 页 - - - - - - - - - 246 ASP .NET动态网页设计案例教程(Visual Basic .NET版 ) 练习 1：完善登录页面的功能操作任务：在任务 1 的基础上完成【取消】按钮的事件代码。运行效果如图13.3(a)和图 13.3(b)所示。(a) 输入信息时的效果 (b) 单击【取消】按钮时的效果图 13.3 login.aspx取消操作的运行效果操作步骤：(1) 打开ASP .NET Web 网站。选择菜单命令【文件】【打开】【网站】，选择C:ASPNETChapter13 文件夹，打开第13 章的网站。(2) 生成事件函数。 在解决方案管理器的项目C:ASPNETChapter13 中双击 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) 同时需删除错误提示信息框内容。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 29 页 - - - - - - - - - 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：主菜单主菜单链接导航名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 29 页 - - - - - - - - - 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:ASPNETChapter13 上右击， 选择【添加新项】命令，在弹出的对话框中选择【母版页】，在【名称】处输入文件的名称：masterPage.master ，取消选中【将代码放在单独的文件中】复选框，单击【添加】按钮。(3) 母版页界面布局设计。单击【设计】选项卡，切换到【设计】视图。剪切ContentPlaceHolder 控件，选择菜单命令【布局】【插入表】，插入 3 行 2 列的表格。合并第 1 行单元格，合并2、3 行左边单元格，从而分为4 部分：页眉、页脚、导航、内容模块。将剪切掉的ContentPlaceHolder 控件粘贴到内容模块中。然后从【标准】工具箱中用鼠标拖动如表13-3 中所示的控件到设计页面相应的位置，如图13.4 所示，并依照如表13- 3所示在【属性】窗口中设置控件的属性。图 13.4 母版页 masterPage.master的设计效果名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 29 页 - - - - - - - - - 249第 13 章 使用 ASP .NET开发学生成绩管理系统(4) 生成事件函数。分别双击【Button】按钮和【 LinkButton 】按钮，系统会自动生成相应的ASP .NET 事件函数，同时打开代码编辑窗口。分别添加事件的处理代码，如下粗体阴影语句所示。 主菜单 : Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Response.Redirect(mainMenu.aspx) End Sub 本学期成绩 : Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) If Session(flag).ToString().Trim() Is student Then 学生身份 Response.Redirect(stuSelect.aspx) 转 向 学 生 成 绩 查 询 页 面stuSelect.aspx ElseIf Session(flag).ToString().Trim() Is teacher Then 教师身份 Response.Redirect(Error.aspx) 转 向 无 权 访 问 信 息 提 示 页 面Error.aspx Else Response.Redirect(login.aspx) 需要登录后访问 End If End Sub 查询学生成绩 : Protected Sub Button3_Click(ByVal sender As Object, ByVal e As System.EventArgs) If Session(flag).ToString().Trim() Is student Then 学生身份 Response.Redirect(Error.aspx) 转 向 无 权 访 问 信 息 提 示 页 面Error.aspx ElseIf Session(flag).ToString().Trim() Is teacher Then 教师身份 Response.Redirect(selManage.aspx) 转 向 教 师 查 询 学 生 成 绩 页 面selManage.aspx Else Response.Redirect(login.aspx) 需要登录后访问 End If End Sub 修改学生成绩 : Protected Sub Button4_Click(ByVal sender As Object, ByVal e As System.EventArgs) If Session(flag).ToString().Trim() Is student Then 学生身份 Response.Redirect(Error.aspx) 转向无权访问信息提示页面Error.aspx ElseIf Session(flag).ToString().Trim() Is teacher Then 教师身份 Response.Redirect(updateManage.aspx) 转向教师修改学生成绩页面updateManage.aspx Else Response.Redirect(login.aspx) 需要登录后访问 End If 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 29 页 - - - - - - - - - 250 ASP .NET动态网页设计案例教程(Visual Basic .NET版 ) End Sub 增加学生成绩: Protected Sub Button5_Click(ByVal sender As Object, ByVal e As System.EventArgs) If Session(flag).ToString().Trim() Is student Then 学生身份 Response.Redirect(Error.aspx) 转 向 无 权 访 问 信 息 提 示 页 面Error.aspx ElseIf Session(flag).ToString().Trim() Is teacher Then 教师身份 Response.Redirect(addManage.aspx) 转向教师增加学生成绩页面 Else Response.Redirect(login.aspx) 需要登录后访问 End If End Sub 删除学生成绩: Protected Sub Button6_Click(ByVal sender As Object, ByVal e As System.EventArgs) If Session(flag).ToString().Trim() Is student Then 学生身份 Response.Redirect(Error.aspx) 转 向 无 权 访 问 信 息 提 示 页 面Error.aspx ElseIf Session(flag).ToString().Trim() Is teacher Then 教师身份 Response.Redirect(delManage.aspx) 转 向 教 师 删 除 学 生 成 绩 页 面delManage.aspx Else Response.Redirect(login.aspx) 需要登录后访问 End If End Sub 退出系统 : Protected Sub Button7_Click(ByVal sender As Object, ByVal e As System.EventArgs) 清除session，转向登录页面login.aspx Session.Abandon() Response.Redirect(login.aspx) End Sub 退出系统: Protected Sub LinkButton1_Click(ByVal sender As Object, ByVal e As System.EventArgs) 清除 session，转向登录页面login.aspx Session.Abandon() Response.Redirect(login.aspx) End Sub (5) 保存文件 masterPage.master 。操作小结：(1) 母版页可以根据需要设计成多个模块。(2) 在导航部分的按钮事件中，通过Session变量的值进行用户身份的验证，以控制不名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 29 页 - - - - - - - - - 251第 13 章 使用 ASP .NET开发学生成绩管理系统同用户的访问权限。 有 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:ASPNETChapter13 上右击，选择【添加新项】命令，在弹出的对话框中选择【Web 窗体】模板，在【名称】处输入文件的名称： mainMenu.aspx，取消选中【将代码放在单独的文件中】复选框，选中【选择母版页】复选框，单击【添加】按钮。在弹出的【选择母版页】对话框中选择任务2 中创建的母版页 masterPage.master ，单击【确定】按钮。(2) 观察 ASP .NET 页面效果。选择【设计】选项卡，切换到【设计】视图观察效果。(3) 保存并运行mainMenu.aspx 文件，观察运行效果。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 29 页 - - - - - - - - - 252 ASP .NET动态网页设计案例教程(Visual Basic .NET版 ) 操作小结：在创建 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：查询【查询】按钮RequiredFieldValidatorRequiredFieldValidator1ControlToValidate ：TextBox1 ErrorMessage：* 请输入学号ForeColor：Red 验证控件，学号文本框不能为空DetailsView DetailsView1 单击控件智能标记，自动套用格式：专业版显示查询信息Label Label1 ForeColor：Blue 去掉文本内容 (Text)的设置用于显示提示信息Table Table1 控制布局操作步骤：(1) 添加 ASP .NET 页面。在解决方案管理器的项目C:ASPNETChapter13 上右击，选名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 29 页 - - - - - - - - - 253第 13 章 使用 ASP .NET开发学生成绩管理系统择【添加新项】 命令， 在弹出的对话框中选择【Web 窗体】，在【名称】 处输入文件的名称：stuSelect.aspx，取消选中【将代码放在单独的文件中】复选框，选中【选择母版页】复选框，单击【添加】按钮。在弹出的【选择母版页】对话框中，选择任务2 中创建的母版页masterPage.master ，单击【确定】按钮。(2) 设计页面。选择【设计】选项卡，在Content 控件中，首先选择菜单命令【布局】【插入表】插入表格，然后从【标准】、 【数据】工具箱中用鼠标拖动如表13- 4 所示的控件到设计页面的相应位置，如图13.7 所示，并依照如表13- 4 所示在【属性】窗口中设置控件的属性。图 13.7 stuSelect.aspx页面设计效果(3) 生成事件函数，双击【查询】按钮，系统会自动生成一个名为Button1_Click的ASP .NET 事件函数，同时打开代码编辑窗口。加入如下粗体阴影语句。 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() 创建操作数据库的命令名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 29 页 - - - - - - - - - 254 ASP .NET动态网页设计案例教程(Visual Basic .NET版 ) 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 (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 所示。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 29 页 - - - - - - - - - 255第 13 章 使用 ASP .NET开发学生成绩管理系统(a) 输入要修改学生学号，单击【查询】按钮 (b) 单击【编辑】按钮时的效果(c) 更改文本框中信息后单击【更新】按钮时的效果图 13.8 updateManage.aspx 页面运行效果解决方案：updateManage.aspx页面使用如表13-5 所示的 updateManage.aspx的页面控件完成指定的任务。表 13- 5 updateManage.aspx的页面控件及属性说明类型ID 属性说明TextBox TextBox1 学号文本框Button Button1 Text：查询查询按钮RequiredFieldValidatorRequiredFieldValidator1ErrorMessage：*请输入学生的学号ControlToValidate：TextBox1 验证控件 (文本框不允许为空 ) DetailsView DetailsView1 显示信息，编辑信息Label Label ForeColor：Blue 去掉文本内容 (Text)的设置信息提示Table Table1、Table2、Table3控制布局名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 29 页 - - - - - - - - - 256 ASP .NET动态网页设计案例教程(Visual Basic .NET版 ) 操作步骤：(1) 添加 ASP .NET 页面。在解决方案管理器的项目C:ASPNETChapter13 上右击，选择【添加新项】命令，在弹出的对话框中选择【Web 窗体】模板，在【名称】处输入文件的名称： updateManage.aspx，取消选中【将代码放在单独的文件中】复选框，选中【选择母版页】复选框，单击【添加】按钮。在弹出的【选择母版页】对话框中，选择任务2 中创建的母版页masterPage.master ，单击【确定】按钮。(2) 设计页面。选择【设计】选项卡，在Content 控件中，首先选择菜单命令【布局】【插入表】插入表格，然后从【标准】、 【数据】工具箱中用鼠标拖动如表13- 5 所示的控件到设计页面的相应位置，如图13.10 所示，并依照如表13-5 所示在【属性】窗口中设置控件的属性。设置DetailsView 控件的数据绑定字段。 单击 DetailsView 控件的智能标记，选择【添加新字段】命令，将弹出【添加字段】对话框。选择字段类型