《高级程序设计》Web教务管理系统开发步骤.docx

《高级程序设计》Web教务管理系统开发步骤.docx

《《高级程序设计》Web教务管理系统开发步骤.docx》由会员分享，可在线阅读，更多相关《《高级程序设计》Web教务管理系统开发步骤.docx（79页珍藏版）》请在冰点文库上搜索。

《高级程序设计》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="Error:

"&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=