README.md · ryderyan/vue2后台管理系统

### 效果图

### 安装依赖
```
error:0308010C  
set NODE_OPTIONS=--openssl-legacy-provider

npm install
```

### 本地运行
```
npm run serve
```

### 打包
```
npm run build
```
### 现支持的功能：

- 节点的拖拽（1. 将左侧节点拖入画布，添加节点；2. 在画布拖拽移动节点）
- 在节点之间添加连线
- 画布支持缩放 （滚轮缩放，快捷键+，-缩放）
- 画布的整体平移
- 节点编辑 （双击节点，编辑节点名称）
- 节点，连线的删除 （节点右键删除，连线双击删除)
- 节点对齐辅助线
### 后续支持功能：

- 框选功能，按下Ctrl时，可以进行点选
- 添加泳道功能 （泳道可调节大小）

### 设计目标
1.简单if判定 代码辅助生成器

2.流程图

3.思维导图 ---> 递归子组件调用 父子类树状结构

### 打印服务对应库
cnpm install html2canvas;
cnpm install jspdf --save

https://blog.csdn.net/m0_46219714/article/details/121244051

### 权限管控 设计思路

```
    权限管控涉及到 导航栏的权限内容控制  页面内的按钮权限控制 
    特殊的权限控制：启路报表内权限控制，需要先有导航内报表中心权限后，为改权限细分
    
    启路的权限控制思维如下：
    1.配置 导航栏权限
    2.配置 报表权限
    3.配置 细分到子页面下按钮权限
    4.在用户组内赋权

#### 导航栏权限管控模式：动态路由

```

### 3d技术相关库
```
    threejs: https://www.three3d.cn/docs/index.html#api/zh/scenes/Scene
    学习网站：https://www.three3d.cn/
    建模网站： https://www.cpengx.cn/
    景深网站：https://convert.leiapix.com/
```

```
    "echarts": "^3.8.5",
    带地图
```

### 自定义组件原则
```
原则上使用第三方组件也是可以的，但建议你最好封装一下。不管是第三方组件还是自定义组件，每个组件所需的属性可能都不一样，所以每个组件数据可以暴露出一个属性 propValue 用于传递值。
例如 a 组件只需要一个属性，你的 propValue 可以这样写：propValue: 'aaa'。如果需要多个属性，propValue 则可以是一个对象：

作者：谭光志
链接：https://juejin.cn/post/6908502083075325959
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

```

ryderyan/vue2后台管理系统

简介

发行版

贡献者

近期动态

ryderyan/vue2后台管理系统 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

ryderyan/vue2后台管理系统