GoView：Vue3 低代码可视化开发设计器

GoView 是一个基于 Vue3 技术栈的低代码可视化开发设计器，旨在通过强大的组件库、灵活的配置选项和优雅的交互设计，帮助用户快速构建和定制数据驱动的应用程序。用户可以在无需编写代码的情况下，完成复杂的业务逻辑需求。GoView 的设计器界面简洁美观，操作便捷，功能强大。

技术栈

• 前端框架：Vue3 + TypeScript
• 构建工具：Vite4
• UI 框架：NaiveUI
• 图表库：ECharts
• 状态管理：Pinia
• 网络请求：Axios
• 拖拽库：Vuedraggable

设计器预览

GoView 提供了强大的设计器界面，用户可以在其中通过拖拽、配置和操作组件，实时构建可视化应用。设计器界面包括顶部导航栏、左侧组件栏、右侧属性栏和中间的画布展示区。

设计器功能介绍

• 顶部功能：视图切换、前进后退、预览、发布、中英文切换、主题切换等。
• 左侧组件库：
  • 图表组件：柱状图、折线图、饼图、散点图、地图等。
  • 信息组件：文本、时间选择器、轮播图等。
  • 特殊组件：边框、装饰、数字倒计时、滚动排名等。
  • 图层控制面板：管理页面元素层级和顺序。
• 中间画布：导入、导出、复制、编辑、右键菜单（复制、粘贴、置顶、清空等操作）。
• 右侧属性配置：调整组件的样式、大小、位置、动画设置，以及 JSON 数据的本地导入或后台请求，支持鼠标事件绑定（点击、移入等）。

特性介绍

• 精美界面：提供优雅的用户界面和精美设计，注重用户体验。
• 便捷操作：旨在简化数据可视化流程，减少开发复杂度。
• 标准规范：确保在开发和可视化过程中一致性和可维护性。
• 功能丰富：全局组件配置、动画配置、数据请求配置和事件绑定功能。
• 海量组件：内置 50+ 可视化组件，持续更新升级，满足不同需求。
• 主题切换：支持明暗主题模式和自定义主题色。

依赖列表

GoView 使用了多种优秀的第三方依赖来增强功能和性能，例如：

"dependencies": {
  "animate.css": "^4.1.1",
  "axios": "^1.4.0",
  "color": "^4.2.3",
  "crypto-js": "^4.1.1",
  "dayjs": "^1.11.7",
  "dom-helpers": "^5.2.1",
  "echarts-liquidfill": "^3.1.0",
  "echarts-stat": "^1.2.0",
  "echarts-wordcloud": "^2.0.0",
  "gsap": "^3.11.3",
  "highlight.js": "^11.5.0",
  "html2canvas": "^1.4.1",
  "iconify-icon": "^1.0.8",
  "keymaster": "^1.6.2",
  "mitt": "^3.0.0",
  "monaco-editor": "^0.33.0"
}

相关链接

• Gitee 项目地址：https://gitee.com/dromara/go-view
• 官方文档：https://www.mtruning.club