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

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

项目编号: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智能应用

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

相关文章
|
1月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,包括版本兼容性、安全性、性能调优等方面。
137 1
|
15天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
94 62
|
6天前
|
安全 搜索推荐 数据安全/隐私保护
点晴免费OA办公系统:高效协同,安全易用
信息技术发展推动企业信息化,即企业利用现代技术提升生产、经营、管理效率,增强竞争力。点晴免费OA系统作为信息化管理的基础,是实现企业信息化的关键手段。
18 2
|
13天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
32 2
|
16天前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。
|
2月前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的大学竞赛报名管理系统
基于Java+Springboot+Vue开发的大学竞赛报名管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的大学竞赛报名管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
214 3
基于Java+Springboot+Vue开发的大学竞赛报名管理系统
|
1月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用
【10月更文挑战第8天】本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,通过 Spring Initializr 创建并配置 Spring Boot 项目,实现后端 API 和安全配置。接着,使用 Ant Design Pro Vue 脚手架创建前端项目,配置动态路由和菜单,并创建相应的页面组件。最后,通过具体实践心得,分享了版本兼容性、安全性、性能调优等注意事项,帮助读者快速搭建高效且易维护的应用框架。
39 3
|
2月前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的蛋糕商城管理系统
基于Java+Springboot+Vue开发的蛋糕商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的蛋糕商城管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
140 3
基于Java+Springboot+Vue开发的蛋糕商城管理系统
|
2月前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的美容预约管理系统
基于Java+Springboot+Vue开发的美容预约管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的美容预约管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
53 3
基于Java+Springboot+Vue开发的美容预约管理系统
|
1月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用
【10月更文挑战第7天】本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,通过 Spring Initializr 创建 Spring Boot 项目并配置 Spring Security。接着,实现后端 API 以提供菜单数据。在前端部分,使用 Ant Design Pro Vue 脚手架创建项目,并配置动态路由和菜单。最后,启动前后端服务,实现高效、美观且功能强大的应用框架。
37 2