基于 HTML5 的 OA 办公系统
摘要
随着信息技术在管理上越来越深入而广泛的应用，作为一个一般的企业都开始注重
与自己的信息展示平台，实现基于 HTML5 的 OA 办公系统在技术上已成熟。本文介绍了基
于 HTML5 的 OA 办公系统的开发全过程。通过分析企业对于博客网站的需求，创建了一个
计算机管理基于 HTML5 的 OA 办公系统的方案。文章介绍了基于 HTML5 的 OA 办公系统的
系统分析部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设
计。
本基于 HTML5 的 OA 办公系统管理员和员工，员工可以注册。管理员功能有个人中
心，员工管理，部门信息管理，岗位信息管理，公告通知管理，人事档案管理，考勤打
卡管理，考勤记录管理，我的邮件过来，新建工作模板管理，待办工作管理。员工功能
有个人中心，公告通知管理，人事档案管理，考勤打卡管理，考勤记录管理，我的邮件
过来，新建工作模板管理，待办工作管理，因而具有一定的实用性。
本站是一个 B/S 模式系统，采用 Java 的 SSM 框架作为开发技术，MYSQL 数据库设计
开发，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得
基于 HTML5 的 OA 办公系统管理工作系统化、规范化。
关键词：基于 HTML5 的 OA 办公系统；SSM 框架；MYSQL 数据库
Abstract
With the more and more in-depth and extensive application of information
technology in management, as a general enterprise, it has begun to focus on its
own information display platform, and the realization of an OA office system based
on HTML5 is technically mature. This article introduces the whole development
process of OA office system based on HTML5. By analyzing the needs of enterprises
for blog sites, a computer management scheme based on HTML5 OA office system was
created. The article introduces the system analysis part of OA office system based
on HTML5, including feasibility analysis, etc. The system design part mainly
introduces the system function design and database design.
This HTML5-based OA office system administrators and employees, employees
can register. The administrator functions include personal center, employee
management, department information management, job information management,
announcement notification management, personnel file management, attendance
check-in management, attendance record management, my email, new job template
management, and to-do work management. Employee functions include personal center,
announcement notification management, personnel file management, attendance
check-in management, attendance record management, my email is over, new job
template management, to-do job management, so it has a certain practicability.
This site is a B/S model system, using Java's SSM framework as the development
technology, and MYSQL database design and development, which fully guarantees
the stability of the system. The system has the characteristics of clear interface,
simple operation and complete functions, which makes the management of OA office
system based on HTML5 systematized and standardized.
Keywords: OA office system based on HTML5; SSM framework; MYSQL database
目录
1 系统概述 ..................................................................................................................................1
1.1 研究背景.......................................................................................................................1
1.2 研究目的........................................................................................................................1
1.3 系统设计思想 ................................................................................................................1
2 相关技术 ..................................................................................................................................3
2.1 MYSQL 数据库.............................................................................................................3
2.2 B/S 结构 ........................................................................................................................3
2.3 SSM 框架简介 ..............................................................................................................4
3 系统分析 ..................................................................................................................................6
3.1 可行性分析 ....................................................................................................................6
3.1.1 技术可行性 ..........................................................................................................6
3.1.2 经济可行性 ..........................................................................................................6
3.1.3 操作可行性 ..........................................................................................................6
3.2 系统性能分析 ...............................................................................................................7
3.2.1 系统安全性........................................................................................................7
3.2.2 数据完整性........................................................................................................7
3.3 系统界面分析 ...............................................................................................................7
3.4 系统流程和逻辑 ............................................................................................................9
4 系统概要设计 ........................................................................................................................10
4.1 概述 ..............................................................................................................................10
4.2 系统结构 ......................................................................................................................11
4.3.数据库设计 ..................................................................................................................12
4.3.1 数据库实体 ........................................................................................................12
4.3.2 数据库设计表 ....................................................................................................14
5 系统详细实现 ........................................................................................................................19
5.1 管理员模块的实现 .....................................................................................................19
5.1.1 员工信息管理 ...................................................................................................19
5.1.2 公告通知管理 ...................................................................................................19
5.1.3 考勤记录管理 ...................................................................................................20
5.2 员工模块的实现 .........................................................................................................21
5.2.1 考勤打卡 ...........................................................................................................21
5.2.2 我的邮件 ...........................................................................................................21
5.2.3 新建工作管理 ...................................................................................................22
6 系统测试 ................................................................................................................................22
6.1 概念和意义 .................................................................................................................22
6.2 特性 .............................................................................................................................23
6.3 重要性 .........................................................................................................................23
6.4 测试方法 .....................................................................................................................23
6.5 功能测试 ....................................................................................................................24
6.6 可用性测试 .................................................................................................................24
6.7 性能测试 .....................................................................................................................25
6.8 测试分析 .....................................................................................................................25
6.9 测试结果分析 .............................................................................................................26
结论 ...........................................................................................................................................26
致谢语 .......................................................................................................................................26
参考文献 ...................................................................................................................................27
1
1 系统概述
1.1 研究背景
如今互联网高速发展，网络遍布全球，通过互联网发布的消息能快而方便的传播到
世界每个角落，并且互联网上能传播的信息也很广，比如文字、图片、声音、视频等。
从而，这种种好处使得互联网成了信息传播的主要途径，社会上各种各样的信息都想尽
办法通过互联网进行传播，互联网对社会产生的影响越来越大。
随着计算机技术的发展以及计算机网络的逐渐普及，互联网成为人们查找信息的重
要场所，二十一世纪是信息的时代，所以信息的交换和信息流通显得特别重要。因此，
开发合适的基于 HTML5 的 OA 办公系统成为企业必然要走的一步棋。开发合适的基于
HTML5 的 OA 办公系统，可以方便管理人员对基于 HTML5 的 OA 办公系统的管理，提高信息
管理工作效率及查询效率，有利于更好的为用户提供服务。
1.2 研究目的
随着互联网技术的快速发展，网络时代的到来，网络信息也将会改变当今社会。各
行各业在日常企业经营管理等方面也在慢慢的向规范化和网络化趋势汇合。基于 HTML5
的 OA 办公系统的信息化程度体现在将互联网与信息技术应用于经营与管理，以现代化工
具代替传统手工作业。无疑，使用网络信息化管理使信息管理更先进、更高效、更科学，
信息交流更迅速。
企业如果还用之前得办公形式，一杯茶水一份报纸的慢性子办公了，已经很落伍了，
这样会导致了效率低下。而且，时间一长的话，积累下来的数据信息不容易保存，对于
查询、更新还有维护会带来不少问题。对于数据交接也存在很大的隐患。如果采用电子
化的存储方式就会带来很大的改善，而且给用户的查询带来了很大便利，因此设计一个
基于 HTML5 的 OA 办公系统刻不容缓，能够提高企业在信息技术方面的展示水平。
1.3 系统设计思想
一个成功的网站应明确建设网站的目的，确定网站的功能，确定网站规模、投入费
用，进行必要的市场分析等。只有详细的策划，才能避免在网站建设中出现的很多问题，
使网站建设能顺利进行。同时，一个大型的计算机网站系统，必须有一个正确的设计指
导思想，通过合理选择数据结构、网络结构、操作系统以及开发环境，构成一个完善的
