《太原理工大学Web系统和技术实验报告》由会员分享，可在线阅读，更多相关《太原理工大学Web系统和技术实验报告（16页珍藏版）》请在金锄头文库上搜索。
1、-课程工程报告书课程名称： Web系统和技术工程题目：_勤工助学中心系统_学 院： 计算机科学与技术 专业班级： 计Z1101 姓 名：莫家威学 号： 2021001496 指导教师： 马垚 2021年 6 月 5 日一、工程介绍 勤工助学中心系统是一个将勤工助学和网络办公完美结合的面向学生教师的效劳,它不但方便了用户可以便捷的浏览勤工助学的动态,也可以轻松的报名相关岗位,而且有助于教师科学管理岗位与学生,统计相关信息.该系统运用JSP技术整合开发.利用MVC设计模式,面向借口编程,提高了开发效率,同时运用了三大框架也使得系统的功能模块更加清晰,使得程序后期的系统维护变得更加简单.该系统是由普
2、通用户和管理员两种身份的人使用,系统要求无论是普通用户还是管理员,进入系统前都要先进展登录,才能有权限进展更多的操作.(1) 系统用户分析1.普通用户任何用户访问勤工助学中心都可以浏览新闻岗位等信息,但是如果用回需要报名,则必须先进展注册,然后登录才可以完成注册等操作.用户在系统中可以参看个人信息,当前状态等详细信息,也可以进展注册,登录,找回密码等操作.用户进展报名之后,系统将会动态的将用户的相关信息动态的更新在相关页面上,用户的个人信息也会动态更新.2.管理员.管理员是维护系统正常运行,实时监控的最高权限的管理人员.管理员在专用的登录通道登录之后,不但可以对不同用户进展吸纳高管操作,而且可
3、以对系统进展管理.进入管理页面之后,管理员可以发布新闻,管理新闻,可以发布岗位,管理岗位,关闭岗位.管理员也可以对普通用户进展修改和删除.该系统的所有操作都是围绕着普通用户和管理员进展设计的,从而使用户更加容易使用本系统,增加用户体验,保障系统平安性,同时也有利于管理员的管理.(2) 技术实现方案勤工助学系统采用JSP技术实现.本系统中MVC完成用户注册,新闻发布,岗位发布,报名等操作,前端页面现实通过JSp页面实现,相关的一些简单校验也通过JSP完成.(3) 开发环境 勤工助学系统前端采用elciesp-jee对JSP进展开发,后台采用MVC实现,数据库选用MySQL,数据操作管理选用MyS
4、QL-Front.二、功能分析勤工助学系统主要包括两局部:前台局部和后台管理模块.其中前台局部主要效劳于普通用户,用户可以查看新闻,动态,相关岗位,登录注册,进展个人信息维护管理等功能.后台管理模块主要包括新闻管理,动态管理,岗位管理,用户管理,查看统计信息等功能.关于勤工助学系统的功能模块详见以下图.三、数据库设计勤工助学系统数据库由3*表构成,分别是岗位表(jobs),勤工新闻表(qnews),用户表(users).(1) E-R图岗位表分E-R图如下所示.勤工新闻表分E-R图如下所示.用户表分E-R图如下所示.汇总后略去各实体属性之后,勤工助学系统的总E-R图如下所示,其中管理员和用户这
5、两个实体属于用户实体.(2) 数据表构造本系统采用的数据库系统为MySQL5.5,在数据库中新建一个名为myweb的数据库,该数据库中包含的3个表如下所示.岗位表:勤工新闻表:用户表:四、详细设计(1) 前台功能设计勤工助学系统的前台主要为广阔普通用户效劳.系统前台主页为FirstPage.jsp.其界面如以下图.主要为用户提供用户注册,登录,找回密码,查看新闻,查看岗位等功能.图例:FirstPage.jsp1. 登录功能. 登录界面主要实现用户的登录操作,采用一个check.jsp来实现,有一些简单的逻辑校验,当用户点击登录按键的时候系统会弹出一个登录框,如下所示.填写完用户密码之后就会跳
6、转到check.jsp,通过对数据库进展交互后登录成功,则跳转至登录成功页面Success.jsp页面.图例:登录界面图例:Check.jsp局部代码2.注册功能注册界面主要实现用户的注册操作,采用MVC的servlet RegisterAction.java来实现注册功能,当用户点击用户注册的时候会进入用户注册页面Register.jsp如下所示.之后会将数据传到RegisterAction.java中,跟数据库进展交互后将数据写入到数据库中,注册不成功会提示重新填写,注册成功则会跳转到注册成功页面.图例:Register.jsp图例:RegisterAction.jsp局部代码3. 查看勤
7、工新闻用户通过快速通道,bannal面板和主页的动态现实面板均可以查看勤工新闻,动态面板通过一个JS代码嵌入到div中实现,当鼠标移动到相应分类的时候会动态的从数据库中提取出相应的分类数据到页面上显示出来,如以下图所示.用户点击相应分类之后就会进入具体的查看页面qnews.jsp,页面现实每条新闻的简单信息,用户点击每条信息就会进入具体显示页面,根据传参的不同现实不同的新闻,用户也可通过左边的分类切换不同的分类新闻.当新闻数过多时还可自动进展分页显示. 图例:动态显示1. 图例:动态显示2.图例:分类现实新闻图例:详细新闻显示图例:详细新闻现实newsdetails.jsp局部代码4. 查看岗
8、位查看岗位局部与参看新闻局部一样,在局部现实页面参加显示已招聘人数和招聘人数,在详细显示中参加了报名模块和显示已报名同学局部,通过jobsdetails.jsp实现.图例:报名模块图例:详细岗位查看图例:jobsdetails.jsp局部代码5.岗位报名岗位报名由一个servlet:Stusignup.java和假设干jsp页面组合实现.当用户点击岗位详细显示页面下的我要报名按钮的时候,即可进入岗位报名界面,首先进入的是用工协议界面,由Signup.jsp实现,用户点击不同意本协议则跳转回原岗位详细显示页面,点击同意本协议则讲用户信息保存至一个用户session,并跳转至Stusignup.j
9、ava,在这个servlet完成用户信息的读取和对岗位当前相关状态的修改,在对数据库进展交互之后弹出报名成功的提示框,并跳转至原岗位详细显示页面,并且页面会动态更新当前用户的报名信息,假设岗位招聘人数已满则会显示报名关闭,并返回上一级.图例:用工协议局部图例:报名成功增加一个学生信息图例:Stusignup.java局部代码5. 用户个人操作用户在个人信息显示模块上点击当前状态即可查看当前状态,点击注销则会退出登录并退回到主页,点击修改密码则会进入修改密码局部,其他局部同上.图例:个人操作模块图例:具体实现代码(2) 后台管理功能后台管理功能主要针对管理员,管理员登录成功后可以进展新闻发布,新
10、闻管理,岗位发布,岗位管理,用户管理等功能.如下所示,重点说明发布局部.1. 管理员登录管理员通关管理员登录通道之后可以进入管理界面,在这里可以选择相应的功能进展操作,也可以点击返回首页退出管理界面.图例:教师登录通道图例:管理员管理页面2.岗位,新闻发布岗位发布由一个servlet:AddjobsAction.java和假设干jsp页面组合实现,新闻发布由一个servlet:AddnewsAction.java和假设干jsp页面组合实现.当管理员点击发布功能是,会进入一个填写发布内容的jsp页面,假设填写不标准则提示错误返回提示修改,按标准填写之后系统将数据传递至功能对应的javabean,
11、并跳转至对应的servlet后,servlet取出javabean中保存的数据与数据库进展交互后将信息写入至数据库,并将返回确实认信息写如用户session,跳转至回执页面confirm.jsp,管理员可在此页面看到刚刚发布的信息.图例:勤工新闻与岗位发布显示图例:confirm.jsp回执页面图例:AddnewsAction.java局部代码图例:AddjobsAction.java局部代码(3) 其他代码包括数据库连接配置以及其他页面实现文件.图例:其他数据代码文件五、心得总结(1) 工程缺点未能实现新闻,与岗位的删除功能,用户名之前被注册的还能再次注册,会更新掉原有的用户信息,新闻显示界
12、面不够美观,底部的模块未部署到每一个页面上.(2) 改进方案后续增加完善管理员界面的内容管理模块,并参加新闻,与岗位的删除功能,在用户注册是数据写入数据库之前应先与数据库进展交互判断用户名是否已经被注册,并提示用户进展对应修改.系统后续将改为Struts2框架,在此根底上对所有页面进展显示以及界面的优化,并部署模块.(3) 遇到的困难及解决途径1.快速通道无法固定在页面的一个位置,在页面拖动的时候消失,后采用了CSS的方法来实现即可,会固定在页面的右下角.2.首页的面试通知过多后显示不美观,采用了滚动显示的方法,在原DIV上新建一个DIV,将数据写在新DIV上,并参加一段JS代码,可使页面进展滚动,代码如下所示.图例:页面滚动代码参考文献1梁胜彬、乔保军：Java Web 应用开发与实践，清华大学，20212王珊 :数据库系统概论，高等教育,20063工程计分表由指导教师填写分数分布注释得分工程报告共10分工程展示共5分备注. z.
