基于SpringBoot+Vue的OA管理系统

浏览 253 次

OA Management System Based on SpringBoot and Vue

该项目是基于SpringBoot后端框架与Vue前端框架开发的OA办公自动化管理系统。系统实现了员工信息管理、考勤记录、审批流程、公告发布等核心功能模块，采用前后端分离架构提升开发效率。该系统适合作为企业信息化管理解决方案，也可用于毕业设计或项目实践，展示了现代Web系统开发的技术实现。

SpringBootVue前后端分离PC端

项目简介

项目基础信息

适合专业计算机科学与技术 / 软件工程 / 信息管理

技术栈SpringBoot + Vue + MySQL + Redis

系统架构前后端分离

项目类型办公自动化管理系统

运行环境JDK1.8、MySQL5.7+、Node14+

开发工具IntelliJ IDEA、Visual Studio Code、Maven

项目包含内容

前后端完整源码
数据库完整脚本
参考论文(如有)
部署软件及部署说明
项目介绍文档(如有)

项目详细介绍

基于SpringBoot+Vue的OA管理系统

一、项目背景介绍：

办公自动化（Office Automation，简称OA），是将计算机、通信等现代化技术运用到传统办公方式，进而形成的一种新型办公方式。办公自动化利用现代化设备和信息化技术，代替办公人员传统的部分手动或重复性业务活动，优质而高效地处理办公事务和业务信息，实现对信息资源的高效利用，进而达到提高生产率、辅助决策的目的，最大限度地提高工作效率和质量、改善工作环境

二、项目技术简介：

JAVA：Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程。
Vue：Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。

Vue是一个独立的社区驱动的项目，它是由尤雨溪在2014年作为其个人项目创建，是一个成熟的、经历了无数实战考验的框架，它是目前生产环境中使用最广泛的JavaScript框架之一，可以轻松处理大多数web应用的场景，并且几乎不需要手动优化，并且Vue完全有能力处理大规模的应用。
Element-UI：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
SpringBoot：Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。
Mybatis-Plus：MyBatis-Plus（简称 MP）是一个 MyBatis的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。

三、系统功能模块介绍：

功能模块图

四、数据库设计：

1：'报销管理'（claim）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | -------- | ------ | -------------------------------------------- |

2：'员工表'（emps）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | -------- | ------ | -------------------------------- |

| sex | int | NULL | 性别[0:男,1:女,2:未知] |

| age | int | NULL | 年龄 |

| img | varchar | NULL | 照片 |

3：'文件资源信息表'（file）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | -------- | ------ | ---------- |

| id | bigint | NULL | 主键 |

4：'组长表'（leader）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | -------- | ------ | -------------------------------- |

| sex | int | NULL | 性别[0:男,1:女,2:未知] |

| age | int | NULL | 年龄 |

| img | varchar | NULL | 照片 |

5：'员工请假表'（leaves）

| 字段名 | 类型 | 默认值 | 列注释 |

| ------------ | -------- | ------ | ----------------------------------- |

6：'管理员表'（manage）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | -------- | ------ | -------- |

7：'会议表'（meets）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | -------- | ------ | ----------------------- |

8：'通知表'（noticle）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | -------- | ------ | ----------------------- |

9：'打卡表'（punchs）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | ------ | ------ | ------------------- |

10：'报告表'（reports）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | ------- | ------ | -------------------------- |

11：'工资表'（salary）

| 字段名 | 类型 | 默认值 | 列注释 |

| ---------- | ------- | ------ | -------- |

12：'员工日程表'（schedules）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | ------ | ------ | -------- |

五、功能模块：

考勤模块：员工可通过系统进行每日打卡，请假，请假需要管理员进行审核，管理员可以拒绝亦可以通过，拒绝时可以填写拒绝理由
会议通知模块：管理员可以向员工发布会议通知，以及日常通知，会议通知则可以添加附件，而普通通知则会以markdown的格式向员工进行展示多样化的内容，并且员工可以实时收取到通知
日程模块：员工可以给自己添加每日计划来提醒自己，然后也可以编写日报周报或者年报，管理员则可以查看员工填写的内容
报销工资模块：员工可以提交报销申请，管理员进行审核，管理员通过每个月员工的考勤状况，报销情况为员工进行工资录入
文件资源上传：管理员和组长可以上传资源，员只能查看下载
报告查看：查看报告信息，管理员可以查看所有的，其他员工只能查看自己的报告信息
打卡记录查看：管理员可以查看所有的打卡记录信息
首页信息：在系统首页可以查看打卡记录，今日打卡，试试刷新通知和会议信息

