当前位置: 首页 > news >正文

GoView 低代码数据可视化

在这里插入图片描述

纯前端 分支: master
👻 携带 后端 请求分支: master-fetch
📚 GoView 文档 地址:https://www.mtruning.club/
项目纯前端-Demo 地址:https://vue.mtruning.club/
项目带后端-Demo 地址:https://demo.mtruning.club/
Cloud IDE 代码在线预览地址:https://idegitee.com/dromara/go-view
🤯 后端项目看这里!
后端地址(社区实现,仅供参考):
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
整体介绍
框架:基于 Vue3 框架编写,使用 hooks 写法抽离部分逻辑,使代码结构更加清晰;
类型:使用 TypeScript 进行类型约束,减少未知错误发生概率,可以大胆修改逻辑内容;
性能:多处性能优化,使用页面懒加载、组件动态注册、数据滚动加载等方式,提升页面渲染速度;
存储:拥有本地记忆,部分配置项采用 storage 存储本地,提升使用体验;
封装:项目进行了详细的工具类封装如:路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等
可视化:基于开源图表库ECharts 和 VChart 编写,具有丰富的图表类型和适配大屏的主题效果;
入选 NaiveUI 社区精选资源推荐:查看 NaiveUI 推荐列表

安装
推荐使用 pnpm 管理项目,并使用 nrm 切换到阿里镜像,整体安装步骤如下:

1. 安装 pnpm

npm install -g pnpm

2. 安装 nrm

npm install -g nrm

3. 使用 nrm 添加阿里镜像

nrm add taobao  https://registry.npmmirror.com/

4. nrm 查看镜像列表

nrm ls

5. nrm 应用对应镜像

nrm use taobao

安装项目依赖

推荐使用 pnpm

pnpm install

或 yarn

yarn install

启动

# 推荐使用 pnpm
pnpm dev
# 或 yarn
yarn dev

或 Makefile(需要自行配置系统环境,谷歌 make 命令环境搭建)

make dev

编译

# 推荐使用 pnpm
pnpm run build
# 或 yarn
yarn run build
# 或 Makefile
make dist

浏览器支持
开发和测试平台均在 Google 和最新版 EDGE 上完成,暂未测试 IE11 等其它浏览器,如有需求请自行测试与兼容。

Pro 部分功能展示
体验地址: https://ai.goviewlink.com/saas/

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
go-view
0_init_db.sql

DROP DATABASE IF EXISTS springbootv2;
CREATE DATABASE springbootv2;
CREATE USER 'root'@'%' identified by 'root';
GRANT ALL PRIVILEGES ON *.* to 'root'@'%';
FLUSH PRIVILEGES;

使用docker-compose.yml进行部署

version: '3.4'# 公共日志配置
x-logging:&default-loggingdriver: "json-file"options:tag: "{{.ImageName}}/{{.Name}}/{{.ID}}"labels: "application.name,application.type"# 公共资源限制配置
x-resource:&default-resourceresources:limits:memory: 1536Mservices:ui:image: registry.cn-hangzhou.aliyuncs.com/qiluo-images/go-view:latestrestart: alwaysdepends_on:- servebuild:context: ./uiports:- "7080:80"volumes:- ./ui/http.conf:/etc/nginx/conf.d/http.confserve:image: registry.cn-hangzhou.aliyuncs.com/qiluo-images/go-view-serve:latestrestart: alwaysdepends_on:- dbbuild:context: ./serveenvironment:SPRING_APPLICATION_JSON: '{"fuce":{"default-base-dir":"/data/files", "upload_img_url": "/static/file_upload/"}}'SPRING_DATASOURCE_DRUID_MASTER_URL: 'jdbc:mysql://db:3306/springbootv2?useUnicode=true&characterEncoding=UTF-8&autoReconnect=true&useSSL=false'SPRING_DATASOURCE_DRUID_MASTER_USERNAME: rootSPRING_DATASOURCE_DRUID_MASTER_PASSWORD: rootlogging: *default-loggingdeploy: *default-resourcedb:image: registry.cn-hangzhou.aliyuncs.com/qiluo-images/mysql:5.7.44restart: alwaysports:- "3306:3306"environment:MYSQL_ROOT_PASSWORD: rootMYSQL_DATABASE: springbootv2volumes:- /data/deploy/mysql:/var/lib/mysql- ./0_init_db.sql:/docker-entrypoint-initdb.d/0_init_db.sql- ./serve/src/doc/goview_v2.sql:/docker-entrypoint-initdb.d/goview_v2.sqllogging: *default-loggingdeploy: *default-resource

