javaweb课程设计学生信息管理

宿 迁 学 院J2EE导论课程考核报告班 级： 12软件1 学 号： 姓 名： 得 分： 2015年6月15日一 、绪论11.1 课题研究背景和意义11.2 课题研究的主要内容1二、 相关技术介绍12.1 JSP12.2 MySQL12.3 Tomcat1三、 系统设计23.1 系统功能设计23.2 数据库设计3四、 网站系统实现44.1 系统主界面44.2 教师主界面54.3 教师修改界面64.4 教师添加界面74.5 教师删除界面94.6 学生主界面94.7 学生修改界面104.8 关于exit界面实现114.9 过滤器实现124.10源码12五、 总结341、 绪论 1.1课题研究背景和意义随着计算机技术的飞速发展以及Internet的广泛应用，越来越多的公司、单位和个人通过网站提供服务、公布信息、交流知识。在这个情形下，我们要紧跟潮流，通过小小的一个课题实现最基本功能，从而基本融汇一部分Web开发技术。 1.2课题研究的主要内容课题是一个小小的学生信息管理系统。要求有前后台之分，前台为学生，后台为教师；涉及到数据库操作，可以在页面完成基本增、删、查、改功能；当然，在操作失败时，要求有提示；要有基本的页面布局，要求美观整洁；而且，添加过滤器以过滤非法访问。2、 相关技术介绍 2.1 JSPJSP(JavaServer Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准，该技术为创建显示动态生成内容的Web页面提供了一个简捷而快速的方法。JSP技术的设计目的是使得构造基于Web的应用程序更加容易和快捷，而这些应用程序能够与各种Web服务器，应用服务器，浏览器和开发工具共同工作。 JSP规范是Web服务器、应用服务器、交易系统、以及开发工具供应商间广泛合作的结果。在传统的网页HTML文件(*htm,*.html)中加入Java程序片段(Scriptlet)和JSP标记(tag)，就构成了JSP网页(*.jsp)。 2.2 MySQLMySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQL AB公司。在2008年1月16号被Sun公司收购。而2009年,SUN又被Oracle收购.对于Mysql的前途,没有任何人抱乐观的态度.目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。 2.3 TomcatTOMCAT是APACHEJAKARTA软件组织的一个子项目，TOMCAT是一个JSP/SERVLET容器，它是在SUN公司的JSWDK（JAVASERVERWEBDEVELOPMENTKIT）基础上发展起来的一个JSP和SERVLET规范的标准实现，使用TOMCAT可以体验JSP和SERVLET的最新规范。经过多年的发展，TOMCAT不仅是JSP和SERVLET规范的标准实现，而且具备了很多商业JAVASERVLET容器的特性，并被一些企业用于商业用途。3、 系统设计3.1系统功能设计修改学生信息新增学生信息学生信息管理学生前台交互修改个人信息显示个人信息显示所有学生删除学生信息教师后台管理 图1 整个系统功能模块图3.2数据库设计表1 学生信息表结构信息序号列名数据类型长度标志主键允许空默认值说明备注1userIdint是是否auto_increment编号2usernamevarchar20否姓名3passwordvarchar15否密码4telephonevarchar20否手机号5sexint否性别6ageint否年龄表2 教师信息表结构信息序号列名数据类型长度标志主键允许空默认值说明备注1userIdint是是否auto_increment编号2usernamevarchar20否姓名3passwordvarchar15否密码4、 网站系统实现 4.1登录界面 图2 登录功能图在login.jsp页面用form表单提交数据到checklogin.jsp页面，并且在login.jsp页面判断不能为空。在checklogin.jsp页面接收login.jsp页面的数据，并且根据登录类型的不同，设置不同session，并跳转到不同的检测界面。 图3 登录失败图根据session的不同typ，在checkstudent.jsp或checkteacher.jsp页面先获取session的用户名和密码，然后从数据库取值进行判断，若不同则显示登录失败，并返回login.jsp页面若是相同，就跳转到相应的显示界面。并设置session的IsLogin为true。4.2教师主界面 图4 教师显示学生信息图进入teshow.jsp界面,先获取session中用户名，用于显示欢迎xx条目，然后在表格中显示所有学生信息，在每一条信息后面都有四个超链接，分别连接到tedelete.jsp、update1.jsp、teadd1.jsp和exit界面。其中，删除和修改两个超链接要传递id。4.3教师修改界面 图5 教师修改学生信息图进入update1.jsp界面,先获取session中用户名，用于显示欢迎xx条目，再在界面中根据接收到的id连接数据库显示相应原信息。将要修改的那一条信息的姓名和id设置session，将其余允许修改的信息用form表单提交到update2.jsp页面。根据session中的不同typ，设置指向teshow.jsp或stushow.jsp页面，放弃修改。在update2.jsp页面中，接收数据，并连接数据库进行更新，之后跳转到相应显示界面。 图6 修改后图这是更新id为7的学生信息的结果。4.4教师添加界面 图7 教师添加重名学生信息图进入teadd1.jsp界面,先获取session中用户名，用于显示欢迎xx条目，将添加的信息用form表单提交到teadd2.jsp页面，当然，要在teadd1.jsp页面中进行空值判断。设置指向teshow.jsp页面的退出超链接，放弃添加。在teadd2.jsp页面中，接收数据， 图8 添加失败图先连接数据库，进行已存在判断，若已存在，就显示失败，并返回teshow.jsp页面。 图9 教师添加不重名学生信息图在teadd1.jsp页面添加一个不重名的学生信息，在teadd2.jsp页面连接数据库，判断不存在，所以可以插入。然后连接数据库进行插入操作，返回teshow.jsp页面。 图10 教师添加学生信息成功图添加一个姓名为100的学生成功。4.5教师删除界面 图11 教师删除学生信息后图进入tedelete.jsp界面，获取id，根据id连接数据库删除，之后回到teshow.jsp页面。删除7学生的信息成功。4.6学生主界面 图12 学生显示个人信息图进入stushow.jsp界面,先获取session中用户名，用于显示欢迎xx条目，获取session中id，然后根据id在表格中显示此位学生信息，在信息后面都有两个超链接，分别连接到update1.jsp和exit界面。修改超链接要传递id。4.7学生修改界面 图13 学生修改个人信息图进入update1.jsp界面,先获取session中用户名，用于显示欢迎xx条目，再在界面中根据接收到的id连接数据库显示相应原信息。将要修改的那一条信息的姓名和id设置session，将其余允许修改的信息用form表单提交到update2.jsp页面。根据session中的不同typ，设置指向teshow.jsp或stushow.jsp页面，放弃修改。在update2.jsp页面中，接收数据，并连接数据库进行更新，之后跳转到相应显示界面。 图14 学生修改个人信息后图修改信息成功。4.8 关于exit界面实现图15 servlet配置图在web.xml文件中为src文件夹下exam.servlet包中ExitServlet.java文件进行配置。在ExitServlet.java文件中销毁session，并跳转到login.jsp页面。4.9过滤器实现图16 过滤器配置图在web.xml文件中为src文件夹下exam.filter包中LoginFilter.java文件进行配置。在LoginFilter.java文件中，login.jsp、checklogin.jsp、checkteacher.jsp和checkstudent.jsp四个页面，对其它页面都要检查IsLogin的值，若为true，则允许访问，否则就返回login.jsp页面。 4.10源码图17 源码结构图login.jsp页面function check() var i=document.getElementById(id).value; var n=document.getElementById(name).value; var p=document.getElementById(password).value; if(i=|i=null|n=|n=null|p=|p=null) alert(不能为空！); return false; else if(isNaN(i) alert(id需为数字); return false; else return true; h3 margin-top:150px;margin-left:600px;td border:solid 1px #429fff; table margin-left:600px; border:solid 1px #429fff; width:400px; height:200px; border-collapse:collapse; word-spacing:20px; #a width:180px;#b width:60px; height:25px;div width:100%; height:100%; font-size:30px; background-color: #E6F1FB; base href= 登录页面 欢迎使用请登录： 学 号： 姓 名： 密 码： 类 型：学生 教师 checklogin.jsp页面 检查类型 checkteacher.jsp页面h2 margin-top:100px; margin-left:200px;div width:100%; height:60%; background-color: #E6F1FB; My JSP checkteacher.jsp starting page 登录失败!     存在某些错误? checkstudent.jap页面h2 margin-top:100px; margin-left:200px;div width:100%; height:60%; background-color: #E6F1FB; My JSP checkstudent.jsp starting page 登录失败!     存在某些错误? stushow.jsp页面h2 margin-top:100px; margin-left:200px;td width:80px;table margin-top: 30px; margin-left:240px; word-spacing:20px; border:solid 1px #429fff; border-collapse:collapse;input background-color:#a0ffc0;div width:100%; height:100%; background-image: url(05.jpg);a color:black; My JSP stushow.jsp starting page 欢迎 同学使用学生端 学号姓名密码电话 性别年龄 操作 a href=update1.jsp?id=修改|退出 teshow.jsp页面td width:80px;h2 margin-top:100px; margin-left:200px;table margin-top: 30px; margin-left:240px; word-spacing:20px; border:solid 1px #429fff; border-collapse:collapse;input background-color:#a0ffc0;div width:100%; height:100%; background-image: url(05.jpg);a color:black; My JSP teshow.jsp starting page 欢迎 老师使用教师端学号姓名密码电话性别年龄操作 a href=tedelete.jsp?id=删除|a href=update1.jsp?id=修改| 添加|退出| teadd1.jsp页面 My JSP teadd1.jsp starting pagefunction check() var t=document.getElementById(telephone).value; var n=document.getElementById(name).value; var p=document.getElementById(password).value; var a=document.getElementById(age).value; if(t=|t=null|n=|n=null|p=|p=null|a=|a=null) alert(不能为空！); return false; else return true; td height:50px; table margin-top:70px; margin-left:640px; word-spacing:20px; border:solid 1px #429fff; border-collapse:collapse; #c border:solid 0px #429fff; margin-left:5