管理学学生信息管理网站规划与设计

《管理学学生信息管理网站规划与设计》由会员分享，可在线阅读，更多相关《管理学学生信息管理网站规划与设计（42页珍藏版）》请在装配图网上搜索。

1、上海电机学院网络编程技术课程报告课题名称： 学生信息管理网站规划与设计 姓 名： 班 级： 学 号： 电 子 信 息 学 院上海电机学院实训/课程设计任务书课程名称网络编程技术课程设计课程代码033088P1实训/课程设计课题清单1Pop3客户机程序设计2主机端口扫描程序设计3IP数据包捕获程序设计4IP地址判断程序设计5. 当当图书销售系统规划与设计6. 学生火车票预订管理信息系统的规划与设计7. 学生信息管理网站规划与设计8. 图书馆管理信息网站规划与设计设计时间2013年 06 月 07 日 2013年 06 月 14 日一、实训/课程设计任务汇总1. 课题分配-23人一组。2.最终提供

2、的主操作界面应该方便用户的操作。3.最后提交的课程设计成果包括：a) 课程设计报告打印稿。b) 课程设计报告电子稿。c) 小组课程设计报告打印稿d) 小组课程设计报告电子稿e) 源程序文件(电子稿)。f) 可执行程序文件。（电子稿）二、对实训/课程设计成果的要求（包括实训/课程设计报告、图纸、图表、实物等软硬件要求）1. 分析课程设计题目的要求；写出详细的需求分析；2. 根据功能需求，写出详细的设计说明；（包括工作原理）3. 编写程序代码（有必要的注释），调试程序使其能正确运行；4. 设计完成的软件要便于操作和使用，有整齐、美观的使用界面；5. 设计完成后提交课程设计报告（按学校要求装订）和源

3、代码文件的电子文档。6. 报告需要交电子版和打印版，源程序交电子版。三、实训/课程设计工作进度计划：第一天 选择课程设计题目，分析课题的要求，确定需求分析；确定设计方案；第二天 编写详细设计说明； 绘制程序流程图；编写与调试程序；第三天 测试系统功能，写课程设计报告； 第四天 交课程设计报告（打印稿及电子稿）； 第五天 面试或答辩。四、主要参考资料：1吴英计算机网络应用软件编程就技术北京：机械工业出版社，2010 2高屹网络应用程序设计教程北京：机械工业出版社, 20083吴功宜计算机网络技术教程北京：机械工业出版社，2009前 言1课程设计目的与意义网络编程技术是网络工程专业的专业必修课程。

4、该课程主要学习网络环境下的编程原理及方法，通过本课程的学习，使学生网络编程技术的概念、编程方法、系统组成及设计方法，并能使用相关软件工具；通过该课程学习，将网络与软件编程有机的结合起来，使学生通过网络软件编程加深对网络理论的理解和掌握。本次课程设计主要是1）Socket编程能力的练习和2）web程序设计能力的练习，通过这部分的练习，我们应该熟悉Socket编程的基础知识和web编程的基础知识，掌握基本概念和编程模式，掌握客户机与服务器之间的编程原理。使我们既具备计算机网络的理论知识，又能够提高动手编程能力，解决实际学习中碰到的问题。课程设计的主要目的是提高实践能力，包括对计算机网络原理的理解分

5、析能力和编程语言的编程能力。与其他课程不同的是，本课程是将计算机网络与编程技术两者有机的结合起来，让我们通过网络软件编程的训练，加深对网络理论的理解。本次课程设计主要目的是熟悉Socket编程技术和面向对象的编程原理，从最基本的网络原理出发，通过解决实际问题使学生加强在计算机网络和互联网应用系统设计与软件编程能力上的提高。通过课程设计，使我们掌握网络编程技术的基本概念、原理和技术，将理论与实际相结合，应用现有的高级语言及套接字软件，规范、科学地完成一个网络环境下的客户端程序设计与实现，把理论课与实验课所学内容进行综合，并在此基础上强化学生的实践意识、提高其实际动手能力和创新能力。本次课程设计的

