仿大众点评 webapp 开发

开发中...

特色

1. 工程化设计 > 项目脚手架 > 项目目录结构规范 > Mock数据 > 调试工具
2. 通用模块设计 > 领域实体定义 > Redux中间件封装网络请求层 > 通用错误处理
3. 首页/详情页 > 页面拆分与组件划分 > 列表渲染 > 加载更多效果实现 > 多领域数据聚合
4. 搜索模块 > 搜索框组件实现 > 搜索历史组件实现 > 通用组件抽离 > 搜索结果列
5. 登录模块 > 登录表单实现 > 登录逻辑模拟 > 注销功能
6. 个人中心 > Tab组件开发 > 订单列表分类展示 > 评价订单 > 删除订单
7. 购买功能 > 下单组件实现 > 购买逻辑模拟 > 订单数据和个人中心页同步
8. 项目部署 > Redux性能优化建议 > JS按需加载 > 项目构建和部署

启动

1. npm run mock
2. npm start

mock说明

这里的mock数据是,用koa框架模拟服务器返回数据。npm run mock 跑起来，后台其实跑的是3000端口 主要有两种输出: 一种是/api,给前端返回接口; 另一种是/www，给前端返回服务器端的静态资源； 前端接口是8080，在webpack.config.js配置了代理，可以直接用8080端口访问3000端口的两种输出 比如： http://localhost:3000/www/images/hanbao.png http://localhost:8080/www/images/hanbao.png 都是可以访问到mock/www/imgages/目录下的hanbao这张图片