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

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


本项目是一个纯前端的拖拽式、可视化、低代码数据可视化开发平台,你可以用它自由的拼接成各种炫酷的大屏,同时支持用户方便的开发自己的组件并接入平台。
本项目采用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接口数据已完成适配)

三、启动项目

# 安装依赖
pnpm installpnpm bootstrap

# 运行项目
pnpm dev

# 打包项目
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: 不属于以上类型的其他类型(日常事务)

五、源程序下载

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

相关推荐

  1. 代码开发数据处理与

    2024-04-08 21:34:02       39 阅读
  2. 代码开发数据

    2024-04-08 21:34:02       19 阅读
  3. 通过代码开发实现数据应用简易指南

    2024-04-08 21:34:02       46 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-08 21:34:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-08 21:34:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-08 21:34:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-08 21:34:02       20 阅读

热门阅读

  1. 蓝桥杯 第 9 场 小白入门赛 字符迁移

    2024-04-08 21:34:02       15 阅读
  2. ✨✨✨HiveSQL

    2024-04-08 21:34:02       12 阅读
  3. mysql绿色版安装

    2024-04-08 21:34:02       25 阅读
  4. Qt实现Kermit协议(五)

    2024-04-08 21:34:02       13 阅读
  5. TypeScript学习文档(一)

    2024-04-08 21:34:02       14 阅读
  6. SHELL脚本编程训练1

    2024-04-08 21:34:02       13 阅读
  7. Spark产生小文件的原因及解决方案

    2024-04-08 21:34:02       11 阅读
  8. 多叉树先序遍历,LeetCode 1600. 王位继承顺序

    2024-04-08 21:34:02       14 阅读
  9. 【初识C语言】1

    2024-04-08 21:34:02       18 阅读
  10. GBase 8s Docker镜像说明

    2024-04-08 21:34:02       14 阅读
  11. Apache—POI详解、小案例展示

    2024-04-08 21:34:02       13 阅读
  12. C语言 超市商品(Goods) 销售 (Stock) 信息管理软件

    2024-04-08 21:34:02       12 阅读
  13. PgSQL的with as语法

    2024-04-08 21:34:02       17 阅读