在vue2使用百度脑图的kityminder-core进行二次开发思维导图，在源码中添加新的命令

～Serendipity～

已于 2023-01-12 11:26:49 修改

阅读量2.8k

点赞数 3

文章标签： javascript 前端开发语言

于 2023-01-12 11:26:09 首次发布

本文链接：https://blog.csdn.net/ZMJ_QQ/article/details/128654137

版权

需求说明：最近在搞kityminder-core的思维导图，需要增加一个给节点添加文件的功能，一直在研究源码，发现都是通过执行命令的方式实现的。一直卡在新增命令的步骤，搞了好多天了今天找到了如何在源码里新增命令，怕之后忘记所以现在先来记录一下添加命令的步骤。

我是在这个大佬的源码基础上改的

GitHub - chenhengjie123/vue-testcase-minder-editor: 基于百度脑图的用例编辑器组件，支持记录测试结果

下面这个是我目前搞出来的百度脑图的功能,如果有人遇到类似问题可以留言问看见会回，这个东西我也花了好久时间才摸到点头绪，等我忙完了有空我再写一下怎么实现这个思维导图。

添加命令

1、在kityminder-core/src/module中新建一个file.js文件

2、仿照其他的js文件编写代码

数据存储

`node.getData(name)` 获得指定字段的数据

`node.setData(name, value)` 设定指定字段的数据

具体的字段名称与后端商定，我后端同事定义的是“jsonFile”
n.setData('jsonFile', value);

define(function (require, exports, module) {
    var kity = require('../core/kity');
    var utils = require('../core/utils');

    var Minder = require('../core/minder');