【亲测免费】 GoView 低代码数据可视化开发平台教程

GoView 低代码数据可视化开发平台教程

1. 项目介绍

GoView 是一个低代码数据可视化开发平台，旨在帮助开发者快速构建数据可视化页面。它将图表和页面元素封装为基础组件，用户无需编写代码即可完成业务需求。GoView 的技术栈包括 Vue3、TypeScript4、Vite2、NaiveUI、ECharts5、Axios、Pinia2 和 PlopJS。

2. 项目快速启动

2.1 环境准备

确保你的开发环境满足以下要求：

• Node.js 16.14 或更高版本
• npm 8.5 或更高版本
• pnpm 7.1 或更高版本

2.2 安装依赖

首先，克隆项目到本地：

git clone https://github.com/dromara/go-view.git
cd go-view

然后，安装项目依赖：

pnpm install

2.3 启动项目

启动开发服务器：

pnpm dev

2.4 编译项目

编译项目以生成生产环境的代码：

pnpm run build

3. 应用案例和最佳实践

3.1 应用案例

GoView 可以用于构建各种数据可视化页面，例如：

• 企业数据监控面板
• 实时数据展示平台
• 数据分析报告

3.2 最佳实践

• 组件复用：利用 GoView 封装的基础组件，快速构建页面，减少重复代码。
• 性能优化：使用页面懒加载、组件动态注册等技术，提升页面渲染速度。
• 本地记忆：部分配置项采用 storage 存储本地，提升用户体验。

4. 典型生态项目

4.1 GoView 文档

GoView 的文档地址为：http://www.mtruning.club:81/

4.2 GoView 后端项目

GoView 的后端项目地址为：https://gitee.com/MTrun/go-view-serve

4.3 GoView 接口说明

接口说明地址为：https://docs.apipost.cn/preview/5aa85d10a59d66ce/ddb813732007ad2b