极客Go云监工 — 基于Ant Design的Web React实现

前言

玩客云接口的破解和后端api都已经分析了，那些都是看不见的，而展现在用户面前的是前端的web或者微信的小程序。
由于一开始还不会小程序就先用react写了一个前端，写的比较乱，将就能用，也没有系统做过前端，借此机会来动手实践下。主要是不想用很重的app来实现，毕竟稍微看下，操作下就行，不需要非常好的用户体验。好了，我们还是具体看下吧。

框架

React

使用的react框架，本来想用vue的，其实都差不多

Antd/Antd-mobile

感觉蚂蚁的antd比较好看，就使用了这个框架

效果介绍

行情

该页面主要是链克的产量和链克的一些排行榜
账号

展示所有添加的账号的详情，包括添加账号功能，删除账号，提取链克等功能
链克

显示近期和全部链克产量，并显示近7天的趋势图
我的
主要是绑定邮箱，关于我们，退出登录等功能
登录注册
当然少不了登录注册的功能，这里就不贴图了

源码目录

源码结构比较简单，使用了react脚手架来新建的工程，然后就可以在内部添加我们需要的代码了。我们主要看下各个页面实现：

src- component 各个页面和组件- image     图片资源- router    路由规则- store     存储的数据- style     css各个样式- utils     工具类，包括网络请求等

闪页，广告等 (component/SplashView.jsx)
主页 (component/Home.jsx)
使用了底部4个Tab的方式，类似支付宝的底部功能，点击可以进入到各个页面中。
行情页面（component/LTKMarket.jsx）
账号页面 (component/AccountInfoView.jsx)
链克页面 (component/LTKInfo.jsx)
我的页面 (component/Settings.jsx)
登录页面 (component/Login.jsx)
注册页面 (component/Register.jsx)
关于页面 (component/About.jsx)
支持页面 (component/Tipping.jsx)
帮助页面 (component/Help.jsx)

本以为挺少的内容，没想到写出来页面也挺多的。基本上代码都在上面了，如果要参考修改，可以查看github源码，记得给个star

github源码

极客Go云监工 — 基于Ant Design的Web React实现相关推荐

极客Go云监工 --- 开源前序
过去的2018 2018已经成了过去时,2019也过了几天了,当初区块链还是挺火的,迅雷的链克也相当火爆,链克其实是通过迅雷的玩客云来贡献带宽和硬盘资源来换取的,当初火爆的时候大概有9块钱一个,而目前 ...
React 基于ant design Pro 4 实现的一个分页, 自定义页码颜色
标题目录代码样式前言这是在 Ant Design Pro 4 中基于 ant design 的 Pagination 分页组件的基础上开发的. 有这么一个需求, 页码的颜色基于该页是否有差异, ...
基于Ant Design和jQuery UI的表单设计器
基于Ant Design 和jQuery UI 的表单设计器 GitHub 地址概念 Comonent 组件 Layout 布局,一种特殊的Component Component Editor 组件 ...
基于Ant Design of Vue实现时长组件 duration
最近遇到一个需求,需要一个输入时长的组件,在经过一番寻找后没有合适的,最终自己动手写一个(实现了v-model双向绑定),记录一下,也给小伙伴们提供一个方便. 本示例基于ant design of v ...
极客技术专题【009期】：web技术开发小技巧
为什么80%的码农都做不了架构师?>>> 日期:2013-8-26 来源:GBin1.com 技术专题:Seajs介绍 (分享人:choaklin) 专题演讲稿:SeaJS的 ...
基于Ant Design UI框架的React项目
概述这款基于React开发的UI框架,界面非常简洁美观,在这篇文章中我主要为大家介绍一下如何用Ant开始搭建React项目详细代码下载:http://www.demodashi.com/demo ...
打造人类高质量极客，云+社区开启竞赛「寻知计划」
腾讯云+社区联合腾讯码客.腾讯安全平台部全新打造的创新赛事--腾讯极客挑战赛 | 鹅罗斯方块(以下简称"极客挑战赛"),已于8月8日圆满落幕.本次比赛吸引了来自上千所高校或企业单位 ...
Redux案例-基于Ant Design React
1.Ant Design介绍和环境初始化 Ant Design是一套面向企业级开发的UI框架,视觉和动效作的很好.阿里开源的一套UI框架,它不只支持React,还有ng和Vue的版本,我认为不论你的前 ...
Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件
前言这次的后台管理系统项目选型用了Vue来作为主技术栈: 因为前段时间用过React来写过项目(用了antd),感觉棒棒的. 所以这次就排除了Element UI,而采用了Ant Design Vu ...

极客Go云监工 — 基于Ant Design的Web React实现

前言

框架

效果介绍

源码目录

极客Go云监工 — 基于Ant Design的Web React实现相关推荐

最新文章

热门文章