使用发布到docker hub的镜像启动
​ 首先clone源代码后进入项目根目录,命令git clone --recursive https://gitee.com/AHEAD4/go-view-docker --recursive是必须的否则会缺少源代码。

​ 运行docker-compose pull,等待镜像拉取完成。

​ 运行docker-compose up -d,启动服务后进入后台运行。

​ 使用浏览器访问http://127.0.0.1:7080/

​ 账号密码均为admin

​ 注意:数据库未做持久化,如需持久化请挂载卷或宿主机目录(参考yml中被db备注的volume配置)

3.源码目录
​ ./ui/src 前端源代码子模块

​ ./serve/src 后台服务源代码子模块

4.基本使用

docker-compose up -d 启动并进入后台运行
docker-compose build 基于配置文件指定的Dockerfile构建镜像
docker-compose ps 查看当前容器运行状态
docker-compose logs -f 容器名或ID 持续查看当前容器日志
docker-compose stop 容器名或ID 停止容器
docker-compose stop 容器名或ID 启动容器
docker-compose restart 容器名或ID 重启容器
docker-compose down 停止全部服务并销毁全部容器

5.注意事项
经测试在以下环境可成功构建并启动

macOS 12.5 X64 && Docker Desktop 3.4.0 && Engine 20.10.22

Centos 7.5 X64 && Docker Engine 19.03.12

Windows11 X64 && Docker Desktop 4.16.2 && Engine 20.10.7

注意:使用docker构建前端镜像,node环境在编译时需要大量内存,如果使用windows或者mac的桌面平台建议将Resouces中的内存分配设定高于16G,Linux平台内存不可低于16G,否则可能会出现JavaScript heap out of memory异常

http://www.dtcms.com/a/272834.html

相关文章:

  • Git保姆级入门实战:从安装配置到常用命令与常见错误解决
  • Shader面试题100道之(61-80)
  • 动态规划疑惑总结
  • Oracle大表数据清理优化与注意事项详解
  • 毫米波雷达守护银发安全:七彩喜跌倒检测仪重构居家养老防线
  • AI+低代码双引擎驱动:重构智能业务系统的产品逻辑
  • 二分查找篇——搜索旋转排序数组【LeetCode】一次二分查找
  • Datawhale AI 夏令营:基于带货视频评论的用户洞察挑战赛 Notebook(上篇)
  • C#集合:从基础到进阶的全面解析
  • 力扣-48.旋转图像
  • 文件追加模式:编写一个程序,向一个已存在的文件末尾追加内容。
  • ADVANTEST R4131 SPECTRUM ANALYZER 光谱分析仪
  • 有缺陷的访问控制
  • Agent调用(高德地图)MCP服务
  • Java虚拟机栈Test01
  • 盲盒一番赏小程序技术实现方案:高并发与防作弊的平衡之道
  • C#System.Runtime.InteropServices.ExternalException (0x80004005): GDI+ 中发生一般性错误。
  • Kettle导入Excel文件进数据库时,数值发生错误的一种原因
  • 计算机视觉速成 之 概述
  • Ubuntu如何快速搭建docker以及使用代理访问
  • Linux入门篇学习——Linux 工具之 make 工具和 makefile 文件
  • 数据结构 顺序表(1)
  • 等保-linux-三权分立账号设置,系统管理员、安全管理员、审计管理员
  • 目标检测中的评价指标计算
  • 数据结构 —— 键值对 map
  • Git操作技巧(一)
  • shell学习从入门到精通
  • 数据仓库:企业数据管理的核心枢纽
  • 创客匠人视角:从信任经济看创始人 IP 如何重塑 IP 变现逻辑
  • nmap扫描指定网段中指定开放端口的主机(IP,mac地址)