jsp报告--动态web程序设计

《jsp报告--动态web程序设计》由会员分享，可在线阅读，更多相关《jsp报告--动态web程序设计（33页珍藏版）》请在金锄头文库上搜索。

1、湖湖南南商商学学院院动态动态 webweb 程序设计程序设计题题 目目学生管理系统学生姓名学生姓名欧名亮 朱滨 罗巍 曾聪宇学学 号号140930070学学 院院计算机信息与工程专业班级专业班级软件 1402指导教师指导教师曾强聪职职 称称2016年年5月月目目录录1.1.问题描述问题描述. .1.12.2.数据库设计数据库设计. .2.23.3.程序结构设计程序结构设计. .3.34.4.对象交互设计对象交互设计. .3.35.5.程序算法设计程序算法设计. .4.46.6.总结总结. .29.29第 0 页 共 33 页1.1.问题描叙问题描叙1.11.1 项目介绍项目介绍本项目名为学生管

2、理系统，是综合运用 HTML,CSS,JS 语言及 jsp 技术制作 的动态 web 程序，本项目使用 Apache Tomcat 8.0 服务器、mysql 5.6、jdk1.7 。开发平台为 Netbeans,本项目在页面设计上美观大方，简洁活泼，且运用响 应式布局让页面更加有趣。 本项目为打造一个方便管理学生信息的简版教务系统，分为管理员账号和 学生账号，通过输入管理员账号进入到主界面，主界面运用了框架，分为头部 页面，功能框页面，显示框页面，功能框页面有四个功能：学生信息添加、学 生信息查询、学生信息修改、学生信息删除。而通过学生账号输入出现的界面 只有查询功能。在输入完账号和密码时，

3、程序将账号和密码提交给检查程序， 分析其权限是管理员还是普通学生权限或者是输入错误，当输入错误时，页面 会跳转到错误提示页面，当用户没有输入账户或者密码就点击提交时，页面也 会出现提示。 目前只设有一个管理员账号和一个公用学生登录账号，当点击注册时，系 统会跳转到注册界面，注册完成后跳转到用户验证界面，当用户正确回答页面 要求回答的问题后，将弹窗获得学生登录账号、密码。1.21.2、项目分析、项目分析： （1）进行系统的需求分析： 该学生信息管理系统主要功能：学生通过输入学号和密码进入该系统后， 可以进行一些基础维护可以进行增加、修改、删除、学号查询。 随着科学技术的发展和整个社会的进步，计算

4、机技术也得到了很大的提高， 特别是微型计算机的大范围普及，是计算机的应用逐渐有科学计算、实时控制 等方面向非数值处理的各个领域渗透并发挥着越来越重要的作用。尤其是以微 型计算机为处理核心，以数据库管理系统为开发环境的管理系统在办公室自动 化以及商业信息管理等方面的应用，日益受到人们的关注。 利用计算机进行信息控制和数据处理，不仅从整体上大大提高了工作效率 和安全性，而且具有存储量大，寿命长，成本低等优点，这些更是手工管理所 无法比拟的。用计算机支持完成人事管理的日常事务，能够使人事管理自动化 和科学化，提高了信息处理得速度和准确性；学生信息管理更是一项琐碎、复 杂而又十分细致的工作，如果实行手

5、工操作，会浪费工作人员很多时间和精力， 且失误在所难免，而使用计算机进行学生信息管理，不仅能够保证学生信息准 确无误，而且能对相关信息进行统计，总之，为了很好的实现数据的录入、修 改、 添加、删除、查询、统计、登录等功能，已达到使学校学生信息信息管理 科学化、系统化、规范化和自动化的目的，建立学生信息管理的需求。 （2）系统的设计目的1.设计出一套简单、方便的小型学生信息管理系统，方便学校对学生信息 的管理。 2.在设计该学生管理系统的过程中，深化对 JSP 的学习，以便掌握动态 web 中的各种知识。 第 1 页 共 33 页（3）系统的可行性分析 技术上的可行性分析要考虑不同浏览器的兼容问

