# snapper-flow

**Repository Path**: ifrog/snapper-flow

## Basic Information

- **Project Name**: snapper-flow
- **Description**: 全自研工作流，简单易用，拖拽即可生成工作流，独立的展示组件，方便集成。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: develop
- **Homepage**: https://baomibing.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-08-08
- **Last Updated**: 2025-08-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 工作流, 流程, React, Java, flow

## README

<br>
<div align="center"><img src="flow.svg" width="200" height="160"/></div>
<div align="center"><b>Snapper-flow 让工作流更简单</b></div>
<hr/>
<h2>概要</h2>
<p>全自研工作流，简单易用，拖拽即可生成工作流，自有的展示组件，方便集成。
<p>项目包含前端设计器，前端展示组件，都是基于React, 前端展示组件已上传NPM仓库<code>@ifrog/uflow@latestVersion</code> </p>

<hr/>
<h2>协议</h2>
<p><b>本项目为双协议授权 默认采用 Apache-2.0 协议开源 完全开放 遵守附加协议 的前提下允许任何目的商用。 如果违反 附加协议 自动升级为 AGPL-3.0 协议。</b></p>

<p><b>附加协议：必须遵守国家法律法规，不允许非法项目使用，使用方在项目介绍中显著位置必须标注版权信息（链接仓库地址），不允许删除源码注释申明，不允许山寨换皮商用与官方企业版竞争，否则视为侵权。</b></p>

<hr/>
<p><b><a href="https://flow.baomibing.com/user/login">演示环境</a>账号密码(ximen/123456)</b></p>
<h2>相关依赖</h2> 
<ul>
    <li><a href="https://gitee.com/ifrog/snapper-standalone">snapper-standalone，单机版项目，基于Spring-boot，是权限功能的后台服务端，用来进行工作流演示</a></li>
    <li><a href="https://gitee.com/ifrog/snapper-dependence">snapper-dependence，单机版项目运行依赖包，可本地安装</a></li>
    <li><a href="https://gitee.com/ifrog/snam">snam 基于React、Antd，是权限功能的UI端，开箱即用(NEWUI分支)</a></li>
</ul>

<h2>项目启动-后端启动：</h2>
<ol>
    <li>下载依赖项目<b>snapper-dependence</b>，执行<code>maven clean install</code></li>
    <li>下载本项目本项目，执行<code>maven clean install</code></li>
    <li>下载展示项目<b>snapper-standalone</b>(snapper-flow依赖已添加好，注意版本), 具体启动请参考snapper-standalone项目文档</li>
    <li>snapper-standalone脚本snapper-3.2.8.sql 中已包含工作流相关结构，无需导入</li>
</ol>

<h2>项目启动-前端启动（工作流设计）: </h2>
<ol>
    <li>解压dist.zip,部署前端项目到NGINX服务器</li>
    <li>nginx配置文件参考<code>iflow_nginx.conf</code></li>
    <li>访问对应的地址，登录账号ximen/123456</li>
</ol>

<h2>项目启动-前端启动snam（工作流执行）：</h2>
<p>其中package.json中<code>@ifrog/uflow</code> 中UFlow组件为该项目的展示组件</p>
<ol>
    <li>具体参考snam项目文档</li>
    <li>访问对应的地址，登录账号ximen/123456</li>
</ol>

<hr/>
<h2>界面部分截图</h2>

![flow_design.png](img/flow_design.png)
![flow_prop.png](img/flow_prop.png)
![flow_show.png](img/flow_show.png)