bpmn js

BPMN -JS - BPMN 2.0 für das Web

BPMN 2.0 -Diagramme im Browser anzeigen und bearbeiten.

Installation

Verwenden Sie die vorverpackte Bibliothek oder geben Sie sie über NPM in Ihre Web-Anwendung im Knoten im Stil ein.

Verwendung

Erstellen Sie zu Beginn eine BPMN-JS-Instanz und rendern Sie BPMN 2.0-Diagramme im Browser:

 const xml = '...' ; // my BPMN 2.0 xml
const viewer = new BpmnJS ( {
  container : 'body'
} ) ;

try {
  const { warnings } = await viewer . importXML ( xml ) ;

  console . log ( 'rendered' ) ;
} catch ( err ) {
  console . log ( 'error rendering' , err ) ;
}

Checkout in unseren Beispielen für viele weitere unterstützte Nutzungsszenarien.

Dynamisches Anhang/Abnehmen

Sie können den Betrachter auch dynamisch an ein Element auf der Seite anhängen oder abnehmen:

 const viewer = new BpmnJS ( ) ;

// attach it to some element
viewer . attachTo ( '#container' ) ;

// detach the panel
viewer . detach ( ) ; 

Ressourcen

• Demo
• Probleme
• Beispiele
• Forum
• Changelog

Bauen und rennen

Bereiten Sie das Projekt vor, indem Sie alle Abhängigkeiten installieren:

npm install

Abhängig von Ihrem Anwendungsfall können Sie eine der folgenden Befehle ausführen:

 # build the library and run all tests
npm run all

# spin up a single local modeler instance
npm start

# run the full development setup
npm run dev

Möglicherweise müssen Sie beim Erstellen des neuesten Entwicklungs -Snapshots zusätzliches Projekt -Setup durchführen.

Verwandt

BPMN-JS baut auf einigen leistungsstarken Werkzeugen auf:

• BPMN-Moddle: Lesen / Schreiben Sie Unterstützung für BPMN 2.0 XML in den Browsern
• Diagramm-Js: Diagramm-Rendering- und Bearbeitungs-Toolkit

Es ist ein erweiterbares Toolkit, das durch viele zusätzliche Versorgungsunternehmen ergänzt wird.

Lizenz

Verwendung gemäß den Bestimmungen der Lizenz bpmn.io.