# wantonly-drag-open **Repository Path**: xujunyf917/wantonly-drag-open ## Basic Information - **Project Name**: wantonly-drag-open - **Description**: No description available - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-06-26 - **Last Updated**: 2025-06-26 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 企业级低代码数字孪生、数据可视化大屏解决方案 ## 简介 本项目提供企业级低代码数据可视化大屏解决方案，通过简单的拖拉拽操作即可生成精美的看板。项目旨在解决企业可视化大屏**开发过程繁琐**、**开发成本高**、**维护成本高**等问题。基于多年经验，我们发现企业投入大量精力开发的大屏常因生产变化导致维护困难，最终沦为**面子工程**。本解决方案能有效解决这些问题，助推企业数字化转型。 ## 版本信息 ### 旧版本：wantonly-drag http://wantonly-drag.com.cn [wantonly-drag](http://wantonly-drag.com.cn) 企业级数据可视化解决方案 # **全新重构版本：壹孪** http://onetwin.cn ## [onetwin](http://onetwin.cn) **壹孪** 是项目的全新重构版本，采用最新的技术vue3+vite+elementplus+pinia，提供更加流畅的性能、更美的 UI 和更好的交互体验，用户数据独立，免费使用。 ### 个人项目，完全自己一个人独立自主开发，招合作伙伴，招投资，如果您看好这个项目，我们能有可能得一切合作模式。 ## 开源地址 * [gitee](https://gitee.com/wei_feng_qin/wantonly-drag-open) 跳转国内 gitee 查看 * [github](https://github.com/1035141145/wantonly-drag-open) 跳转国外 github 查看 ## 声明 **开源部分为基础模块，仅拥有编辑器的部分功能，适合学习和自行拓展开发。如果对您有帮助，希望点个 star。** ## 官方地址 * [体验地址](http://wantonly-drag.com.cn/) --旧版本 * [体验地址](http://onetwin.cn/) --新版本 * [文档地址](http://wantonly-drag.com.cn/doc/) #### 体验账号（旧版本）：123456@qq.com 密码:123456 #### 体验账号（新版本）：test 密码:123456 ## B站演示视频地址 [https://www.bilibili.com/video/BV1t48ue3ErW/?vd_source=0f99e4f7b7ed463ff254557a691d536a](https://www.bilibili.com/video/BV1t48ue3ErW/?vd_source=0f99e4f7b7ed463ff254557a691d536a) ## 主要功能 * 🍑 具备完善的鉴权系统，集成登录、注销、用户管理、角色管理、菜单管理。 * 🍐 **看板设计：** 通过自定义**拖拉拽**的方式组合成精美的可视化大屏，具备类似于 C 端软件般的操作体验，简单上手，组件繁多，肆意创作。 * 🍎 **看板管理：** 由看板维护、发布列表、模板列表组成，结合权限管控来管理用户创作的看板，**轻松维护**。 * 🍉 **看板维护：** 对保存的看板进行上架、下降、删除、再编辑等操作。 * 🍉 **发布列表：** 对已经正式上架发布的看板进行**发布公告**，实时在看板上发布重要通知，实现**大屏互联**。 * 🍇 **模板列表：** 对各类看板模板进行维护。 * 🍇 **资源配置：** 集成图片、素材资源维护、三维模型资源维护、自拓展组件、收藏夹维护等功能。 * 🍇 **自定义拓展：** 支持用户自己开发组件并上传到平台当成组件使用，支持多组件组合添加到**收藏夹**方便下次直接使用。 * 🍇 **数字孪生** 全网最具创新的数字孪生模式，二维与三维的完美融合 ## 功能点 这是本项目具有的功能点。 1. 自定义主题 1. 灵活调整画布 1. 组件丰富 1. 丰富的模板 1. 组件联动 1. 拖拽旋转 1. 支持快捷键快捷操作 1. 绑定事件 1. 绑定动画 1. 复制粘贴剪切 1. 多个组件的组合和拆分 1. 锁定组件 1. 三维模型展示与三维模型库维护 1. 图片素材库 1. 完善的权限管控 1. 自适应分辨率 1. JSON配置 1. 自定义编码拓展组件（基于js、jq自行编码） 1. 发布公告（大屏互联） 1. 所有组件支持三维空间转换 1. 详细的文档 ### 演示图片（新版本） http://onetwin.cn ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/new1.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/new2.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/new3.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/new4.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/new5.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/new6.png) ### 演示图片（旧版本） ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/1.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/2.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/3.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/4.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/5.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/6.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/7.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/8.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230414204243.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230414204325.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230414204350.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230414204409.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230414204422.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230414204543.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/q1.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/q2.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/q3.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/q4.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/q5.png) ![Image text]( https://github.com/1035141145/wantonly-drag-open/blob/master/src/assets/q6.png) **版权归属** ![微信截图_20240725093014](https://github.com/user-attachments/assets/1056f63f-1fde-4863-8c37-b961e3dd4afb) ### 优势 - 🍑 私有化部署（安全自己掌控） - 🍐 简单直白的操作方式(不花里胡哨，更贴近用户) - 🍇 我们专注，所有更加专业，更能体会用户的需求 ### 说明 - 🍑 项目码源为开源基础demo,有需求的可以拿去自行研究拓展 ### 联系方式 - 🍑 QQ：1035141145 ## 开发 ### 安装 ``` npm i ``` ### 运行 ``` npm run dev ``` ### 打包 ``` npm run build ```