Stay hungry，Stay foolish.
讨论数量:
或者直接前后分离？dcat做后台管理系统+dingo+jwt做api，用vue做前端页面？
楼主怎么接入的呢 ，可以分享一下吗
给一个将 bpmn.js 集成到 dcat-admin 中参考的例子： 默认已经配置好 node 环境， 首先使用 npm 安装 bpmn-js 染后创建一个 JavaScript 文件，例如 bpmn-viewer.js，在这个文件中导入 bpmn-js，并实例化一个 BPMN 视图器
// bpmn-viewer.js
import BpmnViewer from 'bpmn-js';
// 创建一个 BPMN 视图器实例
const viewer = new BpmnViewer({
container: '#canvas', // 你希望将 BPMN 图表渲染到的 HTML 元素的选择器
});
// 加载 BPMN 图
viewer.importXML(yourBpmnXML, (err) => {
if (err) {
console.error('Error rendering BPMN diagram', err);
} else {
viewer.get('canvas').zoom('fit-viewport');
}
});将创建的 bpmn-viewer.js 文件编译为浏览器可以执行的 JavaScript。你可以使用诸如 Webpack、Rollup 或 Parcel 等打包工具进行编译
在 dcat-admin 的视图文件（通常是一个 Blade 模板）中引入编译后的 bundle.js 文件，并添加一个用于渲染 BPMN 图的 HTML 元素：
<!-- your-view.blade.php -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BPMN Viewer</title>
</head>
<body>
<div id="canvas" style="width: 100%; height: 600px;"></div>
<script src="/js/bundle.js"></script>
</body>
</html>或者也可以使用 cdn 的形式直接引入 vue，这样跟简单快捷，但是使用的包也要用 cdn 的形式
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：