SpringBoot2+Vue3开发课程审核流程系统

本文主要是介绍SpringBoot2+Vue3开发课程审核流程系统,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

SpringBoot2+Vue3开发课程审核流程系统

简介

此系统实现了课程审核全流程功能并使用了Activiti7工作流技术,功能包含:课程管理、用户管理、流程定义、课程审核(我的申请、我的代办、我的已办)

功能介绍

  • 课程管理
    • 对课程信息的管理,功能包含:新增课程、批量删除、提交审核、修改课程、删除课程、列表查询
  • 用户管理
    • 对用户信息的管理,功能包含:新增用户、批量删除、修改课程、删除用户、列表查询
  • 流程定义
    • 对流程定义信息的管理,功能包含:新增流程、批量删除、设置审批人、删除流程、列表查询、查看流程文件(xml)、查看流程图片
  • 课程审核
    • 我的申请
      • 对提交课程审核信息的管理,可查看申请的审核状态以及审核进展,也可取消申请,取消的申请也可进行删除。功能包含:审批历史、删除、撤销、查看进度、列表
    • 我的待办
      • 对可以审核数据的管理,功能包含:审批历史、查看进度、同意、拒绝、列表
    • 我的已办
      • 对已审核数据的管理,功能包含:审批历史、查看进度、列表

架构介绍

系统采用前后端分离模式进行开发。前端主要使用技术:Vue3+TS+ElementPlus。后端主要使用技术:Activiti7+SpringBoot2+SpringSecurity+MyBatisPlus+MySQL8+Redis

后端代码结构

在这里插入图片描述

前端代码结构

在这里插入图片描述

系统操作流程

登录

系统默认提供了两个账号,分别是admin、ls,密码是12345678
在这里插入图片描述

第一步:创建流程定义

创建流程定义时,可上传bpmn和bpmn20.xml两种类型文件,可查看xml文件和查看流程图片
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

第二步:设置审核人

按设置的排序顺序进行审批,数值越小审批顺序越靠前
在这里插入图片描述

第三步:创建课程

在这里插入图片描述

第四步:发起课程审批

已审核通过不可以重复提交审核
在这里插入图片描述

第五步:查看我提交的审核申请

在这里插入图片描述

第六步:切换ls账号查看我的待办

查看我可以审批的内容,可查看审批进度,审批通过后可在我的已办中查看
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

第七步:审核通过

审核通过后,我的已办、我的申请、课程审核状态变为已通过
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

源码下载

链接:https://pan.baidu.com/s/1C7gz7cB2mrzlheLRyrcZGA?pwd=x4bj
提取码:x4bj

这篇关于SpringBoot2+Vue3开发课程审核流程系统的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1044598

相关文章

SpringBoot基于注解实现数据库字段回填的完整方案

《SpringBoot基于注解实现数据库字段回填的完整方案》这篇文章主要为大家详细介绍了SpringBoot如何基于注解实现数据库字段回填的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以了解... 目录数据库表pom.XMLRelationFieldRelationFieldMapping基础的一些代

详解SpringBoot+Ehcache使用示例

《详解SpringBoot+Ehcache使用示例》本文介绍了SpringBoot中配置Ehcache、自定义get/set方式,并实际使用缓存的过程,文中通过示例代码介绍的非常详细,对大家的学习或者... 目录摘要概念内存与磁盘持久化存储:配置灵活性:编码示例引入依赖:配置ehcache.XML文件:配置

Nginx分布式部署流程分析

《Nginx分布式部署流程分析》文章介绍Nginx在分布式部署中的反向代理和负载均衡作用,用于分发请求、减轻服务器压力及解决session共享问题,涵盖配置方法、策略及Java项目应用,并提及分布式事... 目录分布式部署NginxJava中的代理代理分为正向代理和反向代理正向代理反向代理Nginx应用场景

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

一文详解Python如何开发游戏

《一文详解Python如何开发游戏》Python是一种非常流行的编程语言,也可以用来开发游戏模组,:本文主要介绍Python如何开发游戏的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、python简介二、Python 开发 2D 游戏的优劣势优势缺点三、Python 开发 3D

基于Python开发Windows自动更新控制工具

《基于Python开发Windows自动更新控制工具》在当今数字化时代,操作系统更新已成为计算机维护的重要组成部分,本文介绍一款基于Python和PyQt5的Windows自动更新控制工具,有需要的可... 目录设计原理与技术实现系统架构概述数学建模工具界面完整代码实现技术深度分析多层级控制理论服务层控制注

前端缓存策略的自解方案全解析

《前端缓存策略的自解方案全解析》缓存从来都是前端的一个痛点,很多前端搞不清楚缓存到底是何物,:本文主要介绍前端缓存的自解方案,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、为什么“清缓存”成了技术圈的梗二、先给缓存“把个脉”:浏览器到底缓存了谁?三、设计思路:把“发版”做成“自愈”四、代码

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter

Spring Gateway动态路由实现方案

《SpringGateway动态路由实现方案》本文主要介绍了SpringGateway动态路由实现方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随... 目录前沿何为路由RouteDefinitionRouteLocator工作流程动态路由实现尾巴前沿S