6、意义在于：n 融合知识，达到温故知新n 激发热情，提高任职能力n 突出重点，不搞面面俱到n 开拓眼界，注重素质培养2小组成员我们小组由李娜、顾观佩、林吉妮组成。我们三个人细心、认真、努力，一同完成了本次的课程设计。3运行环境本次实验我们小组是在WIN 7的操作系统上用dreamweaver软件完成的。在书本上有一个关于这个软件简短的介绍，所以我们从书本上简单的了解了这个软件后就开始了我们的实验。目 录1.需求分析与设计11.1 基本功能11.2 需求分析22.详细设计说明22.1登入页面设计22.2 主页设计42.3各子页面设计43.系统流程框图104. 系统具体内容说明104.1登录说明10

7、4.2图片的滚动说明114.3获奖学生的图片公示滚动说明124.4时间的设置说明135关键问题及解决办法145.1 关于登录页面145.2 关于个子页面设计156.心得体会15参考文献16答辩记录17源程序代码18371.需求分析与设计1.1 基本功能序号功能名称功能说明1学生管理登记学生基本信息（姓名、性别、班级等）。2课程管理登记课程基本情况（课程名称、开课学期、课程类型等）。3教师管理登记教师基本情况（姓名、年龄、性别、学历等）。4成绩管理登记学生各门课程考试成绩、提供查询、统计功能。5授课课程登记教师的授课课程、授课地点和授课学期。6学生课表查看学生个人课表。表1学生管理主要功能表用户

8、登入：用户登入需要填写的相关信息，包括用户名（输入默认用户名）和密码（输入6位密码）。学生信息管理系统首页：已登入用户可通过学生信息管理系统首页查看通知,也可以查看学生信息、课程信息、教师信息、教师授课信息、课表、成绩信息。首页有滚动图片，显示获奖同学。学生个人信息查询：在这里用户可以查看到同学的名单，以及需要注意的事项。学生个人信息详情：在这里详细得展示了学生的个人信息，包括姓名、班级、专业、联系方式、获奖情况等等。课程基本信息：在这里详细得展示了课程的基本信息，包括课程名称、开课学期、课程类型、学分。教师基本信息:在这里详细得展示了教师的基本信息，包括姓名、年龄、授课课程、职务、院系等等。

9、教师授课信息:在这里详细得展示了教师授课信息，包括教师、院系、授课课程、授课地点、授课学期。课表查询:在这里详细得展示了学生的个人课表，包括实践课的信息和未安排上课时间的课程。成绩管理:已登入用户可以查看学生、班级、院系、学号，点击进去可以查看具体的成绩。个人成绩查询：在这里详细得展示了学生的个人成绩，包括学年、课程和分数，还有学生所得的学分情况。1.2 需求分析学生信息是学校管理中一项繁琐的工作。管理人员需要建立学生的学籍，汇总每学期没有拿到规定学分的学生，及这些学生的详细情况；学生完成一门课程的学习后，教师学要录入学生的考试成绩，计算平均成绩，汇总各分数段的人数；学生需要查询已结业的各门课

10、程的成绩；班主任需要查询本班学生的学习情况，包括各们课程的平均成绩和每个学生的考试通过情况。为此，设计一套实用的学生信息管理系统就可以大大简化管理人员、班主任和任课教师的工作，方便学生查询自己的学习情况。我们小组设计的学生信息管理系统有以下功能: 学生管理（用户登入）、课程管理（登记课程基本情况，有课程名称、开课学期、课程类型、学分等。）、教师管理（登记教师基本情况，有姓名、年龄、性别、学历等。）、成绩管理（登记学生各门课程考试成绩）、授课课程（登记教师的授课课程、授课地点和授课学期）以及个人课表（登记学生个人课表）。2.详细设计说明2.1登入页面设计页面功能概述：如果输入错误，则会提示：如果

