{"id":19935578,"url":"https://github.com/baozouai/react-mobile-app","last_synced_at":"2025-08-04T18:40:17.847Z","repository":{"id":44293746,"uuid":"205853751","full_name":"baozouai/react-mobile-app","owner":"baozouai","description":"本项目是基于React、Antd Mobile, Redux的移动端电商App","archived":false,"fork":false,"pushed_at":"2023-12-09T06:07:27.000Z","size":16593,"stargazers_count":27,"open_issues_count":4,"forks_count":12,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-07T15:54:37.233Z","etag":null,"topics":["antd-mobile","axios","react","redux","redux-thunk"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/baozouai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-09-02T12:36:24.000Z","updated_at":"2025-03-12T02:01:22.000Z","dependencies_parsed_at":"2024-11-12T23:31:47.261Z","dependency_job_id":null,"html_url":"https://github.com/baozouai/react-mobile-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baozouai%2Freact-mobile-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baozouai%2Freact-mobile-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baozouai%2Freact-mobile-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baozouai%2Freact-mobile-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/baozouai","download_url":"https://codeload.github.com/baozouai/react-mobile-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252190940,"owners_count":21708984,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["antd-mobile","axios","react","redux","redux-thunk"],"created_at":"2024-11-12T23:20:43.333Z","updated_at":"2025-05-03T12:31:23.694Z","avatar_url":"https://github.com/baozouai.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 项目简介\n\n本项目是基于React、Antd Mobile、redux、axios的移动端电商App，api文档请见[api文档](./接口文档/api.md)，项目已上线，有兴趣的可预览[UGo Mall ](https://baozouai.github.io/react-mobile-app/)。目前还有许多需要优化的地方，比如性能、体验、UI方面，我会一步步将这些加以改善\n\n## 一、目录结构\n\n```js\n├── README.md\n├── config-overrides.js\n├── package-lock.json\n├── package.json\n├── node_modules\n├── public\n│   ├── favicon.ico\n│   ├── index.html\n│   └── robots.txt\n└── src\n    ├── App.js\n    ├── api\n    │   └── index.js // 请求api总文件\n    ├── assets\n    │   └── imgs\n    │       └── cart_empty.png // 购物车为空图片\n    ├── components\n    │   └── PrivateRoute.js // 私有路由\n    ├── data\n    │   └── citys.js // 城市信息\n    ├── index.js\n    ├── layout\n    │   └── Layout.js // 底部导航栏\n    ├── store\n    │   ├── reducers\n    │   │   ├── CartReducer.js // 存储购物车数据的reducer\n    │   │   ├── UserReducer.js // 存储用户数据的reducer\n    │   │   └── reducer.js // 总reducer\n    │   └── store.js\n    ├── style // 样式\n│   │   ├── cart.css\n│   │   ├── cart.less\n│   │   ├── category.css\n│   │   ├── category.less\n│   │   ├── errorpage.css\n│   │   ├── errorpage.less\n│   │   ├── goodsdetail.css\n│   │   ├── goodsdetail.less\n│   │   ├── home.css\n│   │   ├── home.less\n│   │   ├── index.css\n│   │   ├── mynologin.css\n│   │   ├── mynologin.less\n│   │   ├── orderlist.css\n│   │   ├── orderlist.less\n│   │   ├── pay.css\n│   │   ├── pay.less\n│   │   ├── register.css\n│   │   ├── register.less\n│   │   ├── searchfield.css\n│   │   ├── searchfield.less\n│   │   ├── searchgoods.css\n│   │   └── searchgoods.less\n    ├── upload\n    │   └── avatar.png // 用户头像\n    └── views\n        ├── AddressInfo.js // 地址信息页面\n        ├── Cart.js // 购物车页面\n        ├── ErrorPage.js // 404页面\n        ├── GoodsDetail.js // 商品详情页面\n        ├── Home.js // 首页\n\t├── Category.js // 商品分类\n        ├── Login.js // 登录页面\n        |—— MyNoLogin.js // 未登录前我的页面\n        ├── My.js // 我的页面\n        ├── OrderList.js // 订单列表页面\n        ├── Pay.js // 支付页面\n        ├── Register.js // 注册页面\n        ├── SearchField.js // 搜索区域页面\n        └── SearchGoods.js // 搜索商品结果页面\n```\n\n## 二、快速安装\n\n### 1、clone到本地\n\n`git clone https://github.com/baozouai/react-mobile-app.git`\n\n### 2、打开终端，`cd react-mobile-app`,切换到项目根目录，在项目根目录运行以下命令\n\n`npm install`，安装所需的依赖\n\n### 3、然后运行`npm start`开启项目\n\n项目默认运行在`http://localhost:3000/`，可自行修改端口\n\n### 4、成功如图\n\n![首页](./项目截图/首页页面.png)\n\n其他请看[项目截图](./项目截图)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaozouai%2Freact-mobile-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbaozouai%2Freact-mobile-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaozouai%2Freact-mobile-app/lists"}