基于Struts2的外企会议管理系统设计与实现 毕业论文.doc

《基于Struts2的外企会议管理系统设计与实现 毕业论文.doc》由会员分享，可在线阅读，更多相关《基于Struts2的外企会议管理系统设计与实现 毕业论文.doc（55页珍藏版）》请在三一文库上搜索。

1、毕业设计(论文) 学生姓名：学生姓名： 学学 号：号： 所在学院：所在学院： 专专 业：业： 设计设计(论文论文)题目：题目： 基于 Struts2.0 的外企会议管理系统 指导教师：指导教师： 2014 年 6 月 基于基于 Struts2 的外企会议管理系统设计与实现的外企会议管理系统设计与实现 摘 要 外企会议管理 系统 主要是 基于 外企 内部 快速高效的工作节奏以及工作 的需求，应用计算机 互联网 技术，实现企业 对会议方面进行管理的系统。 系统分为 管理员、经理和普通员工三种不同的用户权限。所有权限都可以 查看和修改个人资料。管理员需要做的就是将数据输入到系统的数据库中去， 可以进

2、行用户管理和会议室的添加、修改、删除、审批以及设备的添加、修 改、删除、审批 。经理可以进行 会议室的预定、归还，设备的预定和归还， 发布会议，查看会议，查看留言和会议图片的操作。普通员工可以进行查看会 议，留言和会议图片的功能。系统简洁、大方，容易上手，适合大部分企业 使用 。 系统开发采用 了 J2EE 技术，使用 MyEclipse+Tomcat+MySQL 开发环境 ， 系统 前台使用 JSP 配合 Jquery 网页 技术 ，通过 ajax 与 Struts2 实现了与后 台的数据交互， 对数据库的访问则使用了Hibernate 技术， 而 Spring 则是 用来对 Struts2

3、 和 Hibernate 进行管理 。另外， MySQL 数据库 为系统开发 提供 强大完善的数据库支持环境。 关键词关键词：会议 浏览器/服务器架构 数据库 With the implementation of foreign conference management system design based on Struts2 Abstract Foreign meeting management system is mainly based on the fast work and efficient internal rhythms of foreign and the needs

4、of work, we will use the computer Internet technology, to realize the meeting management system. System is divided into administrators, managers and employees of three different user permissions. All privileges can view and modify personal data. Administrators need to do is to enter data into a data

5、base system go, you can do the user management and modify, delete, add, and approval, modify, delete and approval meeting rooms. Managers can be scheduled conference room, restitution, scheduled and return the equipment, publishing conference, view the meeting, view picture messages and conference o

6、perations. General staff have the power of view the meeting, pictures,messages and so on. System is simple, elegant, easy to use, suitable for most business use. System development use the J2EE technology in the MyEclipse + Tomcat + MySQL development environment. The foreground of the system is deve

7、lopped with Jquery JSP web technology, and use Struts2 and ajax achieved through interaction with the background data, using the Hibernate technology to access the database, and use the Spring to manage Struts2 and Hibernate. In addition, MySQL database system provides a powerful development environ

8、ment with the complete database support. Keywords: meeting;The Browser/Server architecture; database 目 录 摘摘 要要 I ABSTRACT.II 第一章第一章 前言前言1 1.1 课题研究背景 1 1.2 课题研究意义 1 第二章第二章 系统开发的平台与技术介绍系统开发的平台与技术介绍3 2.1 开发环境 .3 2.1.1 J2EE.3 2.1.2 TOMCAT .3 2.1.3 MySql3 2.2 开发技术 .4 2.2.1 Jquery4 2.2.2 Ajax .4 2.2.3 Jav

9、aScript 4 2.2.4 Struts2.4 2.2.5 Spring4 2.2.6 Hibernate5 2.3 开发工具 .5 2.3.1 MyEclipse10 .5 2.3.2 FireBug.5 第三章第三章 系统概要设计系统概要设计6 3.1 系统功能需求 6 3.2 系统介绍 8 3.2.1 系统总体框架 .8 3.2.2 系统总体设计 .8 3.2.3 系统总体特点 .9 3.3 系统功能说明 9 第四章第四章 数据库设计数据库设计11 4.1 数据库分析 .11 4.2 数据库表设计 .14 第五章第五章 系统详细设计及实现系统详细设计及实现18 5.1 登录注册模块设

