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

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

开发环境:

名称

版本

名称

版本

windows

8.x及其以上

操作系统

8.1+

node

16.14.x

npm

8.5.x

pnpm

7.1.x

windows

11

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

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

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

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

后端地址

技术点

  • 框架基于 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 等其它浏览器如有需求请自行测试与兼容。

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6
标签: go

“低代码数据可视化GoView项目的初体验” 的相关文章