文章目录
- [1. 引言](#1. 引言)
- [2 介绍](#2 介绍)
-
- [2.1 商业版](#2.1 商业版)
-
- [2.1.1 官网](#2.1.1 官网)
- [2.1.2 功能](#2.1.2 功能)
- [2.1.3 文档](#2.1.3 文档)
- [2.1.4 价格](#2.1.4 价格)
- [2.2 开源版](#2.2 开源版)
-
- [2.2.1 文档地址](#2.2.1 文档地址)
- [2.2.2 代码说明](#2.2.2 代码说明)
- [2.2.3 技术栈](#2.2.3 技术栈)
- [2.2.4 开发环境](#2.2.4 开发环境)
- [2.2.5 补充说明](#2.2.5 补充说明)
- [3. 注意说明](#3. 注意说明)
1. 引言
最近在做可视化大屏的搭建,无意间发现了GoView项目:

实话说,可视化平台的开源框架很多,为什么就选中了GoView这款呢?因为它给我的第一印象就是界面美观和简洁,完全符合我想象中的可视化数据平台。
正如它官网介绍的那样:
GoView是一个高效的拖拽式低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可制作数据大屏,减少心智负担。
GoView分为 Goview Pro 和 Goview两种:
-
Goview Pro是商业版 -
Goview是开源版
接下来,我就详细介绍Goview项目。
2 介绍
2.1 商业版
2.1.1 官网
官网地址:https://ai.goviewlink.com/saas/

登录注册地址为:https://ai.goviewlink.com/saas/login
现在新用户注册可免费获得VIP身份🎇🎇🎇
它区别传统的平台工具,通过「自定义组件 + 灵活函数」,解决您的各类定制化需求,比如:
-
一键内网部署
-
海量素材模板
-
自定义组件
-
设计稿导入
-
动画特效
如果你登录成功后,将看到如下精美的大图:

2.1.2 功能
GoView Pro的功能很多,包括但不限于:
-
自定义组件:任何会员都可高度定制化组件,无需支付其它费用。集成 Vue 在线编辑器开发,一行代码即可触发事件联动,满足您的定制化业务需求
-
交互联动:极大超越同类平台灵活调度,不仅支持与其它组件的通用交互方案,还可使用全局内置方法配合组件声明周期,实现更细粒度的联动场景
-
一键部署:内置大屏内网自动化部署工具「
Windows、MacOS、Linux」,一键打包大屏数据,快速启用服务,更高效、更便捷,支持Nginx部署 -
Excel智能解析,智能生成图表:通过解析Excel数据,智能生成图表,可动态拖拽配置分类与数值,支持多种图表类型,创建组件与数据配置更直观便捷。 -
...

功能的构建步骤,可以参考该文档:https://www.yuque.com/duidui-9gwcg/yr95uq/ehg5q9fgn63orvxr
2.1.3 文档
商业版的文档地址:https://www.yuque.com/duidui-9gwcg/yr95uq
文档包括但不限于:
-
产品介绍
-
视频教程
-
构建步骤
-
使用指引
-
...
感兴趣的可以点击上述链接查看。

2.1.4 价格

当然,你也可以通过邀请好友的方式,获取5天会员。

介绍完商业版后,接下啦便介绍开源版。
2.2 开源版
2.2.1 文档地址
开源版的文档地址:https://mtruning.club/guide/start/
2.2.2 代码说明
👉纯前端 分支: master
👉带后端 请求分支: master-fetch
-
前端代码
-
纯前端 Demo 地址:https://vue.mtruning.club/
-
带后端 Demo 地址:https://demo.mtruning.club/
-
GoView 源码地址:https://gitee.com/MTrun/go-view
-
-
后端地址(社区实现,仅供参考):
-
接口文档https://docs.apipost.cn (不是最新, 以前端代码为准)
-
JAVA https://gitee.com/MTrun/go-view-serve (当前使用)
-
Docker 镜像 https://gitee.com/AHEAD4/go-view-docker
-
GO-goframe https://gitee.com/bufanyun/go-view-server
-
2.2.3 技术栈
如下为部分技术栈为:
| 名称 | 版本 | 名称 | 版本 |
|---|---|---|---|
| Vue | 3.2.x | TypeScript4 | 4.6.x |
| Vite | 2.9.x | NaiveUI | 2.x.x |
| ECharts | 5.3.x | Pinia | 2.0.x |
| VChart | 2.0.x | 其余详见 package.json | 👈 |
2.2.4 开发环境
| 名称 | 版本 |
|---|---|
| node | 16.14.x |
| npm | 8.5.x |
| pnpm | 7.1.x |
| windows | 11 |
2.2.5 补充说明
-
框架:基于 Vue3 框架编写,使用 hooks 写法抽离部分逻辑,使代码结构更加清晰;
-
类型:使用 TypeScript 进行类型约束,减少未知错误发生概率,可以大胆修改逻辑内容;
-
性能:多处性能优化,使用页面懒加载、组件动态注册、数据滚动加载等方式,提升页面渲染速度;
-
存储:拥有本地记忆,部分配置项采用 storage 存储本地,提升使用体验;
-
封装:项目进行了详细的工具类封装如:路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等;
注意:GoView 是纯前端项目,没有后台系统,已预装 axios,若需后台请自行二次开发。
如果二次开发用于商业,请联系原作者的项目声明,否则可能构成侵权
3. 注意说明
虽然GoView项目使用MIT开源协议,若要商用请注意Logo(GoView具有所有权),擅自使用将会造成侵权行为,产生法律纠纷GoView作者将追究责任。