10、计及实现.18 5.1.1 职位的获取 .18 5.1.2 登录功能的实现 19 5.1.3 注册功能的实现 21 5.2 个人信息模块的设计与实现23 5.2.1 登录状态的保存和拦截23 5.2.2 个人信息的查看与修改25 5.3 管理员模块的设计与实现.26 5.3.1 用户管理功能的实现.26 5.3.2 会议室管理功能的实现29 5.3.3 设备管理功能的实现.30 5.4 经理模块的设计与实现31 5.4.1 会议室管理功能的实现31 5.4.2 设备管理功能的实现.32 5.4.3 发布会议管理功能的实现.32 5.5 普通员工模块的设计与实现35 5.5.1 查看会议功能 .

11、35 5.5.2 留言板功能 .36 5.5.3 会议图片功能 .37 结结束束语语 40 参参考考文文献献 41 致谢致谢42 1 第一章 前言 1.1 课课题题研研究究背背景景 外企会议管理系统 是外企管理 人员为了让会议信息快速地传达给参会人员， 大幅度地提高开会的效率。传统的 传播会议的途径 主要以 口头通知为主 ， 信息传输途中很容易出现信息的错误，以及信息不能及时的传达给相关人员。 企业的 管理者也很难掌控关于会议的各种信息。 所以， 在日新月异的今天 ， 传统的 会议管理的方式 已经 很难适应外企发展 的新要求，要 想让外企对开 会的 效率 有所 提高，实现 一个外企会议管理系统

12、是很有必要的。 1.2 课课题题研研究究意意义义 外企会议与国企有很大区别。在国内的大多数 企业中，他们在开会的时 候，都是人 进了会场 后才知道会议的目的，内容。所以在会议 现场 ，经常 会出现 与会人员一边听会议内容，一边看材料的情况 ，严重影响开会的效率。 而在外企 的会议里面 ，会议组织 人员 会事先准备 好会议 材料，如果材料 的 阅读量 比较大，会预先另 外准 备一份 会议 摘要，将 提前 准备 好的资料中的 重点、 需要讨论的重要部分进行标注，使 与会人员 能很清楚地知道会议的要 点。 已经 准备好的会议 上需要的 材料 ，相关人员 会在会议召开 的前几天以 各种形式 发送到参与

13、会议人员的 手中，以确保 在会议开 始时， 与会人员能 及时到场并知晓会议的大体内容。 如果会议的目的是布置各类人员的工作，那么 在开会 之前，会议组织者 就已经 为所有的参加会议的人员安排好会上的 任务 、职权 的划分 和角色 的 扮演 。所以所有 人到了 会议室 后，都很清晰 知道自己的任务以及什么事可以 做什么事不能做 。 随着 外企规模的 扩大，业务 量上升，会议对于一个企业来说变得尤为重要。 传统的 对会议管理方 法不仅 效率低下 ,而且 且占用 了大量的人力物力 甚至还 有财力 ，已 经远远不能够适应现代企业对会议的 的需求 ,其主要缺陷如下所 示： 1.传统通知会议延迟较高，很可

14、能到了会议时间有关会议的信息还没有传递 第一章 前言 给员工。 2.传统会议方式使得员工在会议开始时，对会议的相关信息了解不清，目的 性不明确，使得会议的效率大打折扣。 3.传统会议在开完会缺乏管理，很难对会后的信息进行很好的统计。 为了弥解决这些缺陷，提高外企开会的效率，以及会后的善后工作，会议管 理系统就此诞生。 它带来的好处有： 1.信息传递交流顺畅 员工只要登录到系统就可以很快速的查看到与自己相关的会议信息。 2.对会议 前的准备更加充分。 用户管理 模块 ，和会议室管理模块的建立，极大地简化了会议前的准备工 作。 3.会议信息发布和接收更加方便、快捷。 发布会议和查看会议模块使得管理

