低代码数据可视化GoView项目的初体验

开发环境:

纯前端 Demo 地址：https://vue.mtruning.club/

带后端 Demo 地址：https://demo.mtruning.club/

GoView 源码地址：https://gitee.com/MTrun/go-view

文档源码地址：https://gitee.com/MTrun/go-view-doc

后端地址：

• JAVA https://gitee.com/MTrun/go-view-serve (当前使用)
  
• .NET https://gitee.com/sun_xiang_yu/go-view-dotnet
  

技术点：

• 框架：基于 Vue3 框架编写，使用 hooks 写法抽离部分逻辑，使代码结构更加清晰；
  
• 类型：使用 TypeScript 进行类型约束，减少未知错误发生概率，可以大胆修改逻辑内容；
  
• 性能：多处性能优化，使用页面懒加载、组件动态注册、数据滚动加载等方式，提升页面渲染速度；
  
• 存储：拥有本地记忆，部分配置项采用 storage 存储本地，提升使用体验；
  
• 封装：项目进行了详细的工具类封装如：路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等；
  
• 注意：GoView 是纯前端项目，没有后台系统，已预装 axios，若需后台请自行二次开发；
  

安装方法：

# 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 等其它浏览器，如有需求请自行测试与兼容。