《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目，包括技术、学习、实用与各种有趣的内容。本期推荐的GoView 是一个Vue3搭建的低代码数据可视化开发平台。
特性
- 最新技术
- 基于 Vue3 & TypeScript框架编写，使用 hooks 写法抽离部分逻辑，代码结构更加清晰。
- 优异性能
- 多处性能优化，使用页面懒加载、组件动态注册、数据滚动加载等方式，提升页面渲染速度。
- 高效代码封装
- 详细的工具类封装如：路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等。
- 完备的功能
- 提供项目控制、全局控制、组件基础配置、动画配置、请求配置、事件配置等。
- 丰富的组件
- 拥有丰富的内容组件，内置 50 个组件内容，并且在不断更新升级中。
- 优雅交互
- 精美的页面设计，支持明/暗切换，主题色变更。人性化的交互方式，内置丰富快捷方案。
整体介绍
- 框架：基于 Vue3 框架编写，使用 hooks 写法抽离部分逻辑，使代码结构更加清晰；
- 类型：使用 TypeScript 进行类型约束，减少未知错误发生概率，可以大胆修改逻辑内容；
- 性能：多处性能优化，使用页面懒加载、组件动态注册、数据滚动加载等方式，提升页面渲染速度；
- 存储：拥有本地记忆，部分配置项采用 storage 存储本地，提升使用体验；
- 封装：项目进行了详细的工具类封装如：路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等
安装
推荐使用 pnpm 管理项目，并使用 nrm 切换到阿里镜像，整体安装步骤如下：
# 1. 安装 pnpmnpm install -g pnpm# 2. 安装 nrmnpm install -g nrm# 3. 使用 nrm 添加阿里镜像nrm add taobao https://registry.npmmirror.com/# 4. nrm 查看镜像列表nrm ls# 5. nrm 应用对应镜像nrm use taobao
安装项目依赖
# 推荐使用 pnpmpnpm install# 或 yarnyarn install
启动
# 推荐使用 pnpmpnpm dev# 或 yarnyarn dev# 或 Makefile（需要自行配置系统环境，谷歌 make 命令环境搭建）make dev
编译
# 推荐使用 pnpmpnpm run build# 或 yarnyarn run build# 或 Makefilemake dist
配置界面
工作台
请求配置
数据过滤
高级事件编辑
快捷主页
主题色
亮白主题
主要技术栈为：
|
名称 | 版本 | 名称 | 版本 |
Vue | 3.2.x | TypeScript4 | 4.6.x |
Vite | 2.9.x | NaiveUI | 2.27.x |
ECharts | 5.3.x | Pinia | 2.0.x |
开发环境:
|
名称 | 版本 | 名称 | 版本 |
node | 16.14.x | npm | 8.5.x |
pnpm | 7.1.x | windows | 11 |
-END-
开源协议：MIT
开源地址：https://gitee.com/dromara/go-view
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。