之前写的Node.js爬虫Demo随着学习前端的深入也开始改写了。前端最初只是jquery绑定了几个按钮，后来用React进行重构，使用gulp组织，然后又使用了一直想尝试使用的Antd-UI库
现在看起来是这样子的了
还录了个演示视频
Github地址： https://github.com/sincerefly/guping
暂时这个东西就先鼓道到这里，我还要去学习ES6...等等等
已知待完善（有时间会一点点完善）
- 后端实现了排名，先端没有实现
- 更新数据时有一定几率会导致sh300End字段为NaN
- 界面没有响应式，因为Ant.design UI不支持，设计的目的也是主要作为后台产品
- 也许添加Socket.io会更加理想，不过意义不是很大
- 配置文件等，代码有待进一步优化
这个小程序使用的技术关键字
- Node.js
- React
- Antd-ui
- gulp
- Async
- Browserify
- Mongodb
测试Demo方法
先决条件
- 已安装好MongoDB
- 已安装好nodejs与npm(建议使用nvm进行管理node版本)
- 建议在Linux下测试，windows须自己建立public软链接或在server下新建一个public目录，并将client下内容复制到public下
1, 从Github下Down下来
git clone https://github.com/sincerefly/guping.git
2，安装依赖
分别进入client和server运行
npm install
3，全局安装gulp并运行
sudo npm install gulp -g
分别在两个目录输入gulp
4，打开浏览器
http://127.0.0.1:3000/