ich suche nach einem Workflow-Generator in html5 Javascripthtml5 Javascript Workflow-Diagramm-Generator
ich habe ein System, das mehrere Status hat und diejenigen Status folgt einem bestimmten Workflow, die von den Benutzern geändert werden können.
ich für einen einfachen Rahmen suchen, die eine visuelle Darstellung des Workflows
ex erzeugen werden: von dem Prozess
Bitte gehen Sie durch mxGraph (www.jgraph.com), das ist HTML5/JavaScript mit Fallback für HTML 4-Browser. Sie können ein Beispiel mit der Technologie unter www.draw.io
sehen Wenn Sie nach einer anspruchsvolleren Lösung in einem kommerziellen Szenario suchen, möchten Sie vielleicht yFiles for HTML betrachten. Wenn Ihr System sehr einfach ist, könnte dies jedoch zu viel Aufwand sein, und einfachere Lösungen wie jsPlumb können ausreichen.
Die frühere Bibliothek unterstützt alle Arten der Benutzerinteraktion und Anpassung davon und bietet Unterstützung für die einfache Integration Ihrer eigenen Formen und visuellen Darstellungen.
Für Workflow-Visualisierung ist insbesondere die automatische Layout-Algorithmus Implementierung der Sugiyama Layout hilfreich, wenn eine größere Anzahl von Workflow-Elementen automatisch angeordnet werden muß:
In dem obigen Bild wurde Swimlanes hinzugefügt , die in komplexeren Workflow-Diagrammen sehr häufig vorkommen. Der Algorithmus kann die Formen, ihre Verbindungen und die Schwimmbahnen automatisch anordnen. Sie können dies in Aktion in this live sample application
Disclosure: Ich arbeite für die Firma, die besagte Bibliothek erstellt. Auf SO repräsentiere ich nicht meinen Arbeitgeber, meine Kommentare, Gedanken und Beiträge sind meine eigenen.
Ich habe verschiedene Workflow-, Flussdiagramm- und Diagrammwerkzeuge ausprobiert.
Ich fand eine, die ich dann ein Workflow-Diagramm machen könnte, laden und speichern von Daten zum und vom Server.
Das hat fast alle Funktionen, die verwendet werden können, um Workflow-Diagramme zu machen:
1) Rich-Text in einem Rechteck.
2) Fähigkeit, Formen anzupassen.
3) Möglichkeit zum Hinzufügen von Flussdiagrammen und zum Beheben von Back-End-Code.
4) Funktioniert auf Android, iOS, HTML5 Browsern.
5) Möglichkeit, verschiedene Arten von Linien hinzuzufügen, um sie an verschiedene Formen und Objekte anzuhängen.
MIT lizensiert.
hier sind meine zwei Cent.
Wenn Sie eine GPL und/oder kommerzielle Version benötigen, können Sie die Draw2d.org lib verwenden. Es ist ein SDK-Rater als eine gebrauchsfertige Anwendung. In diesem Fall ist eine Integration oder Anpassung möglich.
hallo das ist großartig könnten Sie ein simpe Beispiel – Pascal
SVG-Edit ist ein universelles HTML5 Web-basierte bieten Diagrammwerkzeug. Ich schreibe es immer noch und habe bisher keine Hindernisse. Ich habe die anderen Diagrammwerkzeuge getestet und sie als nicht zufriedenstellend empfunden. – buttercup