11、输入正确，则会进入首页：2.2 主页设计此页面的功能包括：已登入用户可通过学生信息管理系统首页查看通知,也可以查看学生信息、课程信息、教师信息、教师授课信息、课表、成绩信息。首页有滚动图片，显示获奖同学。网页最上方的小孩做的是向左滚动效果；在网页的右上角有与当天相应的时间和日期显示；网页的右侧是一个向上滚动的效果。网页中的学生信息管理、课程信息管理、教师信息查询、教师授课信息、课表查询、成绩信息查询都做了超级链接对应着后面的各个网页。网页的左侧是一些公告信息以及发布的时间。2.3各子页面设计（1）学生信息管理页面：此页面的功能包括：在这里点击学生姓名可以详细得展示了学生的个人信息，包括姓名、班

12、级、专业、联系方式、获奖情况等等。例如点击顾观佩，得到顾观佩个人信息表页面：（点击李娜，林吉妮也是如此）此页面的功能包括：在这里详细得展示了学生的个人信息，包括姓名、班级、专业、联系方式、获奖情况等等。（2）课程信息管理页面：此页面的功能包括：在这里详细得展示了课程的基本信息，包括课程名称、开课学期、课程类型、学分。（3）教师信息查询页面：此页面的功能包括：在这里详细得展示了教师的基本信息，包括姓名、年龄、授课课程、职务、院系等等。（4）教师授课信息页面：此页面的功能包括：在这里详细得展示了教师授课信息，包括教师、院系、授课课程、授课地点、授课学期。（5）课表查询页面：这个页面里一共插入了三个

13、表。此页面的功能包括：在这里详细得展示了学生的个人课表，包括实践课的信息和未安排上课时间的课程。（6）成绩信息查询页面：此页面的功能包括：可以查看学生、班级、院系、学号，点击“点击查询”进去可以查看具体的成绩。例如点击顾观佩处的“点击查询”则显示页面：（点击李娜，林吉妮也是如此）此页面的功能包括：在这里详细得展示了学生的个人成绩，包括学年、课程和分数，还有学生所得的学分情况。这几个子网页的制作都用到了表格，分割布局，插入图片字体加粗，修改颜色，插入背景，我们还在每个页面都做了超级链接返回上一层页面，做到了连贯。3.系统流程框图开始用户登入进入学生信息管理系统主页学生信息管理课程信息管理教师信息

14、查询老师授课信息课表查询成绩信息查询顾观佩个人信息表李娜个人信息表林吉妮个人信息表顾观佩个人成绩李娜个人成绩林吉妮个人成绩Y显示输入错误N4. 系统具体内容说明4.1登录说明/从窗口中获取username与passwd对象var name = document.getElementById(username);var passwd = document.getElementById(passwd);/判断是否正确if (name.value=admit & passwd.value=123456)document.location=(主页.html);elsealert(用户名或密码不正确！)

15、;只有输入默认的用户名和密码才能正确登入主页，如果用户名和密码输入不正确则就会出现提示错误的框。 4.2图片的滚动说明var speed=70demo2.innerHTML=demo1.innerHTMLfunction Marquee()if(demo2.offsetWidth-demo.scrollLeft=0)demo.scrollLeft-=demo1.offsetWidthelsedemo.scrollLeft+var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() clearInterval(MyMar)dem

16、o.onmouseout=function() MyMar=setInterval(Marquee,speed)这是图片滚动的具体代码，其中style=overflow:hidden；此写法的作用是：隐藏滚动条。这是依次滚动图片。if(demo2.offsetWidth-demo.scrollLeft=0)demo.scrollLeft-=demo1.offsetWidthelsedemo.scrollLeft+这段代码是，如果滚动到最后一张图片，则再重新循环滚动第一张图片4.3获奖学生的图片公示滚动说明热烈祝贺下列获奖学生： direction 表示滚动的方向，值可以是left，right，

