如何在dcat-admin 使用vue

问答 / 20 / 9 / 创建于 3年前

有相关的栗子吗~

vapor

课程读者 7 声望

Stay hungry，Stay foolish.

1 人点赞

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

讨论数量: 9

peryiqiao

课程读者 102 声望

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

3年前评论

vapor （楼主）

看了貌似并不能说明问题

甜筒君

课程读者 48 声望

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

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

3年前评论

liziyu

哈哈，高

她来听我的演唱会

Laravel 9.x 译者 600 声望

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

3年前评论

Latent

Laravel 8.x 译者 524 声望

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

3年前评论

vapor （楼主）

😂😂

Rascal

0 声望

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

2年前评论

微加加的朋友

课程读者 114 声望

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

1年前评论

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

帮助

如何在dcat-admin 使用vue

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

如何在dcat-admin 使用vue

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录