15、人员发布会议变得非常简单，再也不需要 额外增加人员去通知，其他人对会议信息的了解变得快速，也更加全面。 4.会后的讨论和留念也变得方便 会议留言板的功能使得参与会议的人员之间的讨论更加方便，不再需要专门 走到当事人面前 进行交流，只需要轻轻动一动鼠标和键盘就可以实现。会议图 片的功能也让与会人员回忆起开会时的分氛围，具有很好的留念效果。 南京工业大学本科生毕业设计（论文） 第二章 系统开发的平台与技术介绍 系统使用 J2EE 开发、 WEB 容器 为 TOMCAT7.0，使用 Struts2 的框架 配合 Spring、Hibernate 实现交互。页面展示使用js 和 jquery。数据库使

16、用 MySql5.5。 开发工具使用MyEclipse10，、使用 Firebug 对页面进行调试 。 2.1 开开发发环环境境 2.1.1 J2EE J2EE 是 Java2 平台企业版（ Java 2 Platform,Enterprise Edition）的缩写， 主要 是一组技术规范 和指南，包含 了各种各样的 组件、 应用程序 服务架构 以及技术层次， 但它们 都有共同的标准 和规格。 J2EE 具有良好的机制 ：1. 保留现 有的 IT 资产 ：J2EE 开发产品能在多 种操作系统、硬件资源上配置运行，可以节省开发成本。2. 高效开发： J2EE 开发人员 不需要顾及服务器端繁琐的

17、工作机制，只需将精力集中在创 建业务 逻辑 上， 这大大 缩短了开发 周期 。3.异构环境 的支持 ：J2EE 开发 的 产品 可移植 好。4.编写简单：基于J2EE 开发的应用程序，因其业务逻辑被封 装成可复用的组件 ，并且好多 web 服务器和容器都为J2EE 环境应用程序 提供了内在支持，运行部署也还很方便。 2.1.2 TOMCAT Tomcat 是由 Sun 公司、Apache 和其他一些公司共同开发完成的。由于有了 Sun 公司的加入并且提供了技术支持，所以在最新的 Tomcat 中，Servlet 和 JSP 都变得更 加规范和实用。由于具有 Tomcat 性能稳定、技术先进等特

18、点，而且是完全免费的，所 以许多的 Java 开发爱好者都非常的喜欢 Tomcat，同时 Tomcat 也得到了部分软件开发 商的认可。Tomcat 成为时下很流行的 Web 应用服务器。 2.1.3 MySql MySQL 是由 MySQL AB 开发、发布和支持 的一个开源 类型的关系型数 据库管理系统，它 作为一个 SQL 数据库服务器拥有 多用户 、速度快 、多线 程、和 稳定性高 等特点，同时它还 拥有高性能、成本低廉、可靠性 强的特 点，已经 是当前 互联网中 最为流行的开源数据库，也因为这些特点， MySQL 被广泛地应用在Internet 上的中小型 网站 中。 第二章 系统开

19、发的平台与技术介绍 2.2 开开发发 技技术术 2.2.1 Jquery Jquery 是一个优秀的javaScript 框架，兼容大部分的浏览器。拥有以下优 点： 1.轻量级：只需要引入200k 左右 js 就可以完成很多工作。 2.强大的选择器： Jquery 选择器主要分为四类：基本选择器，层次选择器， 过滤选择器，表单选择器。 3.出色的浏览器兼容性：Jquery 几乎支持目前市面上的所有浏览器。 2.2.2 Ajax AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。 ajax 其在浏览器 上使用的是异步数据传输请求

20、（HTTP 请求） 与外部 服务器之间 进行通信 ，这样的做法 可以使得 网页从服务器请求少量的 信息， 就能获得想要的信息， 从而增强网页的动态交互性。 2.2.3 JavaScript JavaScript 是基于 事件 和对象 的一种 驱动， 作为 客户端脚本语言 ，它具 有相当高的安全性 。它 不需要 服务器通道，作为一种解释型语言，可以 及 时响应 客户端 在文档页面 的事件，并 且能够灵活处理 各个 对象的各种属性 和方法 ，具有较好的实时性和动态性。 2.2.4 Struts2 Struts2 是 Struts 的下一代产品， 它是建立在 WebWork 的技术基础上 ， 完成的

