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

文章目录

• 基于纯前端的拖拽式、可视化、低代码数据可视化开发平台
• • 一、页面编辑
  • • 1、组件添加
    • 2、组件操作
    • 3、组件数据配置
    • 二、功能
    • • 1、 编辑器页面基本功能完成，包括编辑、预览、导入、导出、保存
      • 2、 图层的置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴
      • 3、 组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐
      • 4、 支持用户操作记录的恢复、撤销功能
      • 5、 支持用户自定义组件
      • 6、 支持组件的用户自定组件配置项
      • 7、 支持明暗主题切换
      • 8、 使用Monorepo模式进行组件和依赖管理
      • 9、 组件数据自定义接入
      • 10、 数据动态处理（JS已完成）
      • 11、 接口管理(示例数据、静态数据、HTTP接口数据已完成适配)
      • 三、启动项目
      • 四、代码提交
      • • 1、feat: 新功能
        • 2、fix: 修复 Bug
        • 3、docs: 文档修改
        • 4、perf: 性能优化
        • 5、revert: 版本回退
        • 6、ci: CICD 集成相关
        • 7、test: 添加测试代码
        • 8、refactor: 代码重构
        • 9、build: 影响项目构建或依赖修改
        • 10、style: 不影响程序逻辑的代码修改
        • 11、other: 不属于以上类型的其他类型(日常事务)
        • 五、源程序下载

          本项目是一个纯前端的拖拽式、可视化、低代码数据可视化开发平台，你可以用它自由的拼接成各种炫酷的大屏，同时支持用户方便的开发自己的组件并接入平台。

          本项目采用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 install
          或
          pnpm 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: 不属于以上类型的其他类型(日常事务)

          五、源程序下载

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