六、代码示例：

考勤模块


@Override

    protected void beforeSave(PunchsDTO entity) throws Exception {

        String formatNow = LocalDateTimeUtils.formatNow(LocalDateTimeUtils.yyyy_MM_dd);

        LambdaQueryWrapper<PunchsDTO> queryWrapper = new LambdaQueryWrapper<>();

        queryWrapper.eq(PunchsDTO::getHandleTime, formatNow);

        List<PunchsDTO> punchsDTOS = this.baseService.list(queryWrapper);

        if (CollectionUtil.isNotEmpty(punchsDTOS)) throw new Exception(当日已打卡,不可重复打卡!);

        entity.setHandleTime(new Date());

        super.beforeSave(entity);

    }

会议通知模块


 /**

     * 员工获取会议

     *

     * @return

     */

    @GetMapping(/emp)

    public ReturnMsg getEmpNotice() {

        LambdaQueryWrapper<MeetsDTO> queryWrapper = new LambdaQueryWrapper<>();

        queryWrapper.eq(MeetsDTO::getStatus, 1).orderByDesc(MeetsDTO::getCreateTime).last(limit 5);

        return ReturnMsg.ok(this.baseService.list(queryWrapper));

    }

日程模块


 @GetMapping(/all/emps)

    public ReturnMsg allEmps() {

        List<BaseSelectEntity> list = new ArrayList<>();

        List<EmpsDTO> dtos = empsService.list();

        for (EmpsDTO dto : dtos) {

            BaseSelectEntity baseSelectEntity = new BaseSelectEntity();

            baseSelectEntity.setKey(dto.getId());

            baseSelectEntity.setValue(dto.getName());

            list.add(baseSelectEntity);

        }

        return ReturnMsg.ok(list);

    }



    @GetMapping(/current/{empId})

    public ReturnMsg current(@PathVariable Long empId) {

        LambdaQueryWrapper<SchedulesDTO> queryWrapper = new LambdaQueryWrapper<>();

        queryWrapper.eq(SchedulesDTO::getEmpId,empId).eq(SchedulesDTO::getCreateTime, LocalDateTimeUtils.formatNow(LocalDateTimeUtils.yyyy_MM_dd)).last(limit 1);

        return ReturnMsg.ok(baseService.getOne(queryWrapper));

    }


    /**

     * 生成验证码

     */

    @GetMapping(/captchaImage)

    public AjaxResult getCode(HttpServletResponse response) throws IOException

    {

        AjaxResult ajax = AjaxResult.success();

        boolean captchaEnabled = configService.selectCaptchaEnabled();

        ajax.put(captchaEnabled, captchaEnabled);

        if (!captchaEnabled)

        {

            return ajax;

        }



        // 保存验证码信息

        String uuid = IdUtils.simpleUUID();

        String verifyKey = CacheConstants.CAPTCHA_CODE_KEY + uuid;



        String capStr = null, code = null;

        BufferedImage image = null;



        // 生成验证码

        String captchaType = RuoYiConfig.getCaptchaType();

        if (math.equals(captchaType))

        {

            String capText = captchaProducerMath.createText();

            capStr = capText.substring(0, capText.lastIndexOf(@));

            code = capText.substring(capText.lastIndexOf(@) + 1);

            image = captchaProducerMath.createImage(capStr);

        }

        else if (char.equals(captchaType))

        {

            capStr = code = captchaProducer.createText();

            image = captchaProducer.createImage(capStr);

        }



        redisCache.setCacheObject(verifyKey, code, Constants.CAPTCHA_EXPIRATION, TimeUnit.MINUTES);

        // 转换流信息写出

        FastByteArrayOutputStream os = new FastByteArrayOutputStream();

        try

        {

            ImageIO.write(image, jpg, os);

        }

        catch (IOException e)

        {

            return AjaxResult.error(e.getMessage());

        }



        ajax.put(uuid, uuid);

        ajax.put(img, Base64.encode(os.toByteArray()));

        return ajax;

    }

    /**

     * 通用的本地文件上传

     *

     * @param multipartFile 文件对象

     * @return 文件访问链接URL

     */

    @PostMapping(/file)

    public SimpleResponse uploadImg(@RequestParam(file) MultipartFile file) {

        // 文件后缀

        String suffix = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(.) + 1);

        File savePathFile = new File(newTomcatFolder);

        if (!savePathFile.exists()) {

            // 若不存在该目录，则创建目录

            savePathFile.mkdir();

        }

        // 通过UUID生成唯一文件名

        String filename = UUID.randomUUID() + . + suffix;

        try {

            // 将文件保存指定目录

            file.transferTo(new File(newTomcatFolder + filename));

        } catch (Exception e) {

            e.printStackTrace();

            return SimpleResponse.error(保存文件异常);

        }

        // 返回访问链接

        return SimpleResponse.success(newTomcatHost + filename);

    }

    @PostMapping(/login)

    public ReturnMsg manageLogin(@RequestBody Map<String, String> param) {

        if (StrUtil.isEmpty(param.get(username)) || StrUtil.isEmpty(param.get(password))) {

            return ReturnMsg.error(用户名或密码错误!);

        }

        ManageDTO manageDTO = new ManageDTO();

        manageDTO.setUserName(param.get(username));

        manageDTO.setPassWord(param.get(password));

        QueryWrapper<ManageDTO> manageDTOQueryWrapper = new QueryWrapper<>(manageDTO);

        manageDTOQueryWrapper.last(limit 1);

        ManageDTO adminDTOS = manageService.getOne(manageDTOQueryWrapper);

        if (adminDTOS == null) return ReturnMsg.error(用户名或密码错误!);

        Map<String, Object> map = new HashMap<>();

        map.put(avatar, StrUtil.isNotBlank(adminDTOS.getPhotoImg()) ? adminDTOS.getPhotoImg() : https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif);

        map.put(introduction, adminDTOS.getName() + ,你好!);

        map.put(name, adminDTOS.getName());

        map.put(roles, Arrays.asList(admin));

        map.put(type, adminDTOS.getStatus());

        Map<String, String> returnMap = new HashMap<>();

        String uuid = UUID.randomUUID().toString();

        returnMap.put(token, uuid);

        userInfoMap.put(uuid, JSON.toJSONString(map));

        return ReturnMsg.ok(returnMap);

    }