21、一个 全新 MVC 框架， 有较高的性能和良好的稳定性，因此经常会被应 用到 J2EE 项目中。 Struts 让业务逻辑与前台进行分离，大幅度提高了代码重 用率，减少了 应用操作的耦合度 、数据表达 和数据描述 。 它的工作流程大 致为：客户端向Web 服务器发送请求，将被Struts2 核心控制器 FilterDispatcher 拦截，接着 FilterDispatcher 通过读取 struts.xml 文件，决 定将客户端请求转发给响应的业务逻辑控制器Action 进行处理，最后 Action 将处理结果输出给客户端。 2.2.5 Spring Spring 是一个开源框架，它由Ro

22、d Johnson 创建。它 的出现可以轻松的 解决 企业应用开发 过程中 的繁琐和 复杂 有效地降低了代码量。Spring 将数 据封装到 JavaBean 中，完美实现了以 前由 EJB 开发的 事情。 Spring 的面 向切面技术 支持将一些 类似的 任务 像安全 管理 、事务 管理 、日志 管理 等任 务集中 起来进行 管理， 这样可以使代码 更好的复用 。 2.2.6 Hibernate HIbernate 作为一个优秀的持久层框架，充分体现了ORM 的设计理念， 提供了高效的对象到关系型数据库的持久化服务。他将持久化服务从软件业务 层中完全抽取出来，让业务逻辑的处理更加简单，程序

23、之间的各种业务并非紧 密耦合，更加有利于高效的开发与维护。开发人员在程序中可以利用面向对象 的思想对关系型数据进行持久化操作，为关系型数据库和对象型数据打造一个 便捷的高速公路。 2.3 开开发发工工具具 2.3.1 MyEclipse10 MyEclipse 是 Genuitec 在原来 Eclipse 的基础上添加了自己的插件，利用 它，我们可以极大的提高在数据库和JavaEE 的开发、发布以及应用程序服 务器的整合方面的工作效率。它的JavaEE 集成开发环境功能丰富，包含了 完备的编码、调试、测试和发布功能，完整支持 HTML、CSS、Javascript、JSP、Struts、Spr

24、ing、MySQL、Hibernate。 MyEclipse 所拥有的智能提示的功能，可以加快代码的编写速度，对有些不 太熟悉的 Java 类，它会弹出相应的对象以及对象的返回值，省去了查询 api 的功夫。在 MyEclipse 中，对 Java 类进行重命名时，它会智能地对类中 的类名进行修改，很是方便。 2.3.2 FireBug Firebug 是火狐旗 下子公司开发 的一个插件 ,能够调试所有网站语言， 它可以 查看和编辑 HTML、用控制台 输出 Javascript 的错误信息 、监视 网 络状况 查看请求信息和出错情况，很好的帮助开发人员开发 和调试 JavaScript、CS

25、S、HTML 甚至是 Ajax。但 FireBug 最厉害的，我觉得的就是 调试 javascript 的功能。因为javascript 不能 在 MyEclipse 调试，而且 firebug 的 js 调试功能使用起来非常方便。除此之外，其他功能还很强大， 比如 html,css,dom 的查看与调试，网站整体分析等等。总之就是一整套完整而 第三章 系统概要设计 强大的 WEB 开发工具。再有就是其为开源的软件。 第三章 系统概要设计 3.1 系系统统功功能能需需求求 系统开发要求开发者熟悉外企会议的 流程，实现结果要求界面友好，健 壮性强，功能完善。参照任务书，及需求设计文档，拟定系统的

26、功能结构图如 3-1 所示。 图 3-1 系统结构图 本系统操作主要分三种用户：普通员工，部门经理和总经理。 面对普通员工，系统提供的功能主要有：查看会议，留言板，图片管理。 普通员工的功能用例图如3-2 所示。 个人信息 设备管理 查 看 留 言 会议管理 发 布 会 议 查 看 会 议 上 传 资 料 留言板会议图片 留 言 修 改 个 人 信 息 会议室管理 会议室管理设备管理 系统 管理员经理普通员工 个人信息 修 改 个 人 信 息 设 备 管 理 设 备 审 批 会 议 室 管 理 会 议 室 审 批 设 备 申 请 设 备 归 还 会 议 室 申 请 会 议 室 归 还 查 看

