办公OA系统|基于SpringBoot+Vue实现银行OA系统的设计与实现

作者简介：Java领域优质创作者、CSDN博客专家 、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师

主要内容：Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助

收藏点赞不迷路  关注作者有好处

文末获取源码 

项目编号：BS-XX-231

一，环境介绍

语言环境：Java:  jdk1.8

数据库：Mysql: mysql5.7

应用服务器：Tomcat:  tomcat8.5.31

开发工具：IDEA或eclipse

开发技术：Springboot+Vue

二，项目简介

信息技术的飞速发展，极大节省了企业的管理成本，提高了企业管理效率。各种信息系统在企业管理应用过程中，为企业决策制定提供了可靠的支持。

随着银行企业规模的扩大，管理也愈加庞大和困难，信息处理与使用也至关重要。同时，“物竞天择适者生存”的法则，市场竞争日益加剧，银行间的竞争已经从根本上演变成为人才竞争，使得银行对企业办公管理越发重视。

在银行企业发展过程中， OA系统积累了大量的企业办公相关数据，而实际工作中人事管理对象是一个单位或若干单位中员工的基本信息，而这些信息是不断变化的，随着这些数据变化，企业对OA系统提出了新的需求。但是，目前企业内的数据管理系统大多是针对企业独立运用而建立起的，各种管理和计算功能都分布在企业内一个个独立的系统中，这些独立分布的数据管理可以方便企业的单独管理，但是，对于企业办公这种分散、人员众多、数据源复杂、统计困难，由于缺乏统一的规范，使得各每做一项工作，都需要花费很多精力和时间，给企业大规模集成使用带来了诸多不便。

建立一套银行OA系统，可以利用先进的信息技术对企业内的企业办公进行管理，一方面通过无纸化办公降低企业成本；另一方面，通过与企业内部其他办公系统的信息共享，提高企业办公管理效率，加强信息化管理，提高本单位经济效益。

通过对银行OA系统的分析了解，整理银行OA系统的需求。银行OA系统是企业管理的一部分，调查企业的工作流程，分析企业办公管理者的业务范围，指定银行OA系统的开发范围。银行OA系统主要表现在几个地方。

工作的科学管理。通过员工记录任务信息，保存在公司服务器中，可以随时随地的查看。

信息申请，包括出勤、出差、请假、报销、会议申请进行审批。

报表分析，根据企业的要求，将系统中必要的信息制作成报表，每月进行汇总，整理报告内容，以供相关部门领导进行企业事务决策。

银行OA系统是企业发展必备系统，可以为企业发展方向做正确的预测，也可以为企业内部提供高效的企业办公管理服务。银行OA系统设计的用户包括三类，管理员、经理和员工。

其中管理员是系统用户，为系统最高权限的用户，进行系统信息的录入和管理。在银行OA系统启用时，管理系统的初始化数据，特别是系统用户，设置好各角色及其账号。管理系统数据，对银行OA系统的初始信息进行维护补充，并及时审核各类数据。

企业部门经理拥有一般员工的所有权限，除此之外，还可以管理企业办公信息和统计查询功能。其中办公管理包括出勤、出差、请假、报销、会议申请管理。

员工用户包括日常工作管理：添加日常工作信息，管理日程信息，记录任务和会议时间等。查询历史记录的信息，对错误的信息进行修改。对出勤、出差、请假、报销、会议进行申请，等待管理员审批，审批通过后，查看审批状态。记录个人工作事项。

其中管理员用例如3.1所示，经理用例图如3.2所示，员工用例图如3.3所示：

图3.1 管理员用例图

其中经理用例图如3.2所示：

图3.2 经理用例图

其中员工用例图如3.2所示：

图3.2 员工用例图

三，系统展示

5.1系统登录

在银行OA系统运行后，进入登录界面。登录界面比较简单，风格简洁，用户输入账号和密码后进入系统。界面如图5.1所示。

图5.1 用户登录界面

   使用form表单制作登录，账号和密码为input输入文本框，登录按钮为button，点击登录后，调用check方法，check是js验证。验证用户是否输入信息，通过alert进行提示消息，通过验证后，把表格信息进行提交。调用service的方法，通过返回的结果判断用户是否登录成功。

在登录验证的服务器端方法中，通过用户输入的数据到数据库进行比对，如果查询到用户说明登录成功，反之登录失败。

用户登录成功后，需要把用户信息保存到session中，也可以保存到cookie。Session是服务器对象，当页面跳转的时候，数据不会丢失。当需要权限控制时候，需要读取session保存的数据进行判断。

5.2系统主界面实现

不同的用户主界面菜单不同，其中主界面使用FRAMESET框架，头部FRAME为top，加载的是一个jsp页面，显示系统名称和用户角色。左侧为left，加载了菜单列表，其中权限也是通过菜单进行控制的。不同用户的权限，显示的菜单不同。右侧的为left，加载了主功能内容页面。点击功能菜单，具体内容显示到left中。

管理员主界面如图所示。

图5.2 管理员主界面

5.4员工基本档案

员工基本档案是系统重要的组成部分，包含了员工基本信息。员工基本档案模块如5.3图所示。

图5.3员工基本档案模块

员工信息管理包括信息插入、查询和删除操作。在员工信息插入页面，通过form表单收集员工的基本信息，然后点击button按钮，使用js进行必填信息的验证，通过验证后，把信息提交到业务逻辑层。获取员工信息后，使用插入sql语句保存数据到员工信息表。

点击员工信息管理时，在业务逻辑代码中，查询所有的员工信息到list集合，然后使用foreach标签循环显示到table中。点击删除员工，获取员工的主键编号，使用语句删除数据库记录后更新员工列表。

5.5部门经理管理

管理员进行管理操作，对部门经理进行修改或者删除，部门经理可以自己注册获取用户名和密码。其中部门经理管理界面如下所示：

图5.4部门经理管理界面

部门经理信息管理包括信息插入、查询和删除操作。在部门经理信息插入页面，通过form表单收集部门经理的基本信息，然后点击button按钮，使用js进行必填信息的验证，通过验证后，把信息提交到业务逻辑层。获取部门经理信息后，使用插入sql语句保存数据到部门经理信息表。

点击部门经理信息管理时，在业务逻辑代码中，查询所有的部门经理信息到list集合，然后使用foreach标签循环显示到table中。点击删除部门经理，获取部门经理的主键编号，使用语句删除数据库记录后更新部门经理列表。

5.6日常工作管理

在此页面主要是输入日常工作信息，对个人的日常工作进行管理。其中日常工作管理界面如下所示：

图5.5日常工作管理界面

在日常工作信息插入页面，通过form表单收集日常工作的基本信息，然后点击button按钮，使用js进行必填信息的验证，通过验证后，把信息提交到业务逻辑层。获取日常工作信息后，使用插入sql语句保存数据到日常工作信息表。

5.7工作任务管理

各用户角色都可以发布工作任务需求，用户查看工作任务，工作任务管理界面如下所示：

图5.7 工作任务管理界面

工作任务信息管理包括信息插入、查询和删除操作。在工作任务信息插入页面，通过form表单收集工作任务的基本信息，然后点击button按钮，使用js进行必填信息的验证，通过验证后，把信息提交到业务逻辑层。获取工作任务信息后，使用插入sql语句保存数据到工作任务信息表。

点击工作任务信息管理时，在业务逻辑代码中，查询所有的工作任务信息到list集合，然后使用foreach标签循环显示到table中。点击删除工作任务，获取工作任务的主键编号，使用语句删除数据库记录后更新工作任务列表。

5.8信息申请管理

部门经理用户登录系统后，申请信息，包括出勤、出差、请假、报销、会议。各种流程一样。其中请假申请信息后，可以对申请信息进行修改，删除操作。当管理员审核信息后，信息不能修改和删除。在用户信息查询中，可以查看请假信息，管理员对请假信息进行审核。其中请假申请界面如下所示：

图5.9请假信息申请界面

请假审批界面如下所示：

图5.10请假审批界面

四，核心代码展示

五，相关作品展示

基于Java开发、Python开发、PHP开发、C#开发等相关语言开发的实战项目

基于Nodejs、Vue等前端技术开发的前端实战项目

基于微信小程序和安卓APP应用开发的相关作品

基于51单片机等嵌入式物联网开发应用

基于各类算法实现的AI智能应用

基于大数据实现的各类数据管理和推荐系统