Advertisement

Vue-Flow-Topology: 基于 Vue-cli3.0 和 Ant Design Vue 的 Flow Topology

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：ZIP

简介：
Vue-Flow-Topology是一款采用Vue-cli3.0和Ant Design Vue开发的流拓扑工具。它提供了直观、灵活的设计界面，便于开发者快速搭建复杂的流程图与网络拓扑结构。 vue-flow-topology 是一个独立的 Vue 项目（用于大数据流水线拓展流程工作台），也可以嵌入到其他 Vue 项目中使用，并作为优先版本持续迭代开发。 该项目有两个主要版本： - 版本一：基于 Vue-cli3.0 + view-design + JSPlumb 开发。 - 版本二：基于 Vue-cli3.0 + Ant Design Vue + JSPlumb 开发。 其特性包括： - 支持画布重绘、拖拽、放大和缩小功能 - 鼠标滚轮缩放画布功能 - 拖拽、添加及删除节点的功能 - 不同连线类型关联节点的支持 - 删除连线与重新绘制连线路线的能力 - 点击画布设置属性的操作支持 - 点击单个节点进行属性修改的选项

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • Vue-Flow-Topology: 基于 Vue-cli3.0 和 Ant Design Vue 的 Flow Topology
    优质
    Vue-Flow-Topology是一款采用Vue-cli3.0和Ant Design Vue开发的流拓扑工具。它提供了直观、灵活的设计界面，便于开发者快速搭建复杂的流程图与网络拓扑结构。 vue-flow-topology 是一个独立的 Vue 项目（用于大数据流水线拓展流程工作台），也可以嵌入到其他 Vue 项目中使用，并作为优先版本持续迭代开发。 该项目有两个主要版本： - 版本一：基于 Vue-cli3.0 + view-design + JSPlumb 开发。 - 版本二：基于 Vue-cli3.0 + Ant Design Vue + JSPlumb 开发。 其特性包括： - 支持画布重绘、拖拽、放大和缩小功能 - 鼠标滚轮缩放画布功能 - 拖拽、添加及删除节点的功能 - 不同连线类型关联节点的支持 - 删除连线与重新绘制连线路线的能力 - 点击画布设置属性的操作支持 - 点击单个节点进行属性修改的选项
     
  • 基于 Vue 的 Ant Design of Vue 实现 Ant Design Pro 源码
    优质
    本项目基于Vue框架，采用Ant Design of Vue组件库实现Ant Design Pro前端应用。包含了源代码及配置说明，适用于开发者学习与参考。 使用 Ant Design of Vue 实现的 Ant Design Pro 源码安装依赖可以通过运行 `npm install` 命令完成。开发模式下启动项目可以执行 `npm run serve`，编译项目则通过运行 `npm run build` 完成。
     
  • 可拖拽的Table组件（基于ant-design-vue）.vue
    优质
    这是一款基于Ant Design Vue框架开发的高度灵活且易于使用的可拖拽Table组件，支持数据行的自由排序与编辑。 ant-design-vue 可拖拽表格的实现代码位于名为 `ant-design-vue-draggable-table.vue` 的文件中。
     
  • Vue-Super-Flow：基于Vue的流程图组件 - Vue流程图解决方案
    优质
    Vue-Super-Flow是一款专为Vue框架设计的流程图绘制组件，提供灵活、高效的可视化编辑功能，旨在帮助开发者轻松构建复杂业务场景下的流程图应用。 Vue-Super-Flow是一个基于Vue的流程图编辑组件。它支持安装npm install vue-super-flow或yarn add vue-super-flow，并导入SuperFlow和样式文件import SuperFlow from vue-super-flow、import vue-super-flow/lib/index.css，然后使用Vue.use(SuperFlow)。 属性说明如下： - draggable：Boolean类型，默认值为true。表示是否开启节点拖拽功能。 - linkAddable：Boolean类型，默认值为true。表示是否允许快捷创建链接(link)。 - linkEditable：Boolean类型，默认值为true。表示link是否可编辑。 - hasMarkLine：Boolean类型，默认值为true。
     
  • Vue-Antd-Admin：:ant:在Vue中实现Ant Design Pro
    优质
    Vue-Antd-Admin是一款基于Vue框架和Ant Design的管理后台解决方案，致力于帮助开发者快速搭建美观且功能强大的企业级应用。 Vue Antd管理员的Vue实现版本开箱即用的中后台前端/设计解决方案多种主题模式任选 浏览器支持：现代浏览器及IE10及以上版本（如Edge、火狐Firefox、Chrome、苹果Safari等），最近2个主要版本均被支持。 使用克隆： ``` $ git clone https://github.com/iczer/vue-antd-admin ```
     
  • Vue3-Antd-Admin：基于 Vue CLI vite + Vue 3.0 + Ant Design Vue 2.0 + TypeScript 的项目...
    优质
    Vue3-Antd-Admin是一个采用Vue CLI Vite、Vue 3.0及Ant Design Vue 2.0构建的现代化管理后台框架，支持TypeScript，提供高效开发体验。 这是一个基于 Vue CLI / Vite + Vue 3.0 + antd2.0 + TypeScript4.0 的后台管理系统模板。账号是 admin，密码为 123456。系统模块的数据是从先前获取的真实数据，并且路由也是从内部动态生成的。由于通过内网穿透提供访问时可能会遇到网络错误的问题，在进入页面提示网络错误的情况下需要刷新页面重新请求接口。 该系统使用了 Vue 3.0 全家桶，ant-design-vue2.0 和 TypeScript4.0 来实践 Vue 3.0 的新特性和玩法。Vue 3.0 的组合 API 相对于 Vue 2.0 的 Options API 更加灵活，使得我们可以更自由地组织组件逻辑，并且可以很方便地使用 hooks 替代以前的 mixins 等写法。 系统中实现了动态表格（扩展了伸缩列功能，并支持通过 JSON schema 配置生成表格）和满足基本需求的动态表单。后续计划进一步加强和完善这些功能。
     
  • Ant Design Pro Vue模板：vue-antdesign-admin-template
    优质
    Vue-AntDesign-Admin-Template是基于Ant Design Pro的Vue.js企业级中后台前端解决方案，提供开箱即用的高质量UI组件和实用工具，助力开发者快速搭建功能丰富的管理应用。 蚂蚁设计专业Vue模板经过改造后提供了一个开箱即用的后台管理系统模板，优化了许多内容，使其更加轻量、简洁，并且可以在此基础上快速便捷地构建自己的后台项目。 预览： - 优化：改进了项目结构和文件夹命名，使项目结构更为合理。 - 优化：只保留基础实例路由和页面，删除了其他不必要的页面。 - 优化：顶部multiTab的样式进行了更新，可跟随header固定显示。 - 优化：升级至最新的2.x版本。 - 优化：打包配置可以根据不同的打包环境输出不同目录。 - 优化：多标签页快捷呼出菜单现在可以覆盖整个选项卡范围，并提供了两个切换效果供选择。 - 补充：增加了打包分析和快速lint-ifx命令的配置项 - 新增：提供了一些可用的less变量供使用 - 新增：新增了权限控制是否开启的相关配置
     
  • Vue-Antd-Admin：基于 Vue 3、Ant Design 和 JavaScript 的后台管理系统
    优质
    Vue-Antd-Admin是一款采用Vue 3框架和Ant Design组件库构建的现代化JavaScript后台管理系统。它提供了简洁优雅的设计风格，丰富的功能模块及灵活可扩展性，适用于企业级应用开发需求。 欢迎使用vue-antd-admin！这是一个基于Vue 3.0、Ant Design Vue 2.0.0、Vuex 4.0以及Vue Router 4.0的项目，适合前端新手学习。该项目的所有后台代码都采用了Composition API编写方式。 作者刚从学校毕业不久，在探索和使用Vue 3的过程中不断尝试并遇到各种挑战。目前的目标是模仿vue-element-admin来创建一个通用化的后台管理系统，并且暂时采用模拟数据进行展示。未来可能会考虑重构为TypeScript版本的项目。 该项目支持以下功能： 1. 使用Composition API 2. 集成了Ant Design Vue 2.0.0版 3. 支持使用模拟数据 4. 支持嵌入式菜单 安装依赖的方式是通过运行`yarn install`。如果遇到Yarn无法正常安装的情况，请删除`yarn.lock`文件，然后执行 `npm install` 进行安装。 项目启动和构建命令为： - 使用命令 `yarn serve` 启动开发服务器 - 使用命令 `yarn build` 构建生产环境的代码
     
  • Ant Design Vue 3 Admin: 基于 Vite 2 的 Vue 3 和 TypeScript 框架项目
    优质
    Ant Design Vue 3 Admin 是一个采用Vite 2构建工具，结合Vue 3和TypeScript的语言生态，旨在提供高效且可维护性的前端开发解决方案的框架项目。 ant-design-vue3-admin 是一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用。它采用了最新的技术栈，并提供统一的技术规范和权限方案（包括路由、菜单和操作）。此外，该系统还支持多语言功能以及数据 mock 功能，适用于不同设备的预览需求。相关文档提供了脚手架和一些通用部分的提取方法，方便单独使用。convue 是一个类似于 umi.js 的插件，基于 vite 开发；而 convue-lib 则包含了通用组件、样式及工具方法。