最新web程序设计课程设计报告.doc
Four short words sum up what has lifted most successful individuals above the crowd: a little bit more.-author-dateweb程序设计课程设计报告吉林工程技术师范学院吉林工程技术师范学院信息工程学院 web程序设计 课程设计报告题 目： 学生成绩信息查询系统 专 业： 计算机科学与技术 班 级： C1042 姓 名： 李洪锦 学 号： 33 号 指导教师： 杨峰 丰雪琰 郭天娇 齐艳茹 时 间： 2013.11.25日12.6日 -摘 要随着计算机技术的飞速发展，计算机在企业和事业单位的管理中应用的普及，利用计算机实现企业和部门的工作管理势在必行。本系统结合学校实际的学生成绩及其他信息查询，经过实际的需求分析，采用WEB页面成绩信息管理系统。整个系统从符合操作简便、界面友好、灵活、实用、安全的要求出发，完成成绩、个人信息管理的全过程，包括新进学员入校时信息档案的建立、中间事故等的变动引起学员信息的修改、学员信息查询、统计等学生管理工作以及学生各学期信息的新增、修改、出盘、查询等管理工作。经过测试，本文所设计的学生成绩管理系统可以满足一般学生管方面的需要。论文主要介绍了本课题的开发背景，所要完成的功能和开发的过程。重点的说明了系统设计的重点、设计思想、难点技术和解决方案。数据库；delphi7.0；学生成绩管理；WEB关键字：学生成绩查询；WEB；网站目录第1章 概述21.1 选题的意义21.1.1主题21.1.2选题的意义2第2章 系统分析42.1 技术分析42.2 功能分析4第3章 总体设计与详细设计53.1 总体结构设计53.1.1系统结构图53.1.2系统设计草图53.2 网站目录结构设计63.3 详细设计63.3.1添加学生部份的实现63.3.2成绩录入部份的实现63.3.3成绩修改部份的实现73.3.4成绩查询部份的实现7第4章 系统测试84.1 设计和调试过程中遇到的问题84.2 运行通过后的结果8总结11参考文献12附录1第1章 概述1.1 选题的意义1.1.1主题本设计的目标就是让教务管理者利用时下的科技技术，来更好的帮助自己解决管理上的问题。本设计采用html编写，由于它和数据库有很好的融合性，使它编出来的软件速度更快，数据更安全，业者可以更放心的使用。同时我们在设计本系统时,通过综合应用所学的知识,运用"工程设计方法"解决实际问题和科研方法的初步训练,进一步培养了自己解决问题和查阅文献以及编写技术报告的能力,培养了树立科学态度,创新精神和理论联系实际的作风。1.1.2选题的意义成绩管理系统不同于传统的成绩管理。传统管理最主要的职能是备份，并在对所备份资料分开保存、组织的基础上为用户提供各种服务。成绩管理系统是一个将管理、服务和人集成在一起的一个“多维”环境，数字化资源是成绩管理系统的基本要素。 当今时代是飞速发展的信息时代。在各行各业中离不开信息处理，这正是计算机被广泛应用于信息管理系统的环境。计算机的最大好处在于利用它能够进行信息管理。使用计算机进行信息控制，不仅提高了工作效率，而且大大的提高了其安全性。尤其对于复杂的信息管理，计算机能够充分发挥它的优越性。 管理信息系统是进行信息的采集、存储、加工、维护和使用的系统。它是随着管理科学和技术科学的发展而形成的。学生档案管理系统是一个教育单位不可缺少的部分,它的内容对于学校的决策者和管理者来说都至关重要,所以学生成绩管理系统应该能够为用户提供充足的信息和快捷的查询手段。但一直以来人们使用传统人工的方式管理文件档案，这种管理方式存在着许多缺点,如:效率低、保密性差,另外时间一长,将产生大量的文件和数据,这对于查找、更新和维护都带来了不少的困难。 作为计算机应用的一部分,使用计算机对学生成绩信息进行管理,具有着手工管理所无法比拟的优点.例如:检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高学生档案管理的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。因此，开发这样一套管理软件成为很有必要的事情,学生成绩管理系统提供了强大的学生成绩管理管理功能，方便管理员对学生成绩等信息的添加.修改.删除.查询.汇总.统计等操作。更适合大型数据库的管理。第2章 系统分析2.1 技术分析本系统采用HTML、Dreamweaver 以及PhotoShop技术。HTML（HyperText Mark-up Language），即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。Adobe Dreamweaver，简称“DW”，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。2.2 功能分析 本系统主要实现用户端和后台端两个部分的某些功能，其中后台端可以添加学生，也就是添加学生信息、进行成绩录入、成绩修改等功能。而用户端能通过用户名密码的登录进入系统并按相应的学生条件进行成绩查询。第3章 总体设计与详细设计3.1 总体结构设计3.1.1系统结构图图3-1 系统总体结构图用户端和后台端两个部分的某些功能，其中后台端可以添加学生，也就是添加学生信息、进行成绩录入、成绩修改等功能。而用户端能通过用户名密码的登录进入系统并按相应的学生条件进行成绩查询。3.1.2系统设计草图图3-2 系统设计草图3.2 网站目录结构设计网站根目录包含了四个子目录，分别是添加学生、成绩录入、成绩修改和成绩查询。添加学生存放的是后台端或教师端等有权限的用户可以对学生信息进行添加，比如学生姓名、学生编号、地址、联系方式等一切学生信息。成绩录入指的是为学生录入成绩，成绩的总和由平时成绩实践成绩以及其他构成。再就是成绩修改，可对学生成绩进行修改，输入新成绩将代替原来的成绩。最后是成绩查询。学生或老师通过帐号密码进入系统按学生信息进行成绩查询。3.3 详细设计详细设计阶段的根本目标是确定应该怎样具体实现所要求，也就是说，经过这个阶段的工作，应该得出对目标系统的精确描述，从而在编码阶段可以把这个描述直接翻译成为某种程序设计语言的顺序。在本系统的该阶段中，主要是对各模块进行分析，将输入数据和输出数据具体化，并描述出各模块的处理方式。3.3.1添加学生部份的实现1.<html>-><head>-><title>添加学生</title>-><form>-><table>-><tr><td></td><tr>-></table>-></form>-></title>-></head>-></html>。2.给这些动作添加html代码形成模块。3.保存如上动作，形成.html文件，并保存在同一根目录下。3.3.2成绩录入部份的实现1.<htm> <head> <title>成绩录入</title></head> <body bgcolor=#3399ff> <table border="1" width="99%" height="58"> <tr><td width="100%" height="60"><b><font face="新宋体" size="7"><blink> <marquee behavior="alternate" direction="right" width="652" height="50"> 成绩录入</marquee> </blink></tr> </table> </center> </div>。2.给这些动作添加html代码形成模块。3.保存如上动作，形成.html文件，并保存在同一根目录下。3.3.3成绩修改部份的实现1.<html><head><title>成绩修</title></head><bodybgcolor=#3399ff><table border="1" width="99%" height="58"><tr><td width="100%"height="60"><b><font face="新宋体" size="7"><blink><marquee behavior="alternate" direction="right" width="652" height="50">成绩修改</marquee></blink></font></b></td></tr></table></tr></table></center></div>。2.给这些动作添加html代码形成模块。3.保存如上动作，形成.html文件，并保存在同一根目录下。3.3.4成绩查询部份的实现1.<html><head><title>成绩查询</title></head><body ><table ><tr><td ><b><font><blink><marquee>成绩查询</marquee></blink></font></b></td></tr></table></center></center></form></table></table><div align="center" style="width: 648; height: 35">。2.给这些动作添加html代码形成模块。3.保存如上动作，形成.html文件，并保存在同一根目录下。其中表格布局过程在dreamwaver中完成，图片处理在photoshop中完成。第4章 系统测试4.1 设计和调试过程中遇到的问题首页的调试是最复杂难以成功的，由于我是初次使用dreamwaver，所以不是很熟练，以至一些使用事倍功半。但经过不懈的努力和反复尝试还是达到了现在这勉强可以的程度。其它模块调试还算顺利。再就是模块整合在一起时候会出现一些问题，比如说由于文件存放位置的改变而导致连接不可用等，但这些都不是问题，只要用心就能解决。4.2 运行通过后的结果图4-1图4-2图4-3图4-4总结在老师的精心指导下，经过大家的共同努力，毕业论文已经完稿，也意味着毕业设计的工作基本完成。该毕业设计不仅是我们在大学四年学习生活中的最后一个课题，更是我们在校最后接受老师对我们进行人生教育的最后一课。因此，我们都非常珍惜这一段宝贵的时光，也非常重视这次课题的设计。本次WEB 成绩管理系统课题的开发设计，在老师的指导下，我们利用在校所掌握的专业知识，采用现代的软件工程式的方法，结合生活应用，用自己的触角去把握和延伸课题的深度。通过本次设计，我们不仅对专业知识进行了更深入的学习，对采用现在软件工程方法开发软件也有了进一步的认识，对各阶段的实现和任务完成有了进一步的了解。在老师悉心的关怀和大力的支持下我们的论文才能得以顺利完成，在这里我衷心的感谢老师对我们的关怀和支持。老师认真负责的工作态度、严谨的治学风格，使我们深受启发；同时也感谢系里众多老师及各资科室的领导、朋友们给我的指导和帮助，以及给我提供的良好的开发环境和详细资料来源，是在他们的帮助下，我们才能完成这个系统。再次感谢所有给予了我帮助的老师、朋友们！参考文献1 张俊等.网页设计与制作教程.北京:清华大学出版社,2006.92 黄文.网页设计与制作教程.北京:清华大学出版社,2004.83 李忠林.网站设计建设与维护实务.北京:高等教育出版社,20084 陈丽.网页制作三剑客.北京:清华大学出版社2010.95 李燕.网页设计与制作.北京:人民邮电出版社,2004.36 邹婷.DreamweaverMX2004标准教程.北京:中国青年出版社,2005.77 张博等.网页设计与制作上机实践指导教程.北京:机械出版社,2001.3附录1源代码主页代码<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http:/www.w3.org/TR/REC-html40"> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> <style type="text/css"> <!- body background-color: #3399ff; -> </style></head> <body> <div align="center"> <p></p> <table border="0" width="778" id="table1" cellspacing="0" cellpadding="0" bgcolor="#9C141B"> <tr> <td colspan="2"><img src="6.png" width="778" height="142"></td> </tr> <tr> <td width="778" colspan="2"> <div align="center"> <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table2"> <tr> <td> <div align="center"> <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table3"> <tr> <td bgcolor="#DDE0E8" align="center"><img src="./QQ截图20131205125200.png" width="499" height="264"></td> <td width="265" bgcolor="#FFFFFF" align="center" valign="top"> <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table5"> <tr> <td bgcolor="#FFFFFF" align="center" height="55" width="97%"> <p align="center"> <a target="_top" title="校内IP地址登录" href="http:/192.168.19.201/jwcsystem"></a><a target="_top" title="非校内IP地址登录" href="1.html"><img src="1.png" width="255" height="48" border="0"></a></td> <td bgcolor="#DDDFE8" align="center" height="55" valign="top" width="8"> </td> </tr> <tr> <td bgcolor="#FFFFFF" align="center" height="55" width="97%"><a target="_top" href="2.html"><img src="2.png" width="256" height="47" border="0"></a></td> <td bgcolor="#DDDFE8" align="center" height="55" valign="top" width="8"> </td> </tr> <tr> <td bgcolor="#FFFFFF" align="center" height="55" width="97%"><a target="_top" href="3.html"><img src="3.png" width="252" height="49" border="0"></a></td> <td bgcolor="#DDDFE8" align="center" height="55" valign="top" width="8"> </td> </tr> <tr> <td bgcolor="#FFFFFF" align="center" height="55" width="97%"><a target="_top" href="4.html"><img src="4.png" width="254" height="48" border="0"></a></td> <td bgcolor="#DDDFE8" align="center" height="55" valign="top" width="8"> </td> </tr> <tr> <td bgcolor="#FFFFFF" align="center" height="55" width="97%"> </td> <td bgcolor="#DDDFE8" align="center" height="55" valign="top" width="8"> </td> </tr> </table> </td> </tr> </table> </div> </td> </tr> <tr> <td> <img border="0" src="img/04.jpg" width="778" height="3"></td> </tr> </table> </div> </td> </tr> <tr> </body> </html>子页1代码<html> <head> <title>添加学生</title> <body bgcolor=#3399ff> <h1 align="center" >输入学生信息</h1> </head> <center> <form action="http:/localhost/Scripts/uaddstudentpro.dll/student" method=get> <!-mstheme-><table border="1"> <tr> <td><!-mstheme->学生编号<!-mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="Id"></td> </tr> <tr> <td><!-mstheme->学生姓名<!-mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="name"></td> </tr> <tr> <td><!-mstheme->学生性别<!-mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="Sex"></td> </tr> <tr> <td><!-mstheme->学生学历<!mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="Education"></td> </tr> <tr> <td><!-mstheme->学生年龄<!mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="Old"></td> </tr> <tr> <td><!-mstheme->学生成绩<!mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="Performace"></td> </tr> <tr> <td><!-mstheme->担任职务<!mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="Position"></td> </tr> <tr> <td><!-mstheme->所属院系<!mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="Department"></td> </tr> <tr> <td><!-mstheme->入校时间<!mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="Inputtime"></td> </tr> <tr> <td><!-mstheme->联系电话<!mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="Phone"></td> </tr> <center> <input type="submit" value="提交"> <input type="reset" value="重填"> </center> <!-mstheme-></table> </center> </form> <title>添加班级</title> <body bgcolor=#3399ff> <h1 align="center" >输入班级信息</h1> </head> <center> <form action="http:/localhost/Scripts/uAddDepartmentpro.dll/inputinfo" method="get"> <!-mstheme-><table border="1"> <tr> <td><!-mstheme->班级编号<!-mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="Id"></td> </tr> <tr> <td><!-mstheme->班级名称<!-mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="name"></td> </tr> <tr> <td><!-mstheme->班主任<!-mstheme-></td> <td><!-mstheme-><input type="text" size="35" maxlength="256" name="head"></td> </tr> <center> <input type="submit" value="提交"> <input type="reset" value="重填"> </center> <!-mstheme-></table> </center> </form> </html> 子页2代码<html> <head> <title>成绩录入</title></head> <body bgcolor=#3399ff> <table border="1" width="99%" height="58"> <tr><td width="100%" height="60"><b><font face="新宋体" size="7"><blink> <marquee behavior="alternate" direction="right" width="652" height="50"> 成绩录入</marquee> </blink></font></b></td> </tr> </table> <p><font size="5"> 请输入信息: </font> </hl> <center> </p> <form action="http:/localhost/Scripts/Performaceeditpro.dll/Performaceedit" method=get> <table border="2"> <table> <tr> <td> 学生编号</td> <td><input type="text" size="30" maxlength="256" name="id"></td> </tr> <tr> <td> 考试成绩</td> <td><input type="text" size="30" maxlength="256" name="kaoshiPerformace"></td> </tr> <tr> <td> 考勤成绩</td> <td><input type="text" size="30" maxlength="256" name="kaoqinPerformace"></td> </tr> <tr> <td> 实践成绩</td> <td><input type="text" size="30" maxlength="256" name="shijianPerformace"></td> </tr> <tr> <td> 其他</td> <td><input type="text" size="30" maxlength="256" name="others"></td> </tr> <center> <input type="submit" value=" 提交"> <input type="reset" value=" 重填 "></center></center></form> </table> </table> <div align="center" style="width: 648; height: 35"> <center> <form action="http:/localhost/Scripts/Performaceeditpro.dll/showtable" method=get> <table border="1" width="83" height="9"> <tr> <td width="79"><input type="submit" value="浏览全表"></td> </tr> </table> </center> </div> 子页3代码<html> <head> <title>成绩修改</title></head> <body bgcolor=#3399ff> <table border="1" width="99%" height="58"> <tr><td width="100%" height="60"><b><font face="新宋体" size="7"><blink> <marquee behavior="alternate" direction="right" width="652" height="50"> 成绩修改</marquee> </blink></font></b></td> </tr> </table> <p><font size="5"> 请输入信息: </font> </hl> <center> </p> <form action="http:/localhost/Scripts/Performaceeditpro.dll/Performaceedit" method=get> <table border="2"> <table> <tr> <td> 学生编号</td> <td><input type="text" size="30" maxlength="256" name="id"></td> </tr> <tr> <td> 考试新成绩</td> <td><input type="text" size="30" maxlength="256" name="kaoshiPerformace"></td> </tr> <tr> <td> 考勤新成绩</td> <td><input type="text" size="30" maxlength="256" name="kaoqinPerformace"></td> </tr> <tr> <td> 实践新成绩</td> <td><input type="text" size="30" maxlength="256" name="shijianPerformace"></td> </tr> <tr> <td> 其他</td> <td><input type="text" size="30" maxlength="256" name="others"></td> </tr> <center> <a href="4.html"><input type="submit" value="提交"></a> <input type="reset" value=" 重填 "></center></center></form> </table> </table> <div align="center" style="width: 648; height: 35"> <center> <form action="http:/localhost/Scripts/Performaceeditpro.dll/showtable" method=get> <table border="1" width="83" height="9"> <tr> <td width="79"><input type="submit" value="浏览全表"></td> </tr> </table> </center> </div> 子页4代码<html> <head> <title>成绩查询</title></head> <body bgcolor=#3399ff> <table border="1" width="99%" height="58"> <tr><td width="100%" height="60"><b><font face="新宋体" size="7"><blink> <marquee behavior="alternate" direction="right" width="652" height="50"> 成绩查询