27、图 片 上 传 图 片 会议室管理 查 看 会 议 下 载 会 议 资 料 第三章 系统概要设计 图 3-2 普通员工用例图 面对经理，系统提供的功能除了普通员工具有的功能外，还包括发布 会议 和会议室管理中的会议室申请和归还。经理的功能用例图如图3-3 所 示。 图 3-3 经理用例图 面对管理员，系统提供的功能有个人信息，用户管理和会议室管理中的添加 会议室，和审批会议室。用例图如图3-4 所示。 图 3-4 管理员用例图 3.2 系系统统介介绍绍 3.2.1 系统总体框架 本系统采用的是基本的B/S 结构模式开发，其具体的框架，如图3-5 所示。 3.2.2 系统总体设计 本系统的用户通

28、过首页，进入登录界面，通过用户身份验证（用户权限登级） 进入不 同的管理页面，用户通过管理页面进行具体的操作。系统操作流程图如 图 3-6 所示。 第三章 系统概要设计 图 3-5 系统框架 3.2.3 系统总体特点 1.界面友好：使用css 对界面进行了美化，拥有良好的视觉效果。 2.交互性强： 使用 Ajax 技术实现异步请求。 具有以上特点，系统简洁友好，交互性强，用户操作简单，方便。 3.3 系系统统功功能能说说明明 1.发布会议：权限为经理的用户才可以发布会议信息。包括会议主题，会议 类型，会议时间，会议组织者，会议参与者（从文本文件中导入），会议室信 息（已经审批通过的），会议描述

29、，会议目的。 否 是 开 始 输入用户名， 密码，选择权 限。 判断用户名， 密码和权限 管理员查看个人信 息，用户管理，会 议室添加、审批， 设备添加审批。 经理查看个人信息， 发布会议，查看会 议，上传会议资料， 会议室预订和退回， 设备预定和退回， 留言板功能，图片 查看图片、上传图 片。 普通员工查看个人 信息，查看会议， 下载会议资料，留 言板查看留言及发 布留言，图片管理 查看图片、上传图 片。 退出登录 结 束 图 3-6 系统流程图 2.个人信息 ：点击个人信息可显示当前登录的用户信息，包括用户名，密 码，性别，生日，职位和邮箱信息，同时可以修改当前的信息。 3.查看会议 ：用

30、户可以查询当前与自己相关的会议，上传会议资料，下载 会议资料，并且可以按会议主题进行模糊查询。 4.用户管理：权限为管理员的用户可以对用户进行管理，包括对用户名的模 糊查询，修改和删除。 5.会议室的管理：权限为管理员的用户可以对会议室进行添加，修改和删除 操作，并对已预订的会议室进行审批和退回。权限为经理的用户可以查询可用 会议室，预定会议室和归还会议室。 6.会议设备的管理：权限为管理员的用户可以对会议设备进行添加，修改和 删除操作，并对已预订的会议设备进行审批和退回。权限为经理的用户可以查 询可用会议设备，预定会议设备和归还会议设备。 7.留言板：权限为经理和普通员工的用户可以根据会议主

31、题查看留言和留言 及回复。 8.图片管理：权限为经理和普通员工的用户可以根据会议主题上传会议中的 精彩图片，浏览已上传的图片，并对会议图片进行放大、缩小和旋转的操作。 第四章 数据库设计 第四章 数据库设计 4.1 数数据据库库分分析析 根据系统的功能需求，详细设计了数据库及数据库表项。本系统包括部门、 组、职位、用户、共享类型、共享文件、考勤时间、考勤信息等多个实体，以 下是各个实体的E-R 图。 1.职位的 E-R 图有职位 编号 ，职位名称 ， 具体如 图 4-1 所示 ： 图 4-1 部门 E-R 图 2.用户 的 E-R 图有用户 编号 ，用户名，密码，性别，生日，职位编号 和邮箱

