资源描述：
《太原理工大学-Web系统和技术-实验报告》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、课程项目报告书课程名称：Web系统和技术项目题目：_____勤工助学中心系统______学院：计算机科学与技术专业班级：计Z1101姓名：莫家威学号：2011001496指导教师：马垚2014年6月5日一、项目介绍勤工助学中心系统是一个将勤工助学和网络办公完美结合的面向学生老师的服务网站,它不但方便了用户可以便捷的浏览勤工助学的动态,也可以轻松的报名相关岗位,而且有助于老师科学管理岗位与学生,统计相关信息.该系统运用JSP技术整合开发.利用MVC设计模式,面向借口编程,提高了开发效率,同时运用了三大框架也使得系统的功能模块更加清晰,使得程序后期的系统维护变得更加简单.该系统是由普
2、通用户和管理员两种身份的人使用,系统要求无论是普通用户还是管理员,进入系统前都要先进行登录,才能有权限进行更多的操作.(1)系统用户分析1.普通用户任何用户访问勤工助学中心都可以浏览新闻岗位等信息,但是如果用回需要报名,则必须先进行注册,然后登录才可以完成注册等操作.用户在系统中可以参看个人信息,当前状态等详细信息,也可以进行注册,登录,找回密码等操作.用户进行报名之后,系统将会动态的将用户的相关信息动态的更新在相关页面上,用户的个人信息也会动态更新.2.管理员.管理员是维护系统正常运行,实时监控的最高权限的管理人员.管理员在专用的登录通道登录之后,不但可以对不同用户进行吸纳高管
3、操作,而且可以对系统进行管理.进入管理页面之后,管理员可以发布新闻,管理新闻,可以发布岗位,管理岗位,关闭岗位.管理员也可以对普通用户进行修改和删除.该系统的所有操作都是围绕着普通用户和管理员进行设计的,从而使用户更加容易使用本系统,增加用户体验,保障系统安全性,同时也有利于管理员的管理.(2)技术实现方案勤工助学系统采用JSP技术实现.本系统中MVC完成用户注册,新闻发布,岗位发布,报名等操作,前端页面现实通过JSp页面实现,相关的一些简单校验也通过JSP完成.(3)开发环境勤工助学系统前端采用elciesp-jee对JSP进行开发,后台采用MVC实现,数据库选用MySQL,数
4、据操作管理选用MySQL-Front.二、功能分析勤工助学系统主要包括两部分:前台部分和后台管理模块.其中前台部分主要服务于普通用户,用户可以查看新闻,动态,相关岗位,登录注册,进行个人信息维护管理等功能.后台管理模块主要包括新闻管理,动态管理,岗位管理,用户管理,查看统计信息等功能.关于勤工助学系统的功能模块详见下图.三、数据库设计勤工助学系统数据库由3张表构成,分别是岗位表(jobs),勤工新闻表(qnews),用户表(users).(1)E-R图岗位表分E-R图如下所示.勤工新闻表分E-R图如下所示.用户表分E-R图如下所示.汇总后略去各实体属性之后,勤工助学系统的总E-R
5、图如下所示,其中管理员和用户这两个实体属于用户实体.(1)数据表结构本系统采用的数据库系统为MySQL5.5,在数据库中新建一个名为myweb的数据库,该数据库中包含的3个表如下所示.岗位表:勤工新闻表:用户表:四、详细设计(1)前台功能设计勤工助学系统的前台主要为广大普通用户服务.系统前台主页为FirstPage.jsp.其界面如图所示.主要为用户提供用户注册,登录,找回密码,查看新闻,查看岗位等功能.图例:FirstPage.jsp1.登录功能.登录界面主要实现用户的登录操作,采用一个check.jsp来实现,有一些简单的逻辑校验,当用户点击登录按键的时候系统会弹出一个登录框
6、,如下所示.填写完用户密码之后就会跳转到check.jsp,通过对数据库进行交互后登录成功,则跳转至登录成功页面Success.jsp页面.图例:登录界面图例:Check.jsp部分代码2.注册功能注册界面主要实现用户的注册操作,采用MVC的servletRegisterAction.java来实现注册功能,当用户点击用户注册的时候会进入用户注册页面Register.jsp如下所示.之后会将数据传到RegisterAction.java中,跟数据库进行交互后将数据写入到数据库中,注册不成功会提示重新填写,注册成功则会跳转到注册成功页面.图例:Register.jsp图例:Regi
7、sterAction.jsp部分代码3.查看勤工新闻用户通过快速通道,bannal面板和主页的动态现实面板均可以查看勤工新闻,动态面板通过一个JS代码嵌入到div中实现,当鼠标移动到相应分类的时候会动态的从数据库中提取出相应的分类数据到页面上显示出来,如下图所示.用户点击相应分类之后就会进入具体的查看页面qnews.jsp,页面现实每条新闻的简略信息,用户点击每条信息就会进入具体显示页面,根据传参的不同现实不同的新闻,用户也可通过左边的分类切换不同的分类新闻.当新闻数过多时还可自