七、项目总结：

作为毕业设计，分配给本系统的设计与制作时间还是不足的，所以，OA系统还有许多需要完善的地方。

    第一个就是本系统的编程代码问题，各个程序文件的代码存在冗余的地方非常多，导致代码不够简洁，同时对代码的注释也比较麻烦。编码期间，对于很多页面可以共享的函数与方法都没有单独列出来，而是在需要用到函数和方法的页面上都重新编写了代码，通过后期的技术学习，以及对编码过程的分析总结，发现可以把共用的函数或方法编写在同一个页面上，在之后的页面中，需要使用此函数的页面，则可以直接调用函数，无需再编写代码了，这样可以简化代码，也能节省时间和存储空间。



    第二个就是对数据库的设计不够好，在数据处理中，影响程序运行速度。因此需要对数据库的性能进行优化。通过这方面知识的学习，在某个开发技术类的博客中，发现可以用数据库连接池技术来解决数据库的性能问题，另外还需规范数据库里面的关系模式，降低数据库的冗余率，提高运行速度。



    如果说平时的作业也是检查对知识的掌握情况，那么制作毕业设计，将是对自身所有知识的一个全面检测。因为系统能够制作完成则是经历了很多阶段，正如文中所展示的那样，先有可行性分析，对功能的分析，对功能的设计，对数据库的设计，对程序功能的编码实现，对完成编码程序的测试等，这些环节缺一不可，而且还都需要认真对待，大学学到的所有知识在制作系统时，才会发现不够用。所以这个项目制作，在检测自身能力的同时，也对问题分析，资料搜集，问题解决等能力进行了培养。

联系咨询区

可沟通项目方向、预算、交付周期与答辩时间安排，支持按学校要求定制交付内容。

立即咨询继续浏览项目

项目简介

项目基础信息

项目包含内容

项目详细介绍

基于SpringBoot+Vue的OA管理系统

一、项目背景介绍：

二、项目技术简介：

三、系统功能模块介绍：

四、数据库设计：

五、功能模块：

六、代码示例：

考勤模块

会议通知模块

日程模块

七、项目总结：

联系咨询区

为你推荐