一、开源项目简介

GoView 是一个低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可完成业务需求。 它的技术栈为:Vue3 + TypeScript4 + Vite2 + NaiveUI + ECharts5 + Axios + Pinia2 + PlopJS

二、开源协议

使用MIT开源协议

三、界面展示

[开源]低代码数据可视化开发平台,无需编写代码即可制作数据大屏插图
[开源]低代码数据可视化开发平台,无需编写代码即可制作数据大屏插图1
[开源]低代码数据可视化开发平台,无需编写代码即可制作数据大屏插图2
[开源]低代码数据可视化开发平台,无需编写代码即可制作数据大屏插图3

四、功能概述

GoView 是一个高效的拖拽式低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可制作数据大屏,减少心智负担。当然低代码也不是 “银弹”,希望所有人员都能理智看待此技术。

  • 完全开源(MIT),代码规范。页面美观,交互自然,心情舒畅。
  • 高效的拖拽式低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可制作数据大屏
  • 此项目属于个人作品,能力有限,若有不足请多担待。也欢迎更多小伙伴一起来参与建设!
  • 已完成图表:
分类 名称 名称 名称
图表 柱状图 横向柱状图 折线图
* 单/多 折线面积图 饼图 水球图
* 环形图 NaiveUI 多种进度  
信息 文字/渐变文字 图片 😶
列表 滚动排名列表 滚动表格 🤓
小组件 边框-01~13 装饰-01~05 数字翻牌

五、技术选型

技术点:

  • 框架:基于 Vue3 框架编写,使用 hooks 写法抽离部分逻辑,使代码结构更加清晰;
  • 类型:使用 TypeScript 进行类型约束,减少未知错误发生概率,可以大胆修改逻辑内容;
  • 性能:多处性能优化,使用页面懒加载、组件动态注册、数据滚动加载等方式,提升页面渲染速度;
  • 存储:拥有本地记忆,部分配置项采用 storage 存储本地,提升使用体验;
  • 封装:项目进行了详细的工具类封装如:路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等;
  • 注意:GoView 是纯前端项目,没有后台系统,已预装 axios,若需后台请自行二次开发;
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。