链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

GitDataV:基于Vue的github数据可视化平台

GitDataV是一个基于Vue框架构建的github数据可视化平台。它可以让用户直观地查看github中的多种数据,像个人信息、仓库相关数据、粉丝及跟随情况等。还有如全屏、语言切换等特色功能,提供dev.1.0版本在线演示,可切换分支本地运行获取更多功能。项目在技术上融合了Vu...

访问官网 →

【Github】项目名:GitDataV:基于Vue的github数据可视化平台

项目简介

GitDataV是一个基于Vue框架构建的github数据可视化平台。用户通过该平台能够直观地查看github中的各类数据,包括个人信息、仓库stars情况、仓库语言分类、仓库公开数量、粉丝数量、跟随数量、仓库数据、最近操作、最近的粉丝、最近的跟随以及最新信息等。平台还有一些特色功能,如左上角箭头处的全屏、国际化语言切换、返回首页以及还在开发中的皮肤切换功能。并且提供了在线演示(dev.1.0版本),若想体验更多功能,可切换到dev.2.0或者master分支clone本地运行。

项目核心技术

  1. 前端框架采用Vue,包括vue项目构建、指令灵活运用、组件封装和组件间通信等技术。
  2. 路由方面使用vue – router,涉及到hash和history区别、动态路由、路由切换传参等知识。
  3. 状态管理运用vuex,语言切换借助vue – i18n。
  4. 网络请求使用axios,包括自己封装axios、跨域代理配置。
  5. 可视化处理采用echarts、v – charts来控制图形的大小、布局、颜色和接受数据格式等。
  6. 运用es6基础语法,例如在梳理数据时使用map遍历数组、对象和数组转换等操作。
  7. 样式方面采用scss配置与语法,并且由于前端设计能力有限且没有设计师,引用了bootstrap和iconfont。

项目总结

GitDataV是一个功能丰富的github数据可视化平台,在技术运用上结合了多种前端技术来实现数据的可视化展示以及交互功能。希望大家能够对这个项目积极留言讨论,分享自己的见解或者使用体验。

项目地址

GitHub链接直达