《高级程序设计》Web教务管理系统开发步骤.docx
- 文档编号:26754566
- 上传时间:2023-06-22
- 格式:DOCX
- 页数:80
- 大小:2.87MB
《高级程序设计》Web教务管理系统开发步骤.docx
《《高级程序设计》Web教务管理系统开发步骤.docx》由会员分享,可在线阅读,更多相关《《高级程序设计》Web教务管理系统开发步骤.docx(80页珍藏版)》请在冰豆网上搜索。
《高级程序设计》Web教务管理系统开发步骤
综合实训
Web教务管理系统
实训一:
Web教务管理系统设计
1。
1系统需求分析
根据使用人员的权限,即不同的登录权限拥有不同的操作权限。
系统角色分为教务员、教师和学生。
1.1。
1教务员
登录系统;
用户管理(登记/修改/删除用户);
登记/修改课程信息;
开设教学班;
按教学班登记学生成绩;
按教学班查询学生成绩。
1.1。
2教师
登录系统;
查看教师课表;
按教学班登记学生成绩;
按教学班查询学生成绩.
1.1。
3学生
登录系统;
学生选课;
查看学生本人课表;
查看学生本人成绩表。
1。
2系统设计
Web教务管理系统的缺省主页是登录页面。
根据登录用户的不同,显示不同的操作页面。
Web教务管理系统的执行流程如下:
Web教务管理系统由下列ASP.NET页面组成:
文件名称
说明
Default。
aspx
缺省主页:
自动跳转到用户登录页面
Login。
aspx
登录页面:
用户输入用户ID和密码,验证成功后,把用户信息把存在Session中,并根据用户的角色,显示不同内容的功能主菜单
JWS。
master
母版:
Web教务管理系统母版文件(左侧包含主菜单)
MainMenu。
aspx
主菜单:
Web教务管理系统主菜单(基于JWS。
master)
ChangePassword。
aspx
修改密码页面:
登录用户可以修改自己的密码
Exit.aspx
退出系统页面:
清除保存在Session中的信息,自动跳转到用户登录页面
Users。
aspx
用户管理:
登记、修改、删除用户信息
Course。
aspx
课程管理:
登记、修改、删除课程信息
JXB.aspx
排课管理:
开设教学班
GradeByJXB.aspx
成绩管理:
查询的教学班:
可更新学生成绩
SKebiao。
aspx
我的课表:
学生查询自己的课表
SXuanke.aspx
选课:
学生自由选择教学班
SGrade.aspx
成绩查询:
学生查询自己的成绩
TKebiao.aspx
我的课表:
教师查询自己的课表
TGradeByJXB.aspx
成绩管理:
教师查询自己的教学班:
可更新学生成绩
实训二:
Web教务管理系统数据库设计与实现
2.1数据库设计
2.1.1数据表结构
Web教务管理系统数据库使用Access2000格式的Access数据库WebJWS。
mdb,主要包括下列数据表:
(1)用户表(Users)
用户表用于储存系统用户(教务员、教师以及学生)信息。
其结构如表1所示.
表1用户表(Users)
字段名
数据类型
字段说明
键引用
备注
UserID
Text(20)
用户ID
主键
UserName
Text(20)
用户姓名
Password
Text(20)
用户密码
Flag
Text
(1)
用户权限区分
1:
学生权限
2:
教师权限
9:
教务员权限
(2)教学班表(JXB)
教学班表用于储存学校排课信息。
其结构如表2所示。
表2教学班表(JXB)
字段名
数据类型
字段说明
键引用
JxbID
Text(20)
教学班ID
主键
CourseID
Text(20)
课程编号
UserID
Text(20)
用户ID(教师身份)
JxbTime
Text(50)
教学班时间地点等信息
(3)课程表(Course)
课程表用于储存学校开设的课程信息。
其结构如表3所示。
表3课程表(Course)
字段名
数据类型
字段说明
键引用
CourseID
Text(20)
课程ID
主键
CourseName
Text(50)
课程名称
Description
Text(200)
课程简介
(4)学生成绩表(Grades)
学生成绩表用于储存教学班中的学生成绩信息.其结构如表4所示.
表4学生成绩表(Exam)
字段名
数据类型
字段说明
键引用
JxbID
Text(20)
教学班ID
主键
UserID
Text(20)
用户ID(学生身份)
Grade
int
学生成绩
Remark
Text(50)
备注
2.1.2数据表内容
供参考。
无需事先创建,在程序调试过程中作为测试数据逐步创建。
表1用户表(Users)
表2教学班表(JXB)
表3课程表(Course)
表4学生成绩表(Exam)
2.2数据库实现
【操作实训1】数据库实现
1.打开Office中的Access程序.
2.创建空白数据库,另存或导出为WebJWS。
mdb(Access2000格式).
3.依次创建2.1中设计的数据表结构:
Users、Course、JXB、Grades.
4.手动添加第1条数据,教务管理员9001号的具体信息。
UserID
UserName
Password
Flag
9001
张教务
123
9
实训三:
Web教务管理系统共同页面设计与实现
3.1Web教务管理系统默认主页的设计和实现
3。
1。
1设计
默认主页为Default。
aspx,将自动调转到Login.aspx。
3。
1。
2实现
注意:
(1)在系统设计和实现的整个过程中,请务必不勾选“将代码放在单独的文件中"复选框.即:
(2)在页面设计过程中,对页面的任何布局,VS系统会自动生成style。
建议在代码中删除这些style,并切换到设计界面,选中操作对象,在属性面板中手工设置属性.
【操作实训2】创建Web教务系统网站
1.运行VisualWebDeveloper2008应用程序。
2.新建ASP。
NETWeb站点:
C:
\WebJWS。
3.拷贝2。
2创建的数据库文件WebJWS.mdb到C:
\WebJWS\App_Data目录下.
4.刷新(
)网站内容。
【操作实训3】修改Default.aspx
修改Default.aspxWeb教务管理系统缺省主页,利用Page_Load事件函数直接跳转到登录页面,代码如下:
ProtectedSubPage_Load(ByValsenderAsObject,ByValeAsSystem。
EventArgs)
Response.Redirect(”Login。
aspx”)
EndSub
3.2Web教务管理系统登录页面的设计和实现
3.2.1设计
输入用户ID和密码,然后按“登录”按钮。
登录失败,报错;登录成功,跳转到MainMenu。
aspx。
3。
2.1实现
【操作实训4】创建登录页面
1.创建一个名为Login。
aspx的ASP.NET页面。
2.设计页面布局:
类型
ID
说明
TextBox
txtUserName
用户ID文本框
TextBox
txtPassword
口令文本框(TextMode为:
Password)
Button
BtnLogin
登录按钮
Label
lblMsg
显示用户不存在或密码不一致时的错误提示信息(Text为:
空)
HR
水平线
Table
2行2列的表格,居中(center)
欢迎使用Web教务管理系统,24pt
3.引用指定名称空间。
在Login.aspx代码的头部添加下列引用指定名称空间的语句,以访问MicrosoftAccess数据源:
〈%@ImportNamespace="System.Data.OleDb"%〉
4.编写登录按钮事件处理代码BtnLogin_Click。
ProtectedSubBtnLogin_Click(ByValsenderAsObject,ByValeAsSystem.EventArgs)
'连接到数据库WebDBStudents
DimconAsOleDbConnection
DimcmdAsOleDbCommand
DimdtrAsOleDbDataReader
con=NewOleDbConnection(”Provider=Microsoft.Jet。
OLEDB.4.0;DataSource=|DataDirectory|\WebJWS。
mdb”)
con。
Open()
'创建查询Users表的SQL命令
DimuserIDAsString=txtUserName.Text
DimpasswordAsString=txtPassword.Text
DimsSqlAsString="select[UserID],[UserName],[Flag],[Password]fromuserswhereUserID='”&userID&"’"
sSql=sSql+”andPassword='”&password&"’”
cmd=NewOleDbCommand(sSql,con)
’执行SQL命令并返回结果
dtr=cmd。
ExecuteReader()
'判断该用户是否存在
If(dtr。
HasRows())Then’存在
dtr。
Read()
'UserID、UserName、UserType信息存于Session中
Session("UserID”)=dtr.GetString(0)
Session("UserName”)=dtr。
GetString
(1)
Session("UserType")=dtr。
GetString
(2)
’跳转到系统主菜单页面
Response。
Redirect("MainMenu.aspx”)
Else’该用户不存在
lblMsg.Text=”用户ID或密码有错,请重新输入!
”
EndIf
EndSub
3.3Web教务管理系统母版页面的设计和实现
3。
3。
1设计
Web教务管理系统母版页整体的布局如下:
类型
ID
说明
第1行第1列
Label
lblUser
显示登录用户名(Text为空)
第1行第2列
欢迎使用教务管理系统
第2行第1列
Panel
PanelJW
教务用菜单
HyperLink
hlUser
用户管理(链接到Users.aspx)
HyperLink
hlCourse
课程管理(链接到Course.aspx)
HyperLink
hlJXB
排课管理(链接到JXB。
aspx)
HyperLink
hlGrade
成绩管理(链接到GradeByJXB。
aspx)
Panel
PanelTeacher
教师用菜单
HyperLink
hlTKebiao
我的课程(链接到TKebiao.aspx)
Panel
PanelStudent
学生用菜单
HyperLink
hlSKebiao
我的课程(链接到SKebiao。
aspx)
第2行第2列
ContentPlaceHolder
ContentPlaceHolder1
预定义布局:
Web教务管理系统
第3行第1列
HyperLink
hlChangePassword
修改密码(链接到ChangePassword。
aspx)
HyperLink
hlExit
退出系统(链接到Exit.aspx)
Table
3行2列(注意:
不要在ContentPlaceHolder1中插入表格)
3。
3.2实现
【操作实训5】创建主菜单页面
1创建一个名为JWS。
master的母版页面.
2设计页面布局:
参见设计部分.
注:
使用3行2列的表格进行布局。
3编写Page_Load事件:
如果没有登陆,则跳转到Login.aspx;否则显示用户名,并根据不同用户标志(1:
学生;2:
教师;9:
教务)显示或隐藏相应的菜单Panel。
ProtectedSubPage_Load(ByValsenderAsObject,ByValeAsSystem。
EventArgs)
IfSession(”UserID")IsNothingThen
Response.Redirect("Login。
aspx")
Else
lblUser。
Text="欢迎您!
"&Session("UserName")
IfSession(”UserType”)=1Then'学生
PanelJW。
Visible=False
PanelTeacher.Visible=False
PanelStudent.Visible=True
EndIf
IfSession("UserType”)=2Then'教师
PanelJW.Visible=False
PanelTeacher.Visible=True
PanelStudent。
Visible=False
EndIf
IfSession(”UserType")=9Then’教务
PanelJW。
Visible=True
PanelTeacher.Visible=False
PanelStudent。
Visible=False
EndIf
EndIf
EndSub
3。
4Web教务管理系统主菜单页面的设计和实现
3。
4.1设计
使用JWS.master的母版页,实现Web教务管理系统主菜单MainMenu.aspx。
3.4。
2实现
【操作实训6】创建系统主菜单页面。
1.创建一个名为MainMenu。
aspx的ASP.NET页面(使用母版页JWS.master)。
2.在“ContentPlaceHolder1(Custom)”中输入:
“请选择功能菜单!
”,font—size:
xx—large、font-weight:
bold、color:
#3399FF。
3。
5Web教务管理系统退出页面的设计和实现
3.5。
1设计
点击“退出系统”链接,首先清除Session的内容,然后跳转到登录页面Login.aspx。
3.5.2实现
【操作实训7】创建退出页面
1.创建一个名为Exit。
aspx的ASP.NET页面。
2.双击页面空白处,编写Page_Load事件处理代码:
ProtectedSubPage_Load(ByValsenderAsObject,ByValeAsSystem.EventArgs)
Session。
Abandon()
Response。
Redirect("Login.aspx”)
EndSub
3。
6Web教务管理系统修改密码页面的设计和实现
3。
6.1设计
使用JWS.master的母版页,实现Web教务管理系统的修改密码页面ChangePassword。
aspx。
登录用户可以修改自己的密码。
修改失败,报错;修改成功,跳转到MainMenu。
aspx。
3。
6.2实现
【操作实训8】创建修改密码页面
1.创建一个名为ChangePassword.aspx的ASP.NET页面(使用母版页JWS.master).
2.在“ContentPlaceHolder1(Custom)”中设计页面布局。
类型
ID
说明
TextBox
txtPassword
密码文本框(TextMode为:
Password)
TextBox
txtPassword2
确认密码文本框(TextMode为:
Password)
Button
btnUpdate
OK按钮
Button
BtnCancel
Cancel按钮
Label
lblMsg
显示用户不存在或密码不一致时的错误提示信息(Text为:
空;color:
#FF3300)
修改密码:
24pt
HR
水平线
Table
2行2列的表格,居中(align="center")
3.引用指定名称空间。
在ChangePassword.aspx代码的头部添加下列引用指定名称空间的语句,以访问MicrosoftAccess数据源:
〈%@ImportNamespace="System。
Data.OleDb”%>
4.编写事件处理代码。
ProtectedSubbtnUpdate_Click(ByValsenderAsObject,ByValeAsSystem.EventArgs)
DimconAsOleDbConnection
DimstrUpdateAsString
DimcmdUpdateAsOleDbCommand
Dimpass1AsString=txtPassword.Text
Dimpass2AsString=txtPassword2.Text
Ifpass1<>pass2Then
lblMsg。
Text=”确认密码不一致!
”
ExitSub
EndIf
con=NewOleDbConnection(”Provider=Microsoft.Jet.OLEDB.4.0;DataSource=|DataDirectory|\WebJWS.mdb")
strUpdate="Update[Users]set[Password]=?
Where[UserId]=?
"
cmdUpdate=NewOleDbCommand(strUpdate,con)
cmdUpdate。
Parameters。
AddWithValue(”?
”,txtPassword.Text)
cmdUpdate。
Parameters。
AddWithValue(”?
",Session("UserID”))
Try
con.Open()
cmdUpdate.ExecuteNonQuery()
Response.Redirect("MainMenu.aspx")
CatchexAsException
lblMsg.Text=”
”&vbCrLf&ex。
Message
Finally
con。
Close()
EndTry
Response.Redirect("MainMenu.aspx")
EndSub
ProtectedSubbtnCancel_Click(ByValsenderAsObject,ByValeAsSystem。
EventArgs)
Response.Redirect(”MainMenu.aspx")
EndSub
ProtectedSubPage_Load(ByValsenderAsObject,ByValeAsSystem.EventArgs)
IfSession(”UserID")IsNothingThen
Response.Redirect("Login。
aspx”)
EndIf
EndSub
实训四:
Web教务管理系统教务员用页面设计与实现
4.1用户管理的设计和实现
4.1.1设计
1.只有教务员才能使用用户管理页面。
使用JWS.master的母版页,实现Web教务管理系统的用户管理页面Users.aspx:
显示用户信息一览(可修改、删除).通过“新用户”超链接,可调转到UserInsert。
aspx页面(添加新用户).
用户管理页面Users.aspx
UserInsert。
aspx页面(添加新用户)
4.1.2实现
【操作实训9】创建Users。
aspx
1.创建一个名为Users.aspx的ASP.NET页面(使用母版页JWS。
master)。
2.在“ContentPlaceHolder1(Custom)”中设计页面布局:
类型
ID
说明
HyperLink
HyperLink1
新用户(链接到InsertUser.aspx)
GridView
GridView1
用户信息一览
AccessDataSource
AccessDataSource1
GridView数据源
用户管理:
bold、text-align:
center、font-size:
xx-large
(1)添加1个超链接(新用户),指向InsertUser。
aspx。
(2)添加1个GridView(配置数据源(Acess数据源),指向App_Data\WebJWS.mdb,选择表Users.
(i)第一步:
方法1:
先高级配置1次,即启动“生成INSERT、UPDATE和DELETE语句";然后检查自定义配置,利用查询生成器确保生成正确的update/deleteSQL语句.
方法2:
先高级配置1次,即启动“生成INSERT、UPDATE和DELETE语句”;然后手动修改代码中的update/deleteSQL语句.
具体如下:
完成。
刷新数据源。
(ii)第二步:
(2005不需要/2008或者2010中需要)
配置数据源。
指定自定义SQL语句或存储过程(最好使用查询生成器):
SELECTUserID,UserName,[Password],FlagFROMUsers
Update
UPDATEUsersSETUserID=,UserName=?
[Password]=?
Flag=?
WHERE(UserID=?
)
DELETEFROMUsersWHERE(UserID=?
)
(iii)第三步:
完成数据源配置后,启用GridView的分页、排序、编辑和删除功能。
【操作实训10】创建InsertUser.aspx
1.创建一个名为InsertUser.aspx的ASP。
NET页面(使用母版页JWS。
master)。
2.在“ContentPlaceHolder1(Custom)”中设计页面布局:
类型
ID
说明
TextBox
txtUserID
用户编号文本框
TextBox
txtName
用户名称文本框
TextBox
txtPassword
密码文本框(TextMode=”Password")
DropDownList
DropDownListFlag
区分下拉表框(学生:
1selected/教师:
2/教务:
9)
Button
btnInsert
OK按钮
Button
BtnCancel
Cancel按钮
Label
lblMsg
错误提示信息(Text为:
空、ForeColor=”#FF3300")
新建用户:
24pt
HR
水平线
Table
4行2列的表格,居中(align=
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 高级程序设计 高级 程序设计 Web 教务 管理 系统 开发 步骤