基于纯前端的拖拽式、可视化、低代码数据可视化开发平台 ...

打印 上一主题 下一主题

主题 529|帖子 529|积分 1587

基于纯前端的拖拽式、可视化、低代码数据可视化开发平台


  
本项目是一个纯前端的拖拽式、可视化、低代码数据可视化开发平台,你可以用它自由的拼接成各种炫酷的大屏,同时支持用户方便的开发自己的组件并接入平台。
本项目接纳Vue3 + vite + TypeScript开发,界面库利用NaiveUI,利用面向对象方式封装了路由、请求、存储,组件接纳自动扫描注册、异步加载,提升渲染速度;利用IndexDB存储快照数据,镌汰快照数据内存占用,加快访问速度;组件独立依赖,解耦了组件和基础框架的依赖库,方便后续独立开发组件。
一、页面编辑

1、组件添加


     屏幕录制 2024-04-08 202411
  
2、组件利用


     屏幕录制 2024-04-08 202517
  
3、组件数据设置


     屏幕录制 2024-04-08 202610
  
二、功能

1、 编辑器页面根本功能完成,包罗编辑、预览、导入、导出、生存

2、 图层的置顶、置底、上下移动、显示、隐蔽、复制、剪切、粘贴

3、 组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐

4、 支持用户利用记录的恢复、撤销功能

5、 支持用户自界说组件

6、 支持组件的用户自定组件设置项

7、 支持明暗主题切换

8、 利用Monorepo模式举行组件和依赖管理

9、 组件数据自界说接入

10、 数据动态处理惩罚(JS已完成)

11、 接口管理(示例数据、静态数据、HTTP接口数据已完成适配)

三、启动项目

  1. # 安装依赖
  2. pnpm install
  3. pnpm bootstrap
  4. # 运行项目
  5. pnpm dev
  6. # 打包项目
  7. pnpm build
复制代码
四、代码提交

1、feat: 新功能

2、fix: 修复 Bug

3、docs: 文档修改

4、perf: 性能优化

5、revert: 版本回退

6、ci: CICD 集成相关

7、test: 添加测试代码

8、refactor: 代码重构

9、build: 影响项目构建或依赖修改

10、style: 不影响步伐逻辑的代码修改

11、other: 不属于以上范例的其他范例(一样平常事务)

五、源步伐下载

源步伐下载地点:基于纯前端的拖拽式、可视化、低代码数据可视化开发平台

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

耶耶耶耶耶

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表