1. 引言

最近在做可视化大屏的搭建，无意间发现了GoView项目：

实话说，可视化平台的开源框架很多，为什么就选中了GoView这款呢？因为它给我的第一印象就是界面美观和简洁，完全符合我想象中的可视化数据平台。

正如它官网介绍的那样：

GoView是一个高效的拖拽式低代码数据可视化开发平台，将图表或页面元素封装为基础组件，无需编写代码即可制作数据大屏，减少心智负担。

GoView分为 Goview Pro 和 Goview两种：

1. Goview Pro 是商业版

2. 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的功能很多，包括但不限于：

1. 自定义组件：任何会员都可高度定制化组件，无需支付其它费用。集成 Vue 在线编辑器开发，一行代码即可触发事件联动，满足您的定制化业务需求

2. 交互联动：极大超越同类平台灵活调度，不仅支持与其它组件的通用交互方案，还可使用全局内置方法配合组件声明周期，实现更细粒度的联动场景

3. 一键部署：内置大屏内网自动化部署工具「Windows、MacOS、Linux」，一键打包大屏数据，快速启用服务，更高效、更便捷，支持Nginx部署

4. Excel智能解析，智能生成图表：通过解析Excel数据，智能生成图表，可动态拖拽配置分类与数值，支持多种图表类型，创建组件与数据配置更直观便捷。

5. …
   

功能的构建步骤，可以参考该文档：https://www.yuque.com/duidui-9gwcg/yr95uq/ehg5q9fgn63orvxr

2.1.3 文档

商业版的文档地址：https://www.yuque.com/duidui-9gwcg/yr95uq

文档包括但不限于：

1. 产品介绍

2. 视频教程

3. 构建步骤

4. 使用指引

5. …

感兴趣的可以点击上述链接查看。

2.1.4 价格

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

介绍完商业版后，接下啦便介绍开源版。

2.2 开源版

2.2.1 文档地址

开源版的文档地址：https://mtruning.club/guide/start/

2.2.2 代码说明

👉纯前端 分支： master

👉带后端 请求分支: master-fetch

1. 前端代码

   • 纯前端 Demo 地址：https://vue.mtruning.club/

   • 带后端 Demo 地址：https://demo.mtruning.club/

   • GoView 源码地址：https://gitee.com/MTrun/go-view

2. 后端地址（社区实现，仅供参考）：

   • 接口文档https://docs.apipost.cn (不是最新, 以前端代码为准)

   • JAVA https://gitee.com/MTrun/go-view-serve (当前使用)

   • .NET https://gitee.com/sun_xiang_yu/go-view-dotnet

   • NODE https://gitee.com/qwdingyu/led

   • Docker 镜像 https://gitee.com/AHEAD4/go-view-docker

   • GO-goframe https://gitee.com/bufanyun/go-view-server

   • GO-gin https://gitee.com/ls1990/go-view-serve

   • hono https://github.com/kunl/go-view-hono

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 补充说明

1. 框架：基于 Vue3 框架编写，使用 hooks 写法抽离部分逻辑，使代码结构更加清晰；

2. 类型：使用 TypeScript 进行类型约束，减少未知错误发生概率，可以大胆修改逻辑内容；

3. 性能：多处性能优化，使用页面懒加载、组件动态注册、数据滚动加载等方式，提升页面渲染速度；

4. 存储：拥有本地记忆，部分配置项采用 storage 存储本地，提升使用体验；

5. 封装：项目进行了详细的工具类封装如：路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等；

注意：GoView 是纯前端项目，没有后台系统，已预装 axios，若需后台请自行二次开发。

如果二次开发用于商业，请联系原作者的项目声明，否则可能构成侵权

3. 注意说明

虽然GoView项目使用MIT开源协议，若要商用请注意Logo（GoView具有所有权），擅自使用将会造成侵权行为，产生法律纠纷GoView作者将追究责任。