Web程序设计课程设计报告.docx

《Web程序设计课程设计报告.docx》由会员分享，可在线阅读，更多相关《Web程序设计课程设计报告.docx（25页珍藏版）》请在三一办公上搜索。

1、COLLEGE OF MOBILE TELECOMMLF4ICA710NS.GHIONGQING UM阳帮IUOF POSTS AND TELECOM.Web程序设计课程设计报告学学班专生:号：级：业：重庆邮电大学移通学院2017年3月选课系统的设计与实现3一、实验目的及要求3二、实验环境及相关情况（包含使用软件、实验设备、主要仪器等）3三、实验内容及步骤3（一）、网站总体设计31.1系统概述3（二）、数据库设计31、数据库E-R图分析32、数据表概要说明5Account 表：5Admin 表： 5Course 表：5Selection 表： 6Student 表： 6Teacher 表：63

2、、主要数据表的结构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、学会

3、Html、CSS、Javascript的简单开发和应用；4、B/S模式下，asp或与数据库的连接。二、实验环境及相关情况（包含使用软件、实验设备、主要仪器等）操作系统为 Windows XP，应用软件为 Macromedia Dreamweaver 8、IIS服务器和 VS.Net2005软件编辑器。三、实验内容及步骤（一）、网站总体设计1.1系统概述选课系统的核心是选课功能，学生在选课之前，必须通过系统的身份验证，然后就可以 选定自己感兴趣的选修课程。在此学生可以通过系统查询自己喜欢和对自己有帮助的课程， 还有可以通过学分查询自己需要的课程，学生还可以通过选课系统查看自己的选修课程。学生的课

4、程成绩由教师来添加，教师的身份需通过系统验证。选课系统的课程信息和学生信息由管理员通过身份验证后来进行添加、删除和修改。这 些功能是后台管理功能。（二）、数据库设计1、数据库E-R图分析这一设计阶段是在系统功能结构图的基础上进行的，设计出能够满足用户需求的各种实 体以及它们之间的关系，为后面的逻辑结构设计打下基础。根据以上的分析设计结果，得到用户实体、管理实体、课程实体、选择实体、学生实体、 教师实体。下面来介绍几个主要信息实体的E-R图。（1）用户实体：用户实体的E-R图，如图用户实体包括：用户姓名、密码、用户等级和用户编号。(2) 管理实体管理实体包括：管理员编号和姓名。管理实体的E-R图

5、，如图管理实体姓名管理员编号(3) 课程实体课程实体包括：课程编号、课程名称、课程描述、学分、最高分数和教师编号。课程实 体的ER图，如图(4) 选择实体选择实体包括：课程编号和学生编号。课程实体的ER图，如图(5) 学生实体学生实体包括：课程编号、学生姓名、系别和专业。学生实体的ER图，如图（6）教师实体教师实体包括：教师编号、教师姓名和职称。教师实体的E-R图，如图2、数据表概要说明Account 表:! jHSfc盂整 睡鼻.JbEsuiTmlw xLtsrnaneLtewLffvelLhernnbbbTerdwTtH133StufertDU 如口LE胡小平123lerdwTDJDDDS

6、tudertD312DKI7旅华月123AdhinJJLBBBTa-dwTD3王垣北6TcntwTQE珀目而明letdwrTD5*TOWM1IWAdmin 表:t608 选谡系薮-dbo. AdainfldmirnoNameJOI漆毕月*MMJLLCourse 表:GziseftorutKNi.ruYurilerdeirwjuuIW.ZLIXrxirtl+B：4忡浪卡RS!用-注伺#保技卡书四外蜂存.4囱raiJ0DE. *jrtat5FTffBT4Fh.42BraiKxa.置曲讶!（机*牡W主我主.42Oira-iKM,二厦耳街十.*-主W.3LCDraiKC5gig, 3gLSDrasKC

