search

miyuesc / bpmn-process-designer

Base on Vue 2.x and ElementUI，基于 Bpmn.js、Vue 2.x 和 ElementUI 的流程编辑器（前端部分），支持监听器，扩展属性，表单等配置，可自由扩展
https://miyuesc.github.io/process-designer-v2/
Apache License 2.0
1.6k stars 458 forks source link

请问怎么集成呀 #24

Closed jaycethanks closed 2 years ago

jaycethanks commented 2 years ago

请问有没有集成教程呀，网上找了个教程老报错

miyuesc commented 2 years ago

请问有没有集成教程呀，网上找了个教程老报错

你这个问题可把我问到了，，，，仿照App.vue 和 main.js 里面用法不是就行了吗？

jaycethanks commented 2 years ago

现在集成了 哈哈 多谢🙏

loveplxf commented 2 years ago

我是vue小白，能描述一下，你是怎么集成的吗？

loveplxf commented 2 years ago

请问有没有集成教程呀，网上找了个教程老报错

你这个问题可把我问到了，，，，仿照App.vue 和 main.js 里面用法不是就行了吗？

我要在另一个vue项目里使用您的这个vue app，请问我要怎么引用进去呢？

jaycethanks commented 2 years ago

@loveplxf

  1. 把package 和 src 拷到你的项目中，例如components下新建一个BpmnProcessDesigner目录
  2. 在你需要作为页面入口的目录下新建一个vue文件，如BpmnDesigner.vue,然后把App.vue中的内容全部拷进去。
  3. 配置main.js文件，和这个项目中的main.js一样，相关的配置全部拷过来，然后把所有相关的路径替换成你BpmnProcessDesigner目录下的相关路径
  4. 直接复制所有package.json中字段为devDependencies 和 dependencies的所有依赖，到你自己项目的对应字段下，加到末尾，然后在vscode 中，上面删除你自己原来项目中的重复依赖项，这样是为了保持版本一致。
  5. 删除你自己项目下的package.lock文件。 和 node_modules目录
  6. 执行npm install 后，然后运行项目。
  7. 第六步如果报错，一般是路径import 的时候导致的。排查package 和 src目录下的所有文件，有import 的地方，全部替换成你自己的项目对应的路径，例如../package 可能需要被替换为@/components/BpmnProcessDesigner/package 有多处需要替换，你也可以先检查一遍然后执行第6，7步，一般就没有什么问题了。
loveplxf commented 2 years ago
  1. 把package 和 src 拷到你的项目中，例如components下新建一个BpmnProcessDesigner目录 2. 在你需要作为页面入口的目录下新建一个vue文件，如BpmnDesigner.vue,然后把App.vue中的内容全部拷进去。 3. 配置main.js文件，和这个项目中的main.js一样，相关的配置全部拷过来，然后把所有相关的路径替换成你BpmnProcessDesigner目录下的相关路径 4. 直接复制所有package.json中字段为devDependencies 和 dependencies的所有依赖，到你自己项目的对应字段下，加到末尾，然后在vscode 中，上面删除你自己原来项目中的重复依赖项，这样是为了保持版本一致。 5. 删除你自己项目下的package.lock文件。 和 node_modules目录 6. 执行npm install 后，然后运行项目。 7. 第六步如果报错，一般是路径import 的时候导致的。排查package 和 src目录下的所有文件，有import 的地方，全部替换成你自己的项目对应的路径，例如../package 可能需要被替换为@/components/BpmnProcessDesigner/package 有多处需要替换，你也可以先检查一遍然后执行第6，7步，一般就没有什么问题了。 发自我的iPhone 在 2021年12月18日，上午12:04，loveplxf @.> 写道：  请问有没有集成教程呀，网上找了个教程老报错 你这个问题可把我问到了，，，，仿照App.vue 和 main.js 里面用法不是就行了吗？ 我要在另一个vue项目里使用您的这个vue app，请问我要怎么引用进去呢？ — Reply to this email directly, view it on GitHub<#24 (comment)>, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AKSU6B5VTPF4GMKM4SXVRPTURNNQLANCNFSM5KHWPTTA. Triage notifications on the go with GitHub Mobile for iOShttps://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Androidhttps://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub. You are receiving this because you authored the thread.Message ID: @.>

描述的很详细，我试试，感谢！