Web系统和技术实验报告

课程名称： Web系统和技术

项目题目：_____勤工助学中心系统______ 学院：计算机科学与技术

专业班级：软件1229班

与学生,统计相关信息.该系统运用JSP技术整合开发.利用MVC设计模式,面向借口编程,提高了开发效率,同时运用了三大框架也使得系统的功能模块更加清晰,使得程序后期的系统维护变得更加简单.

该系统是由普通用户和管理员两种身份的人使用,系统要求无论是普通用户还是管理员,进入系统前都要先进行登录,才能有权限进行更多的操作.

(1)系统用户分析

1.普通用户:任何用户访问勤工助学中心都可以浏览新闻岗位等信息但是如果用回需要报名,则必须先进行注册,然后登录才可以完成注

勤工助学系统采用JSP技术实现.本系统中MVC完成用户注册,新闻发布,岗位发布,报名等操作,前端页面现实通过JSp页面实现,相关的一些简单校验也通过JSP完成.

(3)开发环境

勤工助学系统前端采用elciesp-jee对JSP进行开发,后台采用MVC实现,数据库选用MySQL,数据操作管理选用MySQL-Front. 二、功能分析

勤工助学系统主要包括两部分:前台部分和后台管理模块.其中前台部分主要服务于普通用户,用户可以查看新闻,动态,相关岗位,

三、数据库设计

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

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

(2)数据表结构

本系统采用的数据库系统为MySQL5.5,在数据库中新建一个名为myweb的数据库,该数据库中包含的3个表如下所示.

用户表:

图例:FirstPage.jsp

1.登录功能.

登录界面主要实现用户的登录操作,采用一个check.jsp来实现,有一些简单的逻辑校验,当用户点击登录按键的时候系统会弹出一个登录框,如下所示.填写完用户密码之后就会跳转到check.jsp,通过对数据库进行交互后登录成功,则跳转至登录成功页面Success.jsp页面.

图例:登录界面

图例:Register.jsp

图例:RegisterAction.jsp部分代码

页面上显示出来,如下图所示.用户点击相应分类之后就会进入具体的查看页面qnews.jsp,页面现实每条新闻的简略信息,用户点击每条信息就会进入具体显示页面,根据传参的不同现实不同的新闻,用户也可通过左边的分类切换不同的分类新闻.当新闻数过多时还可自动进行分页显示.

图例:动态显示1. 图例:动态显示2.

图例:分类现实新闻

图例:详细岗位查看

图例:Stusignup.java部分代码5.用户个人操作

图例:具体实现代码

图例:教师登录通道

图例:管理员管理页面2.岗位,新闻发布

图例:勤工新闻与岗位发布显示

图例:AddnewsAction.java部分代码图例:AddjobsAction.java部分代码

web前端开发技术实验报告 实验三

长春大学 20 15 —2016学年第二学期Web前端开发技术课程 实验报告 学院：计算机科学技术专业：软件工程 班级：软件15402

学号：041440210 姓名：王悦 任课教师：车娜 实验三 CSS网页布局 一、实验目的 1.掌握CSS盒子模型的概念，能够灵活运用盒子模型布局页面； 2.掌握盒子模型相关属性，能够使用它们熟练地控制网页元素； 3.理解块元素与行内元素的区别，能够对它们进行转换。 二、内容及要求 运用盒子模型的相关属性实现网页弹出框效果，满足如下要求： 1.网页弹出框由上面的标题和下面的宣传内容两部分组成； 2.标题通过h2定义； 3.在段落文本中内容部分由h3和p标记进行定义； 4.应用