太原理工大学Web系统和技术实验报告.pdf

v.....

课程项目报告书

课程名称：Web系统和技术

项目题目：_____勤工助学中心系统______

学院：计算机科学与技术

专业班级：计Z1101

姓名：莫家威

学号：2011001496

指导教师：马垚

2014年6月5日

...资料..
v.....

一、项目介绍

勤工助学中心系统是一个将勤工助学和网络办公完美结合的面

向学生老师的服务网站,它不但方便了用户可以便捷的浏览勤工助学

的动态,也可以轻松的报名相关岗位,而且有助于老师科学管理岗位与

学生,统计相关信息.该系统运用JSP技术整合开发.利用MVC设计模式,

面向借口编程,提高了开发效率,同时运用了三大框架也使得系统的功

能模块更加清晰,使得程序后期的系统维护变得更加简单.

该系统是由普通用户和管理员两种身份的人使用,系统要求无论

是普通用户还是管理员,进入系统前都要先进行登录,才能有权限进行

更多的操作.

(1)系统用户分析

1.普通用户

任何用户访问勤工助学中心都可以浏览新闻岗位等信息,但是如

果用回需要报名,则必须先进行注册,然后登录才可以完成注册等操作.

用户在系统中可以参看个人信息,当前状态等详细信息,也可以进行注

册,登录,找回密码等操作.用户进行报名之后,系统将会动态的将用户

的相关信息动态的更新在相关页面上,用户的个人信息也会动态更新.

2.管理员.

管理员是维护系统正常运行,实时监控的最高权限的管理人员.管

理员在专用的登录通道登录之后,不但可以对不同用户进行吸纳高管

操作,而且可以对系统进行管理.进入管理页面之后,管理员可以发布新

闻,管理新闻,可以发布岗位,管理岗位,关闭岗位.管理员也可以对普通

...资料..
v.....

用户进行修改和删除.

该系统的所有操作都是围绕着普通用户和管理员进行设计的,从

而使用户更加容易使用本系统,增加用户体验,保障系统安全性,同时也

有利于管理员的管理.

(2)技术实现方案

勤工助学系统采用JSP技术实现.本系统中MVC完成用户注册,

新闻发布,岗位发布,报名等操作,前端页面现实通过JSp页面实现,相关

的一些简单校验也通过JSP完成.

(3)开发环境

勤工助学系统前端采用elciesp-jee对JSP进行开发,后台采用MVC

实现,数据库选用MySQL,数据操作管理选用MySQL-Front.

二、功能分析

勤工助学系统主要包括两部分:前台部分和后台管理模块.其中前

台部分主要服务于普通用户,用户可以查看新闻,动态,相关岗位,登录

注册,进行个人信息维护管理等功能.

后台管理模块主要包括新闻管理,动态管理,岗位管理,用户管理,

查看统计信息等功能.关于勤工助学系统的功能模块详见下图.

...资料..
v.....

三、数据库设计

勤工助学系统数据库由3张表构成,分别是岗位表(jobs),勤工新闻

表(qnews),用户表(users).

(1)E-R图

岗位表分E-R图如下所示.

...资料..
v.....

勤工新闻表分E-R图如下所示.

用户表分E-R图如下所示.

汇总后略去各实体属性之后,勤工助学系统的总E-R图如下所示,

其中管理员和用户这两个实体属于用户实体.

...资料..
v.....

(2)数据表结构

本系统采用的数据库系统为MySQL5.5,在数据库中新建一个名

为myweb的数据库,该数据库中包含的3个表如下所示.

岗位表:

...资料..
v.....

勤工新闻表:

用户表:

...资料..
v.....

四、详细设计

(1)前台功能设计

勤工助学系统的前台主要为广大普通用户服务.系统前台主页为

FirstPage.jsp.其界面如图所示.主要为用户提供用户注册,登录,找回密

码,查看新闻,查看岗位等功能.

...资料..
v.....

图例:FirstPage.jsp
1.登录功能.

登录界面主要实现用户的登录操作,采用一个check.jsp来实现,

有一些简单的逻辑校验,当用户点击登录按键的时候系统会弹出

一个登录框,如下所示.填写完用户密码之后就会跳转到check.jsp,

通过对数据库进行交互后登录成功,则跳转至登录成功页面

Success.jsp页面.

...资料..
.....

:登录界面

图例:Check.jsp部分代码
2.注册功能

注册界面主要实现用户的注册操作,采用MVC的servlet

RegisterAction.java来实现注册功能,当用户点击用户注册的时候会进

入用户注册页面Re