Web程序设计课程设计报告-选课系统的设计与实现.docx

重庆邮电大学移通学院Web程序设计课程设计报告学 生： 学 号： 班 级： 专 业： 重庆邮电大学移通学院 2017年3月2目 录选课系统的设计与实现3一、实验目的及要求3二、实验环境及相关情况（包含使用软件、实验设备、主要仪器等）3三、实验内容及步骤3（一）、网站总体设计31.1系统概述3（二）、数据库设计31、数据库E-R图分析32、数据表概要说明5Account表：5Admin表：5Course表：5Selection表：6Student表：6Teacher表：63、主要数据表的结构6（三）、文件架构设计8（四）、前台页面设计（普通用户模块）81、前台各个主要页面概述82、前台主页面的布局103、前台主页面的实现10（1）选课系统登录首页10（2）信息录入页面11（3）浏览课程信息页面13（4）选择检索条件16（5）选择选课方式18（五）、后台模块的设计与实现（管理员模块）201、后台各个主要页面概述202、后台主页面的布局203、后台主页面的实现21修改课程信息页面21课程设计总结23参考文献23重庆邮电大学移通学院选课系统的设计与实现一、实验目的及要求1、掌握Web网页常用的开发工具Frontpage2003或Deamweaver的使用；2、学会IIS的配置；3、学会Html、CSS、Javascript的简单开发和应用；4、B/S模式下，asp或与数据库的连接。二、实验环境及相关情况（包含使用软件、实验设备、主要仪器等）操作系统为Windows XP，应用软件为Macromedia Dreamweaver 8、IIS服务器和VS.Net2005软件编辑器。三、实验内容及步骤（一）、网站总体设计1.1系统概述选课系统的核心是选课功能，学生在选课之前，必须通过系统的身份验证，然后就可以选定自己感兴趣的选修课程。在此学生可以通过系统查询自己喜欢和对自己有帮助的课程，还有可以通过学分查询自己需要的课程，学生还可以通过选课系统查看自己的选修课程。学生的课程成绩由教师来添加，教师的身份需通过系统验证。选课系统的课程信息和学生信息由管理员通过身份验证后来进行添加、删除和修改。这些功能是后台管理功能。（二）、数据库设计1、数据库E-R图分析这一设计阶段是在系统功能结构图的基础上进行的，设计出能够满足用户需求的各种实体以及它们之间的关系，为后面的逻辑结构设计打下基础。根据以上的分析设计结果，得到用户实体、管理实体、课程实体、选择实体、学生实体、教师实体。下面来介绍几个主要信息实体的E-R图。（1）用户实体：用户实体包括：用户姓名、密码、用户等级和用户编号。用户实体的ER图，如图（2）管理实体管理实体包括：管理员编号和姓名。管理实体的ER图，如图（3）课程实体课程实体包括：课程编号、课程名称、课程描述、学分、最高分数和教师编号。课程实体的ER图，如图 （4）选择实体选择实体包括：课程编号和学生编号。课程实体的ER图，如图（5）学生实体学生实体包括：课程编号、学生姓名、系别和专业。学生实体的ER图，如图（6）教师实体教师实体包括：教师编号、教师姓名和职称。教师实体的ER图，如图2、数据表概要说明 Account表：Admin表：Course表：Selection表：Student表：Teacher表：3、主要数据表的结构 （1）Account表表1Account表结构字段名称数据类型是否主键长度默认值允许空字段描述Username文本是10用户姓名Password数字4登录密码UserLevel文本10用户级别Userno文本用户编号（2）Admin表表2Admin表结构字段名称数据类型是否主键长度默认值允许空字段描述Adminno文本是10管理员编号Name文本10姓名（3）Course表表3Course表结构字段名称数据类型是否主键长度默认值允许空字段描述Courseno文本是10课程编号Name文本50课程名称Description文本50课程描述Credit数字10学分Maximumnun数字10最大分数Teacher文本10教师编号（4）Selection表表4Selection表结构字段名称数据类型是否主键长度默认值允许空字段描述Studentno数字是10学生编号Courseno数字10课程编号（5）Student表表5Student表结构字段名称数据类型是否主键长度默认值允许空字段描述Studentno数字是10学生编号Name文本10学生姓名Department文本10系别Major文本10专业（6）Teacher表表6Teacher表结构字段名称数据类型是否主键长度默认值允许空字段描述Teacherno文本是10教师编号Name文本10教师姓名Title文本10职称（三）、文件架构设计 用户登录用户身份确认教务员普通教师学生用户非法用户输入课程信息修改课程信息浏览课程信息检索课程信息修改账户密码查看所选课程选择课程 （四）、前台页面设计（普通用户模块）1、前台各个主要页面概述选课系统登录页面选课系统登录首页选课系统输入课程信息页面选课系统搜索课程信息页面选课系统选课信息一览表页面2、前台主页面的布局前台主页面布局3、前台主页面的实现（1）选课系统登录首页源文件代码选课系统首页登录页面   校园网选课系统   用户名： 密  码:          （2）信息录入页面源文件代码%判断是否具有教务员权限If Session(UserLevel)Admin ThenResponse.Redirect illegal.aspEnd IfSet rsTest=Server.CreateObject(ADODB.RecordSet)rsTest.Open Teacher,Conn,adOpenStatic,adLockReadOnly%输入课程信息 输入课程信息 课 程 号： 学 分： 一分 二分 三分 四分 五分 课程名称： 课程描述： 最大选课人数： 教 师：option value= 0) ThenrsTest.MoveFirstElsersTest.RequeryEnd If% 返 回     （3）浏览课程信息页面源文件代码浏览课程信息  课 程 信 息 一 览 表 课程号 课程名称 学分 最大选课人数 目前选课人数 教师号 课 程 描 述 %For absRecordNum=1 to rsTest.PageSizeResponse.Write 将每条记录的各个字段输出Response.Write &rsTest(Courseno).Value&Response.Write &rsTest(Name).Value&Response.Write &rsTest(Credit).Value&Response.Write &rsTest(Maximumnum).Value&Response.Write &rsTest(Currentnum).Value&Response.Write &rsTest(Teacherno).Value&Response.Write &rsTest(Description).Value&Response.Write rsTest.MoveNextIf rsTest.EOF ThenExit For 若到记录尾，退出如当最后一页数据不满页时。End IfNextResponse.Write 关闭数据库和数据表rsTest.CloseConn.CloseSet rsTest=NothingSet Conn=Nothing%Form Action= Method=PostInput Type=Hidden Name=PressPageNum Value=1 Then 若当前页不是第一页，则显示上一页链接Response.Write End IfIf absPageNumTotalPages Then 若当前页不是最后一页，则显示下一页链接Response.Write End If%第页,共页（4）选择检索条件源文件代码%Set rstTeacher=Server.CreateObject(ADODB.RecordSet)rstTeacher.Open Teacher,Conn,adOpenStatic,adLockReadOnlyDim Name,Description,Credit,TeachernoIf Request.ServerVariables(CONTENT_LENGTH)0 ThenSession(Name)=Ltrim(Rtrim(CStr(Request.Form(TxtName)Session(Description)=Ltrim(Rtrim(Request.Form(TxtDescription)Session(Credit)=Request.Form(selCredit)Session(Teacherno)=Request.Form(selTeacherno)Session(Checkbox)=Request.Form(Checkbox)Response.Redirect searchshow.aspEnd If%检索课程信息   搜 索 课 程 信 息 输入检索条件 form action= method=post name=frmSearchCourse id=frmSearchCourse 课程名称包含： 课程描述包含： 学分： 所有学分 一分 二分 三分 四分 五分    授课教师： 所有教师 option value= 0) Then rstTeacher.MoveFirstElse rstTeacher.RequeryEnd If%     只列出尚未选满的课程              （5）选择选课方式源文件代码%If Session(UserLevel)Student ThenResponse.Redirect illegal.aspEnd IfIf Request.ServerVariables(CONTENT_LENGTH)0 ThenRadioValue=Request.Form(RadioButton)Select Case RadioValueCase radio1Response.Redirect Selectcourse1.aspCase radio2Response.Redirect Selectcourse2.aspCase radio3Response.Redirect Selectcourse3.aspCase radio4Response.Redirect Selectcourse4.aspEnd SelectEnd If%无标题文档     form name=form1 method=post action=   请选择选课方式 按课程编号选择： 按课程名称选择： 按课程学分选择： 按教师姓名选择：        （五）、后台模块的设计与实现（管理员模块）1、后台各个主要页面概述为了方便学生入学之后的账号管理，学生可以自行在教务系统中修改账号密码。管理员可以通过查询课程编号来修改课程信息，包括课程名称，课程描述，任课教师2、后台主页面的布局选课系统用户密码修改页面选课系统修改课程信息页面3、后台主页面的实现修改课程信息页面源文件代码%判断是否具有教务员权限If Session(UserLevel)Admin ThenResponse.Redirect illegal.aspEnd IfSet rstCourse=Server.CreateObject(ADODB.RecordSet)rstCourse.Open Course,Conn,adOpenStatic,adLockReadOnly%修改课程信息       修改课程信息     请选择要修改的课程号： option value= 0) Then rstCourse.MoveFirstElse rstCourse.RequeryEnd If% 课程设计总结 通过这四天的Web上机课学习，我对去年Web动态网页设计这门课程的所学知识进行了复习，同时也意识到了自己在网页代码方面的不足。由于开始的基础不好，后期付出的代价