6、题，在编程方面要求有一 定的基础。 可行性分析分为两个方面，一方面是信息的录入，另一方面是信息 的查询。这是一个小型的学生管理系统，从投入的人力、财力与物力来讲是 非常小的，只要有电脑就可以了。从节省人力方面，可以让管理人员从繁冗复 杂的工作中解脱出来，做更多的工作，可以给学生信息管理提高一个层次。 2 2. .数数据据库库设设计计通过可视化管理软件 Navicat for mysql，建立数据库名： “student”，在 这个数据库下建立表：“stuinfo”生活表、grades成绩表。生活表的 格式如下图。包括学号、姓名、性别、年龄、体重。其中学号被设置为主键。成绩表的属性包括学号、姓名

7、、总分。其中学号为主键。3.3.程序结构设计程序结构设计类及其关系实体类(数据)边界类(WEB 页)控制类数据访问类第 2 页 共 33 页窗口控制学生表DB调用对象返回结果返回数据本项目采用 MVC 设计模式， 1.实体类：Student 类其中包含学号，姓名，性别，年龄，体重，成绩等等 基本的属性，对于类采用 JavaBean 设计模式，每个属性具有设置与获得的方法， 对于每个属性进行封装。可以通过添加获得新的数据。 2.控制类：处理添加学生信息页面的 DBJavabean 连接了数据库和添加，修 改，删除学生的信息，LookStudentServlet 控制器将页面跳转到 lookStu

8、dent.jsp，还有 SelectUpdateStudentServlet 控制器进行处理并将页 面跳转到 selectUpdateStudent.jsp，对信息进行修改后请求会提交到 UpdateStudentServlet 控制器，还有 LookDeleteStudentServelet 控制器， DeleteStudentServelet 控制器。该 Servlet 控制器调用 DBJavaBean 类来处理 添加学生信息的业务逻辑，即 DBJavaBean 封装处理 V 页面的功能，这是 MVC 设 计模式的基本思想。把所有 v 的业务处理功能都封装到该 JavaBean 中，在 M

9、VC 设计模式中，一个 V 对应一个处理 V 的 M(完成 V 功能的 JavaBean)，V 提交到 C,C 获得 v 的数据后并调用 M 在 C 中的进行业务逻辑的处理，处理完后进行下一步 的页面跳转，若添加成功页面跳转到 messagel.jsp,否则跳转到 addStudent.jsp。 3.边界类：主页面 stuAdmin.jsp 使用框架，由三个页面构成，分别是 top.jsp，left3.html 和 bottom.jsp； 实现学生信息添加功能的 addStudent.jsp 页面和 addStudentGrades.jsp 和添 加成功跳转的页面 mesagel.jsp； 实

10、现学生查询功能的 LookStudent.jsp 和 LookstudentGrades.jsp. 输入要修改学生学号信息的页面 lookUpdateStudent.jsp，selectUpdateStudent.jsp 和修改成功页面 message2.jsp；实现学生信息删除的 lookDeleteStudent.jsp，和删除控制器 跳转的 message3.jsp 等等。4.4.对象交互设计对象交互设计1.流程图获取信息访问数据 库用户访问返回用户返回信息第 3 页 共 33 页2.页面结构图5.程序算法设计程序算法设计1.页面：登录界面管理员界面注册界面添加学生信息界面查询学生信息界

11、面修改学生信息界面删除学生信息界面验证题界面游客界面获得游客账号 界面第 4 页 共 33 页2.1 登录界面 2.2 管理员账号登录后的界面2.3 注册界面2.4 验证题界面2.5 获得游客账号界面2.6 添加成功界面2.7 添加生活表、 2.8 添加成绩表界面 第 5 页 共 33 页2.9 查询生活表 3.0 查询成绩表3.部分源码与注释：1.index.html湖南财经大学学生管理系统登录提交 +注册第 6 页 共 33 页Powered by :Catinbox2. stuAdmin.jsp学生信息管理系统3. TOP.JSPJSP Pagedivfloat: right;var a

12、ttime;var colorHead,colorFoot;function clock()var time=new Date();第 7 页 共 33 页var HH = time.getHours();if(HH学生信息管理系统4.left3.html导航栏$(document).ready(function() $(“.level1 a“).click(function() $(this).addClass(“current“) /给当前元素添加“current“样式 .next().show() /下一个元素显示第 8 页 共 33 页.parent().siblings().children(“a“).removeClass(“current“) /父元 素的兄弟元素的子元素移除“current“样式 .next().hide(); /它们的下一个元素隐藏return false; ); );添加生活表成绩表查询生活表成绩表修改生活表删除生活表第 9 页 共 33 页生活表删除生活表5.addStudent.jsp学生成绩添加a text-decoration: