基于Java+SpringBoot+Vue的前后端分离的某银行OA系统

一、背景介绍

系统包括管理员、经理、员工三个角色，分别进行员工管理、办公管理、请假管理、任务管理等操作。企业部门经理拥有一般员工的所有权限，除此之外，还可以管理企业办公信息和统计查询功能。其中办公管理包括出勤、出差、请假、报销、会议申请管理。员工用户包括日常工作管理：添加日常工作信息，管理日程信息，记录任务和会议时间等。查询历史记录的信息，对错误的信息进行修改。对出勤、出差、请假、报销、会议进行申请，等待管理员审批，审批通过后，查看审批状态。记录个人工作事项。

二、技术栈

• 后端：Java+SpringBoot
• 前端：Vue
• 数据库：MySQL

三、功能模块

四、详细介绍

系统登录

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

图5.1 用户登录界面

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

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

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

系统主界面实现

管理员主界面如图所示。

图5.2 管理员主界面

员工基本档案

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

图5.3员工基本档案模块

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

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

部门经理管理

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

图5.4部门经理管理界面

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

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

日常工作管理

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

图5.5日常工作管理界面

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

工作任务管理

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

图5.7 工作任务管理界面

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

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

信息申请管理

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

图5.9请假信息申请界面

请假审批界面如下所示：

图5.10请假审批界面

五、结论

经过近两个多月的设计和开发，银行OA系统基本开发并通过实践测试，其功能符合系统用户的基本需求，实现了用户登录，基本信息的修改，人事基本信息管理等功能的实现。系统使用简洁明快的界面风格设计，具备了友好性，灵活性和可靠性，实现了预期目标和功能。但是由于毕业设计时间较短，所以该系统还有许多不尽如人意的地方。数据库设计过程中表的结构和字段的设计还不够优化，表仍然存在冗余问题，没有将数据的冗余降低到最小，因而本系统的运行效率的提高也是在今后的程序设计过程中的新课题。

通过毕业设计，让我感受了软件开发的整个过程。毕业设计不仅是对我在大学所学知识的一个综合运用，也是一次增长知识和经验的好机会，同时也使我学会了许多处理、解决问题的方法，大大提高了自己的动手能力，为即将走上工作岗位打下了良好的基础。