17、up，down，默认为leftbehavior 表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动） scrollamount 表示运动速度，值是正整数，默认为6.scrolldelay 表示停顿时间，值是正整数，默认为0，单位是毫秒4.4时间的设置说明 now = new Date(),hour = now.getHours()if(hour 6)document.write(明天不用上课吗?)else if (hour 8)document.write(全新的一天!)else if (hour 12)document.write(Good M

18、orning!)else if (hour 14)document.write(外面太阳大吗？)else if (hour 18)document.write(Good Afternoon!)else if (hour 22)document.write(晚上好!)else if (hour 24)document.write(夜深了! 注意身体! 祝你做个好梦!)我们本次做的时间特点是显示系统的时间，再根据每天不同的时间段显示一句对应的话。而时间的设置以前在做实验时已经做过类似的，我们就将此变得更复杂一些。5关键问题及解决办法5.1 关于登录页面（1）问题一：刚开始做登录页面时，不知道如何从

19、登录页面转到主页。 答：一开始的登录页面是我做的，在登录页面中我用了两个按钮，分别是提交和清空按钮。但我不知道当用户点击了提交按钮后，如何进入主页。后来看了书本之后才想起，在这里应该超链接。后来加入了超链接后，只要我们点击提交按钮就能从登陆界面进入主页。（2）问题二：当我解决了第一个问题后，才发现在登录界面即使我们不输入用户名和密码也能进入主页。答：第一问题虽然是解决了，但随之而来也就带来了第二个问题，如果不用输入用户名和密码，点击提交按钮也能进入主页，那不就失去了主页存在的意义吗？由于我们这次的课程设计不需要用到数据库，而且我们也不会如何将网页中的数据与数据库联系在一起，所以我想到可以在程序

20、中定义一个默认账户，只有输入这个指定的用户名和语句才能进入主页。以下是判断用户名和密码是否正确的语句：if (name.value=admit & passwd.value=123456)document.location=(主页.html);elsealert(用户名或密码不正确！);5.2 关于个子页面设计（1）问题一：我们在设计学生信息界面的时候本来想使用框架的，但后来出现了问题。答：当我们使用框架后，点击某位学生的个人信息时，由于出来的并不是一个新页面。所以显示出来的页面只有一部分，就是框架隔出来的那一部分。所以我们不能使用框架来做学生的个人信息，最后只有还是利用超链接跳出一个新的页面

21、。6.心得体会 参考文献1吴英计算机网络应用软件编程就技术北京：机械工业出版社，20102 高屹网络应用程序设计教程北京：机械工业出版社, 20083 吴功宜计算机网络技术教程北京：机械工业出版社，20094 吉根林. Web程序设计. 电子工业出版社，2011答辩记录问：1.所做的管理系统中客户端和服务器端的开发环境和编程语言是什么？答：我们系统采用的是HTML和脚本语言JavaScript。我们大多是在记事本中输入代码来实现的以及用DreamWeaver来实现整个网站的规划与管理。问：2.如何实现页面的动态效果的？答：我们所做的管理系统的界面大多采用的是静态页面，其中使用使用了JavaSc

22、ript脚本语言将页面设计为动态效果即可。我们使用来实现图片和文字的动态滚动问：3.简述脚本语言的特点，什么是对象？什么是事件？答：JavaScript是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点：简单性、基于对象、可移植性、动态性、安全性、跨平台性。对象是对客观事物或事物之间的关系的刻画。事件是在创建会话时发生，事件在用户会话结束时或被脚本调用对象的方法时被触发。源程序代码（1）登录页面登录 欢迎来到学生教务系统登录界面   用户登录/LOGIN 用户名： (输入默认用户名) 密 码： （输入

23、6位密码） 学生 教师 其他 /当点击提交时调用的方法function checkOk()/从窗口中获取username与passwd对象var name = document.getElementById(username);var passwd = document.getElementById(passwd);/判断是否正确if (name.value=admit & passwd.value=123456)document.location=(主页.html);elsealert(用户名或密码不正确！);   主页欢迎进入学生管理系统 学生信息管理系统 var speed=8

24、0demo2.innerHTML=demo1.innerHTMLfunction Marquee()if(demo2.offsetWidth-demo.scrollLeft=0)demo.scrollLeft-=demo1.offsetWidthelsedemo.scrollLeft+var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() clearInterval(MyMar)demo.onmouseout=function() MyMar=setInterval(Marquee,speed) function tick