32、，具体如图 4-2 所示。 图 4-2 用户 E-R 图 3.会议室 的 E-R 图主要包括 会议室号码，会议室名称，会议室容量，会议 室描述，会议室状态（是否可借），会议室申请状态，会议申请人， 具体如图 4-3 所示 ： 图 4-3 会议室 E-R 图 4.设备的 E-R 图主要包括设备编号、设备类型、设备状态和设备设备申请 者，具体如图 4-4 所示： 图 4-4 设备 E-R 图 5.会议 的 E-R 图主要 包括 会议 编号、 会议主题 、会议类型 、会议时间 、 会议组织者 、会议参与者 、会议室 、会议描述 、会议目的，附件路径，具 体如图 4-5 所示。 第四章 数据库设计 图

33、 4-5 会议 E-R 图 6.留言板 的 E-R 图包括 留言编号，留言内容，留言时间，留言者，所属会 议编号 ，具体如图 4-6 所示。 图 4-6 留言板 E-R 图 7.会议图片 的 E-R 图包括 图片 编号、 图片名称 、图片上传者 、图片描述、 所属会议 编号，具体如图4-7 所示。 图 4-7 会议图片 E-R 图 4.2 数数据据库库表表设设计计 在 4.1 节中详细 的介绍了系统中所有实体的信息及其属性，其中每个实体 在数据库中 都对应着一张表，所 以本 系统的数据库共有7 张表，下面将这 些表进 行详细的设计及说明。 1.职位 信息表（ job）：主要包括 职位 编号，

34、职位 名称 。各字段的具体信 息如表 4-1 所示： 表 4-1 职位 信息表（ job） 主键字段名称类型允许为空字段说明 主键j_idint否职位编号 j_namechar(20)是职位名称 2.用户 信息表（ users）：主要包括 用户编号，用户名，密码，性别，生 日，职位编号和邮箱。各字段的具体信息如表4-2 所示： 表 4-2 用户 信息表（ users） 主键或外键字段名称类型允许为空字段说明 主键u_idint否用户编号 u_namechar(50) 是 用户名 u_passwordchar(20) 是 密码 第四章 数据库设计 续表 4-2 用户信息表（users） u_ge

35、nderchar(2)是性别 u_birthdaydate是生日 外键u_jobidint否职位编号 mailint是邮箱 3.会议室 信息表（ meetingroom）：主要包括 会议室编号，会议室名称， 会议室容量，会议室描述，会议室状态（是否可借），会议室申请状态， 申请人 。各字段的具体信息如表4-3 所示： 表 4-3 会议室 信息表（ meetingroom） 主键或外键字段名称类型允许为 空 字段说明 主键r_idint否会议室编号 r_namechar(20)是部门编号 r_capacit y int 是 会议室容量 r_stateint是会议室状态 r_description

36、char(50)是会议室描述 r_reserveint是申请状态 r_appliychar(50)是申请人 4.设备信息表（ equipment）：主要包括设备编号、设备类型、设备状态、 设备申请者。 各字段的具体信息，如表4-4 所示： 表 4-4 设备信息表（ equipment） 主键或外键字段名称类型允许为空字段说明 主键e_idint否设备编号 e_namechar(50)是设备类型 e_stateint是设备状态 e_applierchar(255)是申请人 5.会议 信息表（ meeting）： 主要 包括会议 的编号、会议主题、会议的 类型、会议 开始 时间、会议组织者、会议参

37、与者、会议状态、 会议室、会 议描述、会议目的，附件路径，会议设备 各字段的具体信息如表4-5 所示： 表 4-5 会议 信息表（ meeting） 主键或外键字段名称类型允许为空字段说明 主键m_idint否会议编号 m_themechar(20) 是 会议主题 m_typechar(10) 是 会议类型 m_timedate 是 会议时间 外键 m_organizerint 是 会议组织者 m_joinerchar(150) 是 会议参与者 m_stateint 是 会议状态 m_roomint 是 会议室编号 m_descriptionchar(100) 是 会议描述 m_dutycha

