React-XiaomiShop是一款基于React框架开发的仿小米官方商城项目。它展示了现代前端技术在电商网站中的应用,提供了一个简洁、高效且响应迅速的购物体验模板。
仿小米商城(React)项目环境使用Node 10.16.2快速启动:
1. 克隆仓库:
```
git clone https://github.com/NeilYQ/react-xiaomiShop.git
cd react-xiaomiShop
```
2. 启动项目:
```
npm start
```
3. 打包项目:
```
npm run build
```
4. 构建文件部署到服务器
5. API启动:
- 进入api目录:`cd api`
- 安装依赖:`npm install`
- 启动API: `node app.js`
该项目完成的页面及功能包括:
- 首页:使用Swiper实现轮播,封装商品列表组件
- 分类页:使用第三方懒加载组件
- 详情页:添加购物车,从redux获取所需数据
- 购物车:实现逆向解析地理位置,封装需求功能函数
在项目实现的过程中,简易地实现了小米商城后台的数据获取。其中获取的数据均为静态数据。
后台API包含了项目的后端支持。