25、() var hours, minutes, seconds, xfile;var intHours, intMinutes, intSeconds;var today;today = new Date();intHours = today.getHours();intMinutes = today.getMinutes();intSeconds = today.getSeconds();if (intHours = 0) hours = 12:;xfile = 午夜; else if (intHours 12) hours = intHours+:;xfile = 上午; else if (

26、intHours = 12) hours = 12:;xfile = 正午; else intHours = intHours - 12hours = intHours + :;xfile = 下午;if (intMinutes 10) minutes = 0+intMinutes+:; else minutes = intMinutes+:;if (intSeconds 10) seconds = 0+intSeconds+ ; else seconds = intSeconds+ ; timeString = xfile+hours+minutes+seconds;Clock.innerH

27、TML = timeString;window.setTimeout(tick();, 100);window.onload = tick; today=new Date();function initArray()this.length=initArray.arguments.lengthfor(var i=0;ithis.length;i+)thisi+1=initArray.argumentsi var d=new initArray(星期日,星期一,星期二,星期三,星期四,星期五,星期六);document.write( ,today.getYear(),年,today.getMont

28、h()+1,月,today.getDate(),日,dtoday.getDay()+1, ); !-today=new Date();var hours = today.getHours();var minutes = today.getMinutes();var seconds = today.getSeconds();var timevalue = + (hours 12) ? hours -12 :hours); timevalue += (minutes 10) ? :0 : :) + minutes+;timevalue += (hours = 12) ? pm : am;funct

29、ion initArray()this.length=initArray.arguments.lengthfor(var i=0;ithis.length;i+)thisi+1=initArray.argumentsi var d=new initArray(星期日,星期一,星期二,星期三,星期四,星期五,星期六); document.write(,today.getYear(),年,today.getMonth()+1,月,today.getDate(),日 ,dtoday.getDay()+1, ,timevalue); /- !-now = new Date()hour = now.ge

30、tHours()if (hour 12) document.write( now.toLocaleString() else if (hour = 18) document.write( now.toLocaleString()/ - 12) ? hours -12 :hours)current += (minutes 10) ? :0 : :) + minutescurrent += (seconds = 12) ? P.M. : A.M.if(day=0)var weekday = 星期日if(day=1)var weekday = 星期一if(day=2)var weekday = 星期

31、二if(day=3)var weekday = 星期三if(day=4)var weekday = 星期四if(day=5)var weekday = 星期五if(day=6)var weekday = 星期六current +=(weekday)window.status=current;timeID = setTimeout(time(),1000);timeRunning = true;function run()stop();time();/- function tick() var hours, minutes, seconds, xfile;var intHours, intMin

32、utes, intSeconds;var today;today = new Date();intHours = today.getHours();intMinutes = today.getMinutes();intSeconds = today.getSeconds();if (intHours = 0) hours = 12:;xfile = 午夜; else if (intHours 12) hours = intHours+:;xfile = 上午; else if (intHours = 12) hours = 12:;xfile = 正午; else intHours = int

33、Hours - 12hours = intHours + :;xfile = 下午;if (intMinutes 10) minutes = 0+intMinutes+:; else minutes = intMinutes+:;if (intSeconds 10) seconds = 0+intSeconds+ ; else seconds = intSeconds+ ; timeString = xfile+hours+minutes+seconds;Clock.innerHTML = timeString;window.setTimeout(tick();, 100);window.on

34、load = tick; now = new Date(),hour = now.getHours()if(hour 6)document.write(明天不用上课吗?)else if (hour 8)document.write(全新的一天!)else if (hour 12)document.write(Good Morning!)else if (hour 14)document.write(外面太阳大吗？)else if (hour 18)document.write(Good Afternoon!)else if (hour 22)document.write(晚上好!)else if (hour   学生信息管理 课程信息管理 教师信息查询 教师授课信息 课表查询 成绩信息查询 2013年下半年全国计算机等级报名通知 发布时间:2013-6-3 热烈祝贺下列获奖学生：