AI智能摘要
该可视化大屏数据展示系统是一个可拖拽式、低代码数据可视化开发平台,支持用户自由拼接炫酷大屏并开发自定义组件接入。功能包括编辑器基本操作(编辑、预览、导入、导出、保存)、图层管理(置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴)、组件控制(缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐)、操作记录撤销恢复、用户自定义组件配置项、明暗主题切换。采用Monorepo模式管理组件和依赖,支持组件数据自定义接入、数据动态处理(JS已完成)及接口管理(示例数据、静态数据、HTTP接口数据)。技术实现基于Vue3 + vite + TypeScript,使用NaiveUI界面库,通过面向对象封装路由、请求、存储,组件自动扫描注册异步加载提升渲染速度,IndexDB存储快照减少内存占用加快访问,并解耦组件独立依赖便于后续开发。
— 此摘要由AI分析文章内容生成,仅供参考。
简介:
一个可拖拽式、可视化、低代码数据可视化开发平台,你可以用它自由的拼接成各种炫酷的大屏,同时支持用户方便的开发自己的组件并接入平台。
功能特定:
编辑器页面基本功能完成,包括编辑、预览、导入、导出、保存
图层的置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴
组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐
支持用户操作记录的恢复、撤销功能
支持用户自定义组件
支持组件的用户自定组件配置项
支持明暗主题切换
使用Monorepo模式进行组件和依赖管理
组件数据自定义接入
数据动态处理(JS已完成)
接口管理(示例数据、静态数据、HTTP接口数据已完成适配)
技术点:
本项目采用Vue3 + vite + TypeScript开发,界面库使用NaiveUI,使用面向对象方式封装了路由、请求、存储,组件采用自动扫描注册、异步加载,提升渲染速度;使用IndexDB存储快照数据,减少快照数据内存占用,加快访问速度;组件独立依赖,解耦了组件和基础框架的依赖库,方便后续独立开发组件。
图片:

声明:本站所有文章,仅供研究学习请勿商用以及产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系

评论(0)