Awesome

cdfang-spider

成都房协网数据分析

统计成都自摇号以来所有的房源信息，通过图表的形式展示出来。

Preview

在线预览：https://cdfangyuan.cn

源代码：https://github.com/mengsixing/cdfang-spider

Features

已实现的功能：

房源数据同步最新。
房源价格动态保持更新。
首页：登记中房源、汇总统计展示。
首页：按楼盘数、房源数统计，及统计结果排名。
首页：按区域统计，汇总表查询。
历史页：年度汇总统计展示。
历史页：按房源数、区域、月份统计，及统计结果排名。
历史页：按房源数、楼盘数、区域统计，汇总表查询。

Technology

主要用到的技术：

React：MVVM 框架，用于构建前端界面。
Ant Design：基于 React 的组件库。
Bizchats：基于 React 的图表库。
Less：CSS 预处理器，提供变量、计算、嵌套、Mixin、函数等。
Webpack：打包前端项目，生成静态文件。
Apollo：基于 GraphQL 封装，用于搭建后端 GraphQL 支持和前端数据请求。
Koa：后端 Web 层框架，用于接收请求，进行处理。
Cheerio：解析抓取的 HTML 数据。
Mongoose：为 MongoDB 定义数据模型。
Gulp：打包后端项目，编译 TS 语法。
Jest：测试前后端项目，单元测试，API 测试等。
Typescript：为 JS 提供良好的类型检查功能，能编译出高质量的 JS 代码。

项目没有使用脚手架工具搭建，都是一步一步配置而成。具体的搭建流程：项目选型与环境搭建。

Start

# clone with Git Bash
git clone https://github.com/mengsixing/cdfang-spider.git

# change directory
cd cdfang-spider

# install dependencies
npm i

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Deploy

# clone with Git Bash
git clone https://github.com/mengsixing/cdfang-spider.git

# change directory
cd cdfang-spider/docker

# run docker containers. It may take a long time.
docker-compose up -d

# server running at localhost:8082

License

MIT