FlowDesigner на основе JsPlumb

Исходная ветка master переименована в feature-ES6 ветку

Проект

FlowDesigner происходит от FlowDesigner из Linkey BPM, который используется для графического описания процесса выполнения потока. Он прост в использовании и позволяет быстро создавать блок-схемы. Компоненты можно использовать отдельно и встраивать в любую систему, которая нуждается в этом компоненте.

Выбор технологии

Почему был выбран JsPlumb? Перед началом проекта я исследовал различные технологии, включая JsPlumb, Joint, Raphael, GoJS и Dagre-D3. В итоге я выбрал JsPlumb из-за его открытости, удобства использования и полноты документации. D3 также является мощным инструментом, но его изучение требует больших усилий. Также был использован важный инструмент GraphlibJS для описания графики, который упрощает управление графиками и включает большинство алгоритмов теории графов. Сайт JsPlumb: https://jsplumbtoolkit.com GitHub JsPlumb: https://github.com/sporritt/jsplumb/ GitHub GraphlibJS: https://github.com/dagrejs/graphlib

Связанные проекты

• osflow-engine: независимый jar-файл с потоком процессов;
• osflow-designer: инструмент определения потока, обновлённая версия FlowDesigner с бэкэндом для табличных данных;
• osflow-server: микросервисный проект SpringBoot с потоковой обработкой.

Демонстрация работы

● Базовая панель

● Перетаскивание узлов на область рисования для соединения линиями

● Горизонтальное и вертикальное выравнивание

● Отображение/скрытие сетки

● Одиночное и множественное перемещение узлов

● Изменение порядка выравнивания узлов (удерживая Ctrl, выберите узлы по одному, и порядок выбора будет порядком выравнивания)

● Отмена и повтор действий

● Очистка холста и перерисовка

● Сохранение в виде изображения

● Настройка стиля линий

● Регулировка расстояния между выравниванием

● Документация и список горячих клавиш

● Дружественное предупреждение о несохранённых изменениях перед выходом из FlowDesigner

● Модификация текста узлов и текста соединений

● Сохранение диаграммы процесса (генерирует фрагмент данных json, которые могут быть сохранены на сервере. Для удобства отладки данные json можно просмотреть через окно быстрого доступа, которое открывается с помощью сочетания клавиш Ctrl+L. Также можно загрузить другие данные json, соответствующие диаграмме процесса, из этого окна)

Обмен информацией о разработке приложений для управления процессами в Lincy QQ группа (для присоединения укажите канал загрузки, необходимо одобрение администратора)
OpenEA Open Source Technology Exchange 02: 748293464 (рекомендуется)