This action will force synchronization from dromara/go-view, which will overwrite any changes that you have made since you forked the repository, and can not be recovered!!!
Synchronous operation will process in the background and will refresh the page when finishing processing. Please be patient.
GoView 是一个高效的拖拽式低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可制作数据大屏,减少心智负担。
master
master-fetch
项目纯前端-Demo 地址:https://www.mtruning.club
项目带后端-Demo 地址:后端 Demo 地址
文档-在线地址:http://www.mtruning.club:81/
文档-源码地址:https://gitee.com/MTrun/go-view-doc
后端项目gitee地址:https://gitee.com/MTrun/go-view-serve
技术点:
框架:基于 Vue3
框架编写,使用 hooks
写法抽离部分逻辑,使代码结构更加清晰;
类型:使用 TypeScript
进行类型约束,减少未知错误发生概率,可以大胆修改逻辑内容;
性能:多处性能优化,使用页面懒加载、组件动态注册、数据滚动加载等方式,提升页面渲染速度;
存储:拥有本地记忆,部分配置项采用 storage
存储本地,提升使用体验;
封装:项目进行了详细的工具类封装如:路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等
项目截图:
主要技术栈为:
名称 | 版本 | 名称 | 版本 |
---|---|---|---|
Vue | 3.2.x | TypeScript4 | 4.6.x |
Vite | 2.9.x | NaiveUI | 2.27.x |
ECharts | 5.3.x | Pinia | 2.0.x |
详见 package.json |
😁 | 🥰 | 🤗 |
开发环境:
名称 | 版本 | 名称 | 版本 |
---|---|---|---|
node | 16.14.x | npm | 8.5.x |
pnpm | 7.1.x | windows | 11 |
已完成图表:
分类 | 名称 | 名称 | 名称 |
---|---|---|---|
图表 | 柱状图 | 横向柱状图 | 折线图 |
* | 单/多 折线面积图 | 饼图 | 水球图 |
* | 环形图 | NaiveUI 多种进度 | 🤠 |
信息 | 文字 | 图片 | 😶 |
列表 | 滚动排名列表 | 滚动表格 | 🤓 |
小组件 | 边框-01~13 | 装饰-01~05 | 数字翻牌 |
开发和测试平台均在 Google
和最新版 EDGE
上完成,暂未测试 IE11
等其它浏览器,如有需求请自行测试与兼容。
本项目采用 pnpm
进行包管理
#建议使用 nrm 切换到淘宝源 https://registry.npmmirror.com/
#pnpm
pnpm install
#yarn
yarn install
#npm
npm install
#pnpm
pnpm dev
# npm
npm run dev
#yarn
yarn dev
#Makefile
make dev
#pnpm
pnpm run build
# npm
npm run build
#yarn
yarn run build
#Makefile
make dist
QQ 群:1030129384
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。