如何在dcat-admin 使用vue

问答 / 43 / 9 / 创建于 4年前

有相关的栗子吗~

vapor

课程读者 7 声望

Stay hungry，Stay foolish.

1 人点赞

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

讨论数量: 9

peryiqiao

课程读者 104 声望

自定义页面：视图与自定义页面《Dcat Admin 中文文档》

4年前评论

vapor （楼主）

看了貌似并不能说明问题

甜筒君

课程读者 48 声望

直接在bootstrap.php引入Vue就可以了

Admin::baseJs('https://cdn.jsdelivr.net/npm/vue');

4年前评论

liziyu

哈哈，高

她来听我的演唱会

Laravel 9.x 译者 617 声望

或者直接前后分离？dcat做后台管理系统+dingo+jwt做api，用vue做前端页面？

4年前评论

Latent

Laravel 8.x 译者 531 声望

dcat-admin里面不建议使用vue。老老实实用jq吧

4年前评论

vapor （楼主）

😂😂

Rascal

0 声望

楼主怎么接入的呢，可以分享一下吗

3年前评论

微加加的朋友

课程读者 115 声望

给一个将 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 的形式

2年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

如何在dcat-admin 使用vue

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

如何在dcat-admin 使用vue

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录