牛逼!有个大佬开源了个低代码数据可视化平台

2023-10-24 19:16:29 浏览数 (2)

大家好,我是「前端实验室」爱分享的了不起~

相信大家都听说过低代码,但是大家知道低代码数据可视化吗?

低代码数据可视化就是将图表或页面元素封装为基础组件,无需编写代码即可制作数据大屏,减少心智负担。今天就给大家分享一个低代码数据可视化平台——GoView

GoView

GoView是一个Vue3搭建的低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可完成业务需求。

技术栈为:Vue3 TypeScript4 Vite2 NaiveUI ECharts5 Axios Pinia2 PlopJS

特点

  • 基于 Vue3 框架编写,使用 hooks 写法抽离部分逻辑,使代码结构更加清晰;
  • 使用 TypeScript 进行类型约束,减少未知错误发生概率,可以大胆修改逻辑内容;
  • 多处性能优化,使用页面懒加载、组件动态注册、数据滚动加载等方式,提升页面渲染速度;
  • 拥有本地记忆,部分配置项采用 storage 存储本地,提升使用体验;
  • 项目进行了详细的工具类封装如:路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等;
  • 提供项目控制、全局控制、组件基础配置、动画配置等。
  • 高效且详细的工具类封装
  • 丰富的内容组件,内置50 个组件内容,不断更新升级中
  • 人性化的交互方式,内置丰富快捷方案

安装使用

推荐使用 pnpm 管理项目

代码语言:javascript复制
npm install -g pnpm

安装项目依赖

代码语言:javascript复制
pnpm install

启动

代码语言:javascript复制
pnpm dev

编译

代码语言:javascript复制
pnpm run build

页面布局

初始化页面

编辑区域

自定义数据函数

高级事件编辑

这个低代码数据可视化平台还有很多功能,等着大家去探索有呦~

预览地址:https://demo.mtruning.club/

gitee地址:https://gitee.com/dromara/go-view

0 人点赞