GoView 是一个Vue3搭建的低代码数据可视化开发平台

这篇具有很好参考价值的文章主要介绍了GoView 是一个Vue3搭建的低代码数据可视化开发平台。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、总览

开源、精美、便捷的「数据可视化」低代码开发平台

二、整体介绍

  • 框架:基于 Vue3 框架编写,使用 hooks 写法抽离部分逻辑,使代码结构更加清晰;

  • 类型:使用 TypeScript 进行类型约束,减少未知错误发生概率,可以大胆修改逻辑内容;

  • 性能:多处性能优化,使用页面懒加载、组件动态注册、数据滚动加载等方式,提升页面渲染速度;

  • 存储:拥有本地记忆,部分配置项采用 storage 存储本地,提升使用体验;

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

  • 入选 NaiveUI 社区精选资源推荐:查看 NaiveUI 推荐列表

三、说明文档: 

GoView 是一个Vue3搭建的低代码数据可视化开发平台

四、工作台: 

GoView 是一个Vue3搭建的低代码数据可视化开发平台

请求配置: 

GoView 是一个Vue3搭建的低代码数据可视化开发平台

数据过滤: 

GoView 是一个Vue3搭建的低代码数据可视化开发平台

高级事件编辑: 

GoView 是一个Vue3搭建的低代码数据可视化开发平台

自定义组件颜色: 

GoView 是一个Vue3搭建的低代码数据可视化开发平台

快捷主页: 

GoView 是一个Vue3搭建的低代码数据可视化开发平台

主题色: 

GoView 是一个Vue3搭建的低代码数据可视化开发平台

亮白主题: 

GoView 是一个Vue3搭建的低代码数据可视化开发平台

主要技术栈为:

名称 版本 名称 版本
Vue 3.2.x TypeScript4 4.6.x
Vite 2.9.x NaiveUI 2.27.x
ECharts 5.3.x Pinia 2.0.x
详见 package.json 😁 🥰 🤗

开发环境:

名称 版本 名称 版本
node 16.14.x npm 8.5.x
pnpm 7.1.x windows 11

已完成图表:

分类 名称 名称 名称 名称
图表 柱状图 横向柱状图 折线图 单/多 折线面积图(渐变色)
* 饼图 环形图 水球图 雷达图
* NaiveUI 多种进度 散点图 对数回归散点图 热力图
* 漏斗图 中国地图 高德地图 🦊
信息 文字 渐变文字 词云 嵌套网页
* 图片 视频 😺 🐯
列表 滚动排名列表 滚动表格 🐮 🐐
小组件 边框-01~13 装饰-01~05 数字翻牌 通用时间
* 数字计数 倒计时 时钟 🦁

五、浏览器支持

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

六、安装

请查看文档:https://www.mtruning.club/

七、代码提交

  • feat: 新功能
  • fix: 修复 Bug
  • docs: 文档修改
  • perf: 性能优化
  • revert: 版本回退
  • ci: CICD 集成相关
  • test: 添加测试代码
  • refactor: 代码重构
  • build: 影响项目构建或依赖修改
  • style: 不影响程序逻辑的代码修改
  • chore: 不属于以上类型的其他类型(日常事务)

八、源码下载

https://download.csdn.net/download/weixin_37576193/87777846文章来源地址https://www.toymoban.com/news/detail-441203.html