7、&土一孕!t*感in MgfdML啊MH?工7空惨in +TO?由学浏TQ21况谶我1瓦.羊一年取怒替.:2iraaima咿g.g*摩.1wmat近机史口宇律祕苗史成乳既需.2LHiTffinm古 frtsr.出矗不旧七g.3wrai网!心MiWjIi!gj：JIUMSelection 表：15U8 一法谖厩妹一-.SeJlectiaiL|_5tudertnnCcjrsenatataioD? Z003wzwfliaCUOL(MSWOiaJHHwzwoiaJM5oizwoiaJ奶wziooiaIVOOLoiEWfltaIZC02LH210013TOOL*NULLStudent 表:,60EL 选

8、森本藐 bo. 5411却二：11 X5tudertnoMameDtparbnuentMajcr101L924禁局.百n兵.t料京.厂生101L96E信息工Wti心IJ心nwiTeacher 表：tSOOL系琴-jbip. TeTcbcrlTerdiefnar-lsmtTithT01阳一TLE王北海T037亍mFhtanl: l=T05翻后南IKKTU7T1页酬恤EAtiir.3、主要数据表的结构（1）Account 表表1 Account表结构字段名称数据类型是否主键长度默认值允许空字段描述Username文本是10用户姓名Password数字4登录密码UserLevel文本10用户级别Us

9、erno文本用户编号（2 ） Admin 表表2 Admin表结构字段名称数据类型是否主键长度默认值允许空字段描述Adminno文本是10管理员编号Name文本10姓名（3 ） Course 表表3 Course表结构字段名称数据类型是否主键长度默认值允许空字段描述Courseno文本是10课程编号Name文本50课程名称Description文本50课程描述Credit数字10学分Maximumnun数字10最大分数Teacher文本10教师编号（4） Selection表表4 Selection表结构字段名称数据类型是否主键长度默认值允许空字段描述Studentno数字是10学生编号Cou

10、rseno数字10课程编号（5 ） Student 表表5 Student表结构字段名称数据类型是否主键长度默认值允许空字段描述Studentno数字是10学生编号Name文本10学生姓名Department文本10系别Major文本10专业（6）Teacher表表6 Teacher表结构字段名称数据类型是否主键长度默认值允许空字段描述Teacherno文本是10教师编号Name文本10教师姓名Title文本10职称（三）、文件架构设计（四）、前台页面设计（普通用户模块）1、前台各个主要页面概述校园网选课余貌B flf选课系统登录页面f选课系统搜索课程信息页面f选课系统选课信息一览表页面2、前

11、台主页面的布局f前台主页面布局3、前台主页面的实现(1) 选课系统登录首页源文件代码选课系统首页一登录页面  校园网选 课系统 用户名： 密   码： input type=submit name=Submit value=登 录    input type=reset name=Submit2 value=重 填  (2) 信息录入页面源文件代码%判断是否具有教务员权限If Session(UserLevel)Admin ThenResponse.Redirect illegal.asp”En

12、d IfSet rsTest=Server.CreateObject(ADODB.RecordSet)rsTest.Open Teacher”,Conn,adOpenStatic,adLockReadOnly%输入课程信息font color=#990033 size=7 face=华文新魏”输入课程信息 /font/div/td 课 程 号： 学分： 一分二分三分 四分五分 课程名称：课程描述： 最大选课人数：input name=txtMaximumNum type=text id=txtMaximumNum教师：option value= 0) ThenrsTest.MoveFirstE

13、lsersTest.RequeryEnd If%返 回    (3) 浏览课程信息页面源文件代码浏览课程信息 Font color=#009900 size=7 face=华文新魏课程信息 一览表 课程号 %For absRecordNum= 1 to rsTest.PageSizeResponse.Write 将每条记录的各个字段输出Response.Write &rsTest(Courseno).Value&Response.Write &rsTest(Name).Value&Response.Write &rsTest(Credit).Value&Respo

14、nse.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 rs

15、Test=NothingSet Conn=Nothing%Form Action= Method=PostInput Type=Hidden Name=PressPageNum Value=1 Then 若当前页不是第一页，则显示上一页链接Response.Write Input Type=Submit Name=Submit Value土一 页End IfIf absPageNumTotalPages Then若当前页不是最后一页，则显示下一页链接Response.Write 第 页，共 页(4) 选择检索条件源文件代码%Set rstTeacher=Server.CreateObject(

16、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(s

17、elCredit)Session(Teacherno)=Request.Form(selTeacherno)Session(Checkbox)=Request.Form(Checkbox)Response.Redirect searchshow.aspEnd If%检索课程信息 搜索 课程信 息 输入检索条件form action= method=post name=frmSearchCourse id=frmSearchCourse课程名称包含：课程描述包含：学分：所 有学分 一分 二 分 H 分 四分S 分   授课教师：option value=所

18、有教师所有教师option value= 0) ThenrstTeacher.MoveFirstElserstTeacher.RequeryEnd If%    只列出尚未选满的课 程 input type=submit name=Submit value=开始查找      input type=reset name=Submit2 value=清 除重填   (5) 选择选课方式源文件代码%If Session(UserLevel)Student ThenResponse

19、.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%无标题文档  formname=form1method=