38、r(50) 是 会议目的 m_pathchar(100) 是 会议材料下载地址 m_equipmentchar(150) 是 会议设备 6.留言 信息表（ note）：主要包括 留言编号，留言内容，留言时间，留言 者，所属会议编号 。 各字段的具体信息如表4-6 所示： 表 4-6 留言 信息表（ note） 主键或外键字段名称类型允许为空字段说明 外键 n_idint否留言编号 n_assesschar(150) 是 留言内容 n_Attendancechar(150) 是 发言人 n_Summarychar(150)是发言时间 n_meetingid int是所属会议编号 7.图片 信息表

39、（ photo）：主要包括 图片编号、图片名称、图片上传者、 第五章 系统详细设计及实现 图片描述、所属会议编号。 各字段的具体信息如表4-7 所示： 表 4-7 图片 信息表（ photo） 主键或外键字段名称类型允许为空字段说明 主键p_idint否图片编号 p_namechar(100)是图片名称 p_userchar(50)是上传者 p_descriptionchar(150)是图片描述 p_m_idint是所属会议编号 第五章 系统详细设计及实现 5.1 登登录录 注注册册 模模块块设设计计及及实实现现 本登录模块采用了ajax 异步提交的方式 ，设计时只要创建input 对象 和

40、select 对象，其中用户名那一栏属性为type，密码属性为password，登 录和注册按钮的属性为button，职位的选择使用select 对象，然后使用 表 格对控件进行排版并在页面中添加背景图片，对这些控件使用css 进行美 化， 实现效果如图5-1： 图 5-1 登录模块效果图 5.1.1 职位的获取 页面加载时，会发送一个Ajax 请求， 调用 JobAction 中的 findJob 方 法， 请求的 action 需要在 struts.xml 进行配置，配置代码为： 查询数据库中职位的信息，在 findJob 中调用 JobService 中的 findJob 方法，然后 J

41、obService 中调用 jobDAO 中的 findAll 方法，即可查询到在数 据库中 job 的值，将查询到的值，以list 的形式存放到result 中，然后在 ajax 的 success 中取得存放在result 中的值，用 select 中的 option 存放并显 示出来，具体实现代码为： 第五章 系统详细设计及实现 前台 ajax 请求和数据处理： jobAction 中 findJob: jobDAO 中 findAll: 5.1.2 登录功能的实现 在实现登录功能， 首先 为登录按钮绑定click 事件，然后在事件中发送 Ajax 请求（需在 struts.xml 中配

42、置）， 并将用户名，密码以及职位的信息以 post 的方式发送到LoginAction 中， 调用 action 的 login()方法， 其中用户 名，密码的头名字须和users 类中一致，这样Struts 就可以将数据封装到对 象中，发送请求的js 代码为： 在 login()方法中 ，因为从前台传过去的数据名与Users 对象中的字段名 以及类型相同， struts2 可以直接对其进行封装，所以用 方式来获取用户名和密码。而职位信息，因为数据库中包含外键，数 据类型不一样， 用以上方式获取不到，所以要用request 来获取，代码为： 拿到值之后，根据用户名查询它的密码和职位编号进行判断

43、，如果用 户名或密码为空 或者错误 ，则提示用户 错误信息，实现效果如图5-2 所示， 如果用户名和密码输入正确，则显示登录成功。实现效果如 图 5-3，其中 查询时要将用户名传到UsersDAO 中，在调用 UsersDAO 中的 findByUName 方法， 而在 findByUName 的方法 中调用了 findByProperty 方法，其中 findByProperty 的具体 实现 使用的就是 hibernate 的 query 查询， 具体代码 为： 第五章 系统详细设计及实现 图 5-2 登录失败 图 5-3 登录成功 5.1.3 注册功能的实现 注册功能，首先跟跟登录一样为

