bpmn js

BPMN -JS - BPMN 2.0 للويب

عرض وتحرير مخططات BPMN 2.0 في المتصفح.

تثبيت

استخدم المكتبة المعبأة مسبقًا أو تضمينها عبر NPM في تطبيق الويب على غرار العقدة.

الاستخدام

للبدء ، قم بإنشاء مثيل BPMN-JS وقم بإعداد مخططات BPMN 2.0 في المتصفح:

 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 ) ;
}

الخروج من أمثلةنا للعديد من سيناريوهات الاستخدام المدعومة.

إرفاق/فصل ديناميكي

يمكنك إرفاق العارض أو فصله ديناميكيًا إلى أي عنصر في الصفحة أيضًا:

 const viewer = new BpmnJS ( ) ;

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

// detach the panel
viewer . detach ( ) ; 

موارد

• العرض التوضيحي
• مشاكل
• أمثلة
• المنتدى
• Changelog

بناء وتشغيل

قم بإعداد المشروع عن طريق تثبيت جميع التبعيات:

npm install

بعد ذلك ، بناءً على حالة الاستخدام الخاصة بك ، يمكنك تشغيل أي من الأوامر التالية:

 # 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

قد تحتاج إلى إجراء إعداد إضافي للمشروع عند إنشاء أحدث لقطة تطوير.

متعلق ب

يعتمد BPMN-JS على قمة بعض الأدوات القوية:

• BPMN-Moddle: قراءة / كتابة دعم لـ BPMN 2.0 XML في المتصفحات
• Diagram-JS: مخطط تقديم وتحرير مجموعة أدوات

إنها مجموعة أدوات قابلة للتمديد ، تكملها العديد من المرافق الإضافية.

رخصة

استخدم بموجب شروط ترخيص BPMN.IO.