低代码数据可视化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
后端地址
JAVA https://gitee.com/MTrun/go-view-serve (当前使用)
技术点
框架基于 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 等其它浏览器如有需求请自行测试与兼容。