プロフェッショナルな業務プロセスをサポートできる完成度の高いフローチャートjsフレームワーク。公式アカウントファン「シュアイシュアイ」さん、推薦ありがとうございます。
ロジックフローについて
LogicFlow は、JavaScriptベースのフローチャート編集フレームワークであり、フローチャートに関連する一連の対話型および編集機能を提供し、シンプルかつ柔軟なノードのカスタマイズ、プラグイン、およびその他の拡張メカニズムもサポートしています。開発者は、同様のフローチャートの要件を迅速に実装できます。
LogicFlow は、開発者がフローチャート、ER 図、BPMN プロセスなど、非常に使いやすいさまざまなロジック オーケストレーション シナリオをカスタマイズおよび開発できるようにサポートします。
LogicFlowの技術力
- 基本的なグラフィックス描画機能: SVG に基づいてさまざまな形状のノードとラインを描画し、基本的なノード (長方形、円、多角形など) とライン (直線、ポリライン、曲線) を提供します。
- 豊富なアニメーション インタラクション機能: ノード、ライン、グラフのさまざまなマウス イベント (ホバー、クリック、ドラッグなど) に応じて反応します。たとえば、ノードのドラッグ、ドラッグによるエッジの作成、ラインの調整、ノードのダブルクリックによるテキストの編集などにより、対応する動的な効果が得られます。
- 優れた編集効率: グリッド、整列ライン、前のステップ、次のステップ、キーボード ショートカット、画像のズームイン/アウトなどを提供し、ユーザーの編集効率を向上させます。
- 豊富な API、パラメータを渡してイベントをリッスンすることによる LogicFlow との完全な対話
フローチャート フレームワークは何に使用できますか?
フローチャートを見ると、開発プロセスにおけるさまざまなプロセス制御や開発ロジック図などのフローチャート描画ツールが最もよく使われます。この要件に加えて、実際にはプロセスを制御する必要があるエディターが多数あり、また、 OA システムのジョブ承認構成、ロボットのロジック配置、ノーコード プラットフォームのプロセス構成など、フローチャートを使用します。たとえば、市場の一部のインテリジェント ロボットでは、アクションを編集および実行するときに、エディターは以下に基づいて実装されます。フローチャート。
LogicFlow フローチャート フレームワークの開発を始める
npm経由:
タグを導入してインストールすることもできます。
LogicFlow 自体は umd をベースにした純粋な JS パッケージとしてパッケージ化されているため、VueとReactの両方で使用できます。ただし、ライフサイクルに注意する必要があり、LogicFlow インスタンスを初期化するときに、渡されたパラメータ コンテナが dom 上に存在する必要があり、そうでない場合はエラーが報告されます。
LogicFlowの公式サイトには非常に詳細な開発ドキュメントと多数のコード例があり、使用するのはそれほど難しくありません。LogicFlowでは満たせない機能についてもカスタムプラグインで拡張することもできますし、美しいテーマも豊富に用意されており、フローチャートの開発ニーズに大きく対応できます。
無料のオープンソースの説明書
LogicFlow は、無料のオープン ソースJavaScriptフローチャート フレームワークです。プロジェクトのソース コードは、Apache-2.0オープン ソース プロトコルの下で Github でホストされています。個人または企業は、無料でダウンロードして使用できます。商用でも使用できます。プロジェクト。