到了这里,关于GoView 是一个Vue3搭建的低代码数据可视化开发平台的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 一个Python开发的低代码数据分析工具:DataPrep

    一个Python开发的低代码数据分析工具:DataPrep

    更多Python学习内容:ipengtao.com 在数据科学和分析领域,数据的预处理和清理是一个非常重要且耗时的任务。为了简化这一过程,让数据分析师和数据科学家能够更快速地准备和探索数据,DataPrep(Data Preparation)成为了一个强大的工具。DataPrep是一个用于数据预处理和数据探索

    2024年02月02日
    浏览(15)
  • 基于VUE3开发的CAD图可视化平台代码开源了

    基于VUE3开发的CAD图可视化平台代码开源了

    ​ 唯杰地图VJMAP 为 CAD 图或 自定义地图格式 WebGIS 可视化 显示开发提供的一站式解决方案,支持的格式如常用的 AutoCAD 的 DWG 格式文件、 GeoJSON 等常用 GIS 文件格式,它使用 WebGL 矢量图块 和 自定义样式 呈现交互式地图, 提供了全新的 大数据可视化 可视化功能。 ​ 唯杰地图

    2024年01月18日
    浏览(15)
  • vue3 | 数据可视化实现数字滚动特效

    vue3 | 数据可视化实现数字滚动特效

    vue3不支持vue-count-to插件,无法使用vue-count-to实现数字动效,数字自动分割,vue-count-to主要针对vue2使用,vue3按照会报错: TypeError: Cannot read properties of undefined (reading \\\'_c\\\') 的错误信息。这个时候我们只能自己封装一个CountTo组件实现数字动效。先来看效果图: 使用Vue.component定义公

    2024年02月02日
    浏览(12)
  • 使用vue3搭建一个CRM(客户关系管理)系统

    使用vue3搭建一个CRM(客户关系管理)系统

    目录 1. 需求分析 2. 设计 3. 技术选型 4. 开发环境搭建 5. 前端开发 6. 后端开发 7. 数据库搭建 8. 测试 9. 部署 10. 维护和迭代 总结 搭建一个CRM(客户关系管理)系统是一个复杂的项目,涉及到需求分析、设计、开发、测试和部署等多个阶段。以下是一个简化的指南,帮

    2024年04月16日
    浏览(16)
  • 从0搭建Vue3组件库(十):如何搭建一个 Cli 脚手架

    从0搭建Vue3组件库(十):如何搭建一个 Cli 脚手架

    本篇文章将实现一个名为 create-easyest 脚手架的开发,只需一个命令 npm init easyest 就可以将整个组件库开发框架拉到本地。 首先,我们在 packages 目录下新建 cli 目录,同执行 pnpm init 进行初始化,然后将包名改为 create-easyest 这里需要知道的是当我们执行 npm init xxx 或者 npm create xxx 的

    2024年02月08日
    浏览(48)
  • 一步步完整搭建一个图纸管理系统(Django+Vue3)

    一步步完整搭建一个图纸管理系统(Django+Vue3)

    需要将终端改成虚拟环境的解释器后,简单试运行: 由于我们把子项目都放在apps里面了(方便统一管理)所以注册要加入一段配置 一定要注意格式 (1)安装pymysql (2)gveInformationSystem/settings中进行相关配置 (3)需要在init.py导入pymysql (在:apps/DrawingManagementSystem/models.py)

    2024年02月06日
    浏览(13)
  • vue系列(三)——手把手教你搭建一个vue3管理后台基础模板

    vue系列(三)——手把手教你搭建一个vue3管理后台基础模板

    目录 一、前言: 二、网站页面分析 三、开发步骤 (一)、安装element (二)、安装使用svg插件 (三)、编写主界面框架代码  (四)、编写菜单栏  (五)、新建页面及路由 (六)、定制页面标签栏 第一步: 第二步: (七)、修改封装菜单栏 (八)、添加面包屑 四、结

    2023年04月24日
    浏览(17)
  • Vue3 + Element-UI 搭建一个后台管理系统框架模板

    本文将介绍如何基于Vue3和element-ui搭建一个后台管理系统框架模板。我们将详细讲解代码流程,并提供详细的说明。 Vue3 Element-ui Axios 本文假设读者已经熟悉Vue3和Element-ui的基本使用方法,并且对Axios有一定的了解。 步骤1:创建Vue3项目 我们可以使用Vue CLI来创建一个Vue3项目,

    2023年04月26日
    浏览(26)
  • 从0开始搭建一个vue3+vite+ts+pinia+element-plus的项目

    从0开始搭建一个vue3+vite+ts+pinia+element-plus的项目

    前言:vue3+ts+vite大家已经都开始用了,最近也在学习,基本上是零基础开始ts的学习,很多语法知识是边写边查,没有系统的学习ts。此处展示从零开始,搭建的一个框架,方便拿来即用! 其中框架选择vue,语言选择typeScript 项目启动成功以后如下所示: 为了方便日常工作中

    2024年02月06日
    浏览(15)
  • Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范

    项目代码同步至码云 weiz-vue3-template 要求代码规范,主要是为了提高多人协同和代码维护效率,结合到此项目,具体工作就是为项目配置 eslint 和 prettier 。 安装 EditorConfig for VS Code 插件,根目录下新建 .editorconfig 文件,增加以下配置 如果是非windows系统, end_of_line 设置为 cr 安

    2024年02月05日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包