一、GoView 简介
GoView 是一款基于 Vue3.x 构建的低代码数据可视化开发平台,它允许开发者通过简单的配置快速构建各种数据可视化大屏。
- 官网文档:https://gitee.com/MTrun/go-view
- JAVA 版本:https://gitee.com/MTrun/go-view-serve
- .NET 版本:https://gitee.com/sun_xiang_yu/go-view-dotnet
GoView 具有以下特点:
- 低代码开发:通过拖拽组件和配置属性即可完成大屏开发
- 丰富的组件库:内置多种图表、地图、表格等常用组件
- 响应式设计:适配不同屏幕尺寸
- 数据驱动:支持动态数据绑定和实时更新
- 主题定制:可自定义主题颜色和样式
GoView 特别适合企业级数据可视化需求,如运营监控大屏、数据分析看板、指挥中心大屏等场景。
二、.NET 集成 GoView 方案
在 .NET 项目中集成 GoView 通常有两种方式:
- 前后端分离:.NET 作为后端 API 服务,GoView 作为独立前端项目
- 嵌入式集成:将 GoView 打包后嵌入到.NET MVC 或 Razor Pages 中
本文将重点介绍第二种方式,实现 GoView 与.NET 的无缝集成。
三、集成步骤详解
1. 环境准备
.NET 6+开发环境Node.js环境(用于构建 GoView 前端)- GoView 源码(可从 Gitee 获取)
2. 获取并构建 GoView
# 克隆 GoView 仓库
git clone https://gitee.com/dromara/go-view.git
# 进入项目目录
cd go-view
# 安装依赖
npm install
# 构建生产版本
npm run build
构建完成后,会在项目目录下生成 dist 文件夹,包含所有静态资源。
3. 创建.NET 项目
dotnet new webapp -n GoViewDemo
cd GoViewDemo
4. 集成 GoView 静态资源
将 GoView 的 dist 文件夹内容复制到.NET 项目的 wwwroot 目录下:
wwwroot/
├─ css/
├─ js/
├─ /
├─ favicon
└─ index


