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

综合实训Web教务管理系统实训一：Web教务管理系统设计1.1系统需求分析根据使用人员的权限，即不同的登录权限拥有不同的操作权限。系统角色分为教务员、教师和学生。1.1.1教务员登录系统；用户管理（登记/修改/删除用户）；登记/修改课程信息；开设教学班；按教学班登记学生成绩；按教学班查询学生成绩。1.1.2教师登录系统；查看教师课表；按教学班登记学生成绩；按教学班查询学生成绩。1.1.3学生登录系统；学生选课；查看学生本人课表；查看学生本人成绩表。1.2系统设计Web教务管理系统的缺省主页是登录页面。根据登录用户的不同，显示不同的操作页面。Web教务管理系统的执行流程如下：Default.aspx（（（（（（（（（（（（（Login.aspx（（（（（（MainMenu.aspx（（（（（（（（（（（（（（（（（（（Exit.aspx(（（（（)（（（（（（（（（（（（（（（（（（Course.aspx(（（（（（（)--（（（（JXB.aspx(（（（（（（)--（（（（GradeByJXB.aspx(（（（（（（（（（（)--（（（（SKebiao.aspx(（（（（（（/（（（（)--（（（（SXuanKe.aspx(（（（（)--（（（（TKebiao.aspx(（（（（（（)--（（（（TGradeByJXB.aspx(（（（（（（（（（（)--（（（（Users.aspx(（（（（（（)--（（（（InsertUser.aspx(（（（)--（（（（InsertCourse.aspx(（（（)--（（（（InsertJXB.aspx(（（（（（)--（（（（ChangePassword.aspx(（（（（（（（（（（（)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）字段名数据类型字段说明键引用备注UserIDText(20)用户ID主键UserNameText(20)用户姓名PasswordText(20)用户密码FlagText(1)用户权限区分1：学生权限2：教师权限9：教务员权限（2）教学班表（JXB）教学班表用于储存学校排课信息。其结构如表2所示。表2教学班表（JXB）字段名数据类型字段说明键引用JxbIDText(20)教学班ID主键CourseIDText(20)课程编号UserIDText(20)用户ID（教师身份）JxbTimeText(50)教学班时间地点等信息（3）课程表（Course）课程表用于储存学校开设的课程信息。其结构如表3所示。表3课程表（Course）字段名数据类型字段说明键引用CourseIDText(20)课程ID主键CourseNameText(50)课程名称DescriptionText(200)课程简介（4）学生成绩表（Grades）学生成绩表用于储存教学班中的学生成绩信息。其结构如表4所示。表4学生成绩表（Exam）字段名数据类型字段说明键引用JxbIDText(20)教学班ID主键UserIDText(20)用户ID（学生身份）Gradeint学生成绩RemarkText(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号的具体信息。UserIDUserNamePasswordFlag9001张教务1239实训三：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)EndSub3.2Web教务管理系统登录页面的设计和实现3.2.1设计输入用户ID和密码，然后按“登录”按钮。登录失败，报错；登录成功，跳转到MainMenu.aspx。3.2.1实现【操作实训4】创建登录页面1．创建一个名为Login.aspx的ASP.NET页面。2．设计页面布局：类型ID说明TextBoxtxtUserName用户ID文本框TextBoxtxtPassword口令文本框（TextMode为：Password）ButtonBtnLogin登录按钮LabellblMsg显示用户不存在或密码不一致时的错误提示信息（Text为：空）HR水平线Table2行2列的表格，居中（center）欢迎使用Web教务管理系统，24pt3．引用指定名称空间。在Login.aspx代码的头部添加下列引用指定名称空间的语句，以访问MicrosoftAccess数据源：%@ImportNamespace=System.Data.OleDb%4．编写登录按钮事件处理代码BtnLogin_Click。ProtectedSubBtnLogin_Click(ByValsenderAsObject,ByValeAsSystem.EventArgs)'连接到数据库WebDBStudentsDimconAsOleDbConnectionDimcmdAsOleDbCommandDimdtrAsOleDbDataReadercon=NewOleDbConnection(Provider=Microsoft.Jet.OLEDB.4.0;DataSource=|DataDirectory|\WebJWS.mdb)con.Open()'创建查询Users表的SQL命令DimuserIDAsString=txtUserName.TextDimpasswordAsString=txtPassword.TextDimsSqlAsString=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或密码有错，请重新输入！EndIfEndSub3.3Web教务管理系统母版页面的设计和实现3.3.1设计Web教务管理系统母版页整体的布局如下：类型ID说明第1行第1列LabellblUser显示登录用户名（Text为空）第1行第2列欢迎使用教务管理系统第2行第1列PanelPanelJW教务用菜单HyperLinkhlUser用户管理（链接到Users.aspx）HyperLinkhlCourse课程管理（链接到Course.aspx）HyperLinkhlJXB排课管理（链接到JXB.aspx）HyperLinkhlGrade成绩管理（链接到GradeByJXB.aspx）PanelPanelTeacher教师用菜单HyperLinkhlTKebiao我的课程（链接到TKebiao.aspx）PanelPanelStudent学生用菜单HyperLinkhlSKebiao我的课程（链接到SKebiao.aspx）第2行第2列ContentPlaceHolderContentPlaceHolder1预定义布局：Web教务管理系统第3行第1列HyperLinkhlChangePassword修改密码（链接到ChangePassword.aspx）HyperLinkhlExit退出系统（链接到Exit.aspx）Table3行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)IsNothingThenResponse.Redirect(Login.aspx)ElselblUser.Text=欢迎您！&Session(UserName)IfSession(UserType)=1Then'学生PanelJW.Visible=FalsePanel