2022年ASP.NET动态网页设计案例教程[整 .pdf
《2022年ASP.NET动态网页设计案例教程[整 .pdf》由会员分享,可在线阅读,更多相关《2022年ASP.NET动态网页设计案例教程[整 .pdf(29页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第 13 章 使用 ASP .NET 开发学生 成绩管理系统 通过本章您将学习:zASP .NET 数据库应用程序的开发过程z开发学生成绩管理系统,包括登录页面、母版页面、主菜单页面、成绩查询页面、成绩维护页面等 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页,共 29 页 - - - - - - - - - 242 ASP .NET动态网页设计案例教程(Visual Basic .NET版 ) 学习入门 (1) 学生成绩管理系统提供成绩查询和管理的功能。(2) 学生使用该系
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 教师增加学生成绩页面del
3、Manage.aspx 教师删除学生成绩页面Error.aspx 无权访问提示页面(8) 该系统所使用的数据信息保存在SQL Server 数据库 WebJWDB 中, 有数据表Users、Exam。Users 数据表存放的是用户安全信息(用户 ID、密码、身份 ),Exam 数据表存放的是学生的成绩信息。任务 1:创建登录主页面操作任务:学生成绩管理系统的默认主页是登录页面。根据不同的登录用户(有教师和学生两种身份)显示不同的操作页面。运行效果如图13.1 所示。(1) 当以教师身份 (例如,用户ID:T2003001,密码: password)登录时,教师不仅可以查询学生成绩,还可以对学生
4、成绩进行维护,包括修改、增加、删除操作。(2) 当以学生身份 (例如,用户ID:S2007101,密码: password)登录时,学生可以查询成绩,但不可以对成绩进行维护。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页,共 29 页 - - - - - - - - - 243第 13 章 使用 ASP .NET开发学生成绩管理系统图 13.1 login.aspx运行效果解决方案:该 login.aspx 页面使用如表13- 2 所示的 login.aspx 的页面控件完成
5、指定的任务。表 13- 2 login.aspx的页面控件及属性说明类型ID 属性说明TextBox txtName 姓名文本框TextBox txtPsw TextMode:Password 密码文本框DropDownList DropDownList1 Items:学生、教师身份选择Button btnLoad Text:登录登录按钮Button btnCancel Text:取消CausesValidation:False 取消按钮RequiredFieldValidatorRequiredFieldValidator1ControlToValidate :txtName ErrorMe
6、ssage:* 用户名不能为空验证用户名不能为空RequiredFieldValidatorRequiredFieldValidator2ControlToValidate :txtPsw ErrorMessage:* 密码不能为空验证密码不能为空Label Label1 ForeColor:Red 去掉文本内容的设置输入信息错误提示Image Image1 ImageUrl:/picture/Task1.gif 显示图片Table Table1 Style:HEIGT:11px; BACKGROUND-COLOR: #99ccff 控制 Web 控件布局操作步骤:(1) 使用数据库脚本文件自
7、动创建完整的成绩管理数据库WebJWDB 和数据表Users、Exam 的信息,并自动插入成批的数据表基本数据(具体步骤参看第8 章练习 2)。(2) 运行 Microsoft Visual Studio 2005应用程序。(3) 新建 ASP .NET Web 网站。选择菜单命令【文件】 【新建】 【网站】, 选择 【 ASP .NET 网站】 , 【位置】处保持默认设置【文件系统】; 【语言】处保持默认设置Visual Basic ;单击【浏览】按钮,在【选择位置】对话框中选择C:ASPNETChapter13 文件夹;单击【确定】按钮,将 C:ASPNETChapter13 创建为 We
8、b 网站。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页,共 29 页 - - - - - - - - - 244 ASP .NET动态网页设计案例教程(Visual Basic .NET版 ) (4) 新建文件夹picture。 点击 C:ASPNETChapter13 网站,通过菜单命令 【网站】【新建文件夹】,重命名为picture。通过右击 picture,执行相应快捷菜单中的【添加现有项】命令,添加图片Task1.gif。(涉及的素材可到附录所指明的网址去下载。)
9、(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)
10、Response.Redirect(Login.aspx)End Sub (6) 新建登录页面。 选择菜单命令 【文件】 【新建文件】,或者单击工具栏上的(添加新项 )按钮,打开【添加新项】对话框,选择【Web 窗体】模板;在【名称】处输入文件的名称: login.aspx ,单击【添加】按钮,在C:ASPNETChapter13 网站中创建一个名为login.aspx的ASP .NET页面。(7) 设计登录页面。选择【设计】选项卡,首先选择【布局】菜单下的【插入表】命令插入表格, 如图 13.2 所示设置单元格背景。然后从【标准】工具箱中用鼠标拖动如表13- 2所示的控件到设计页面的相应位置
11、,并依照如表13- 2 所示的内容在【属性】窗口中设置各控件属性。 login.aspx 页面的设计效果如图13.2 所示。图 13.2 login.aspx页面的设计效果(8) 生成登录页面事件函数。双击 【登录】按钮,系统会自动生成一个名为btnLoad_Click的 ASP .NET 事件函数,同时打开代码编辑窗口,添加如下粗体阴影语句。 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页,共 29 页 - - - - - - - - - 245第 13 章 使用 ASP
12、.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 Str
13、ing 创建数据库操作语句 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.Execute
14、Reader() 执行命令,并生成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 Label
15、1.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) 用户
16、登录成功时需保存其身份,方便以后对其权限的设置。此例子中是通过Session对象实现的。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页,共 29 页 - - - - - - - - - 246 ASP .NET动态网页设计案例教程(Visual Basic .NET版 ) 练习 1:完善登录页面的功能操作任务:在任务 1 的基础上完成【取消】按钮的事件代码。运行效果如图13.3(a)和图 13.3(b)所示。(a) 输入信息时的效果 (b) 单击【取消】按钮时的效果图 13.
17、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
18、e As System. EventArgs) txtName.Text = 用户ID清空 txtPsw.Text = 登录密码清空 DropDownList1.SelectedIndex = 0 默认设置为学生 Label1.Text = 删除错误提示信息End Sub (3) 保存并运行程序login.aspx,观察运行效果。操作小结:(1) 取消输入操作,只需要将输入信息清空即可。(2) 取消 DropDownList的用户更改项,只需要将其默认选项索引设置为0 即可。(3) 同时需删除错误提示信息框内容。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - -
19、- - - - - - - - 名师精心整理 - - - - - - - 第 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 CausesVal
20、idation: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: GhostW
21、hite 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:学生成绩管理教师操作权限范围HyperLin
22、k 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:退出系统CausesValida
23、tion:False 退出系统链接导航Table 页脚 BACKGROUND-COLOR:lightgreen 导航 BACKGROUND-COLOR:ghostwhite;BORDER :lightgreen 控 制 布局 ( 在样 式中设置相关属性 ) 操作步骤:(1) 添加图片。 在资源管理器的项目中右击文件夹picture,选择相应快捷菜单中的【添加现有项】命令,添加图片Task2.jpg。(涉及的素材可到本书所指明的网址去下载。) (2) 添加母版页。 在解决方案管理器的项目C:ASPNETChapter13 上右击, 选择【添加新项】命令,在弹出的对话框中选择【母版页】,在【名称】
24、处输入文件的名称:masterPage.master ,取消选中【将代码放在单独的文件中】复选框,单击【添加】按钮。(3) 母版页界面布局设计。单击【设计】选项卡,切换到【设计】视图。剪切ContentPlaceHolder 控件,选择菜单命令【布局】【插入表】,插入 3 行 2 列的表格。合并第 1 行单元格,合并2、3 行左边单元格,从而分为4 部分:页眉、页脚、导航、内容模块。将剪切掉的ContentPlaceHolder 控件粘贴到内容模块中。然后从【标准】工具箱中用鼠标拖动如表13-3 中所示的控件到设计页面相应的位置,如图13.4 所示,并依照如表13- 3所示在【属性】窗口中设置
25、控件的属性。图 13.4 母版页 masterPage.master的设计效果名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页,共 29 页 - - - - - - - - - 249第 13 章 使用 ASP .NET开发学生成绩管理系统(4) 生成事件函数。分别双击【Button】按钮和【 LinkButton 】按钮,系统会自动生成相应的ASP .NET 事件函数,同时打开代码编辑窗口。分别添加事件的处理代码,如下粗体阴影语句所示。 主菜单 : Protected Sub
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 2022年ASP.NET动态网页设计案例教程整 2022 ASP NET 动态 网页 设计 案例 教程
限制150内