44、button 绑定 click 事件， 当点击注册按 钮的时候，就会 弹出一个 modalDialog 对话框 ，在 modalDialog 中引用 了 register.jsp，弹出界面如图5-4 所示， 在页面中的控件跟登录界面类似，不 再重复叙述。 其中的生日框绑定了一个日期插件。具体实现方法为：在register.jsp 页面中引入 jquery1.10.2、jquery.ui.datepicker.js、jquery.ui.core.js 三个 js 的文件 ，然后 用 JavaScript 调用插件的接口，这样就可以完整的为填写生 日的控件 绑定 了日期插件，具体 的实现代码为：

45、引入插件 绑定插件 实现效果如图5-5。 图 5-4 初始登录界面 图 5-5 日期插件显示 点击提交后，调用Login.jsp 中的 register 方法，具体实现跟登录类似。 因为在数据库中生日字段是date 类型的，所以需要在register 方法中对前 台取得的 String 类型的生日进行转换，调用simpleDateFormate 中的方法转 换。具体实现代码如下： 第五章 系统详细设计及实现 日期转换 在对对象中的值设置好后调用userService 中的 saveUser 方法，然后调 用 usersDAO 中 save 方法就可实现注册功能。其中，在 useDAO 中的 s

46、ave 方法执行了 hibernate 中的 hql 查询，具体代码如下： 实现效果如图5-6 所示。 图 5-6 注册效果 5.2 个个人人信信息息模模块块 的的设设计计与与实实现现 5.2.1 登录状态的保存和拦截 用户登录成功后，需要将用户的信息保存到session 中，具体方法为： 定义一个 map 类型的 session 对象，设置它的set 和 get 方法，然后就可以 将 user 对象放到 session 中，具体实现代码为： 将 users 对象放到 session 中： 在页面中，将session 中的 user 对象信息 从 session 中取出来放到页面 上， 方法为

47、： 实现效果如图5-7 所示， 图 5-7 用户登录信息 对于登录状态的拦截，即为当用户没有登录 时，即使访问main.jsp 页 面，系统也会直接跳到login.jsp 页面上，实现方法为：在web.xml 文件中 配置下 sessionFilter 拦截器，拦截所有的.jsp 页面，一旦访问jsp 页面 sessionFilter 就会拦截。然后创建一个sessionFilter 类，让他实现filter 接 口，重写其中的dofilter 方法，获取 session 对象，判断当session 对象中 有值或者页面为register.jsp 时，拦截器不工作，其他情况下都跳转到 logi

48、n.jsp 页面。实现代码为： web.xml 中： 第五章 系统详细设计及实现 sessionFilter 中： 5.2.2 个人信息的查看与修改 在个人信息查看页面myInfo.jsp 中，加载页面时立即发送ajax 请求， 访问 LoginAction 中得 findUserByName 方法 ，并调用了 UsersService 中的 findUserByName 方法 ，一直到 UsersDAO 中的 findByProperty 方法，与登 录时调用的一致，然后得到list 型的 Users 对象，然后在LoginAction 中 获取 list 型的 Users 对象中的第一个

49、值并赋给 result1 返回给前台。具体代 码为： 在前台 通过设置控件的值将查询到的数据附给相应的控件，是查询的数据 在页面上显示出来，因部分代码实现与前面类似，就不再重复，实现代码为： 实现效果如图5-8 所示： 图 5-8 个人信息修改 修改功能其实与查看相反，取得控件上的信息，通过ajax 请求，发送 到 updateUsers 方法中，通过userService 调用 userDAO 中的 update 方法完 成修改功能。 5.3 管管理理员员 模模块块的的设设计计与与实实现现 5.3.1 用户管理功能的实现 加载用户管理界面时，默认查询出所有的用户信息，可通过用户名对用户 进行查询，表格中修改和删除则是根据用户id 进行管理的。大 体的实现过 程如下： 首先加载页面时，发送ajax 请求获取 session 中存储的 user 对象的值， 判断 user 的职位，只有职位为管理员的才可以进入用户信息管理页面。查 询关键代码为： 判断职位的相关代码： 在 Action 中的： 第五章 系统详细设计及实现 前台 js 代码： 进入页面时发送请求调用 findAllUsers 方法， 查询 数据库中 所有用户的 信息， 存放到 result2 中，在前台得到信息后，遍历查询到的信息 并放置到 表格中