小米有品商城

前言

本项目是由 React + Egg.js 进行搭建的。此项目涉及的功能还是比较多的，登录，商品详情、购物车、购物车下单、立即购买、个人中心、订单管理、地址管理、以及支付宝付款等。

注：此项目纯属个人学习用途，正常购买请选择小米有品官网。

技术栈

react17.0.2 + react-router5.2.0 + react-redux7.2.4

访问地址

https://mall.weikill.club

关于 数据接口 的说明

该项目所有接口都来自小米有品，接口是由 Egg.js 进行开发的，项目文件有需要的联系。不收费

关于 后台管理 的说明

由于时间问题，后台管理系统还在完善中，请持续关注此项目，或联系我，有新的进度第一时间知道。

项目运行

git clone https://github.com/huaungwj/xiaomiyoupin-mall.git

cd xiaomiyoupin-mall

npm install

npm run dev 

说明

如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^

或者您可以 "follow" 一下，我会不断开源更多的有趣的项目

如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍

注册功能暂时没做开放，账号和密码默认有写，直接登录就好了

博客 http://49.233.14.172:81/

目标功能

• 登录
• 首页
• 分类
• 搜索
• 搜索结果
• 购物车功能
• 商品详情页
• 个人中心
• 下单功能
• 订单列表
• 订单详情
• 订单分类
• 添加、删除、修改收货地址
• 付款 - 付款功能只做参考，请别付款

联系:

📮邮箱： [email protected]

微信: hwj685218

请联系我：提交bug，功能要求，提交补丁，加入邮件列表，得到通知。

更新日志

• 2021-12-20 项目初步成型

项目依赖

{
   "lodash": "^4.17.21",
    "md5": "^2.3.0",
    "moment": "^2.29.1",
    "prop-types": "^15.7.2",
    "qr.js": "^0.0.0",
    "qs": "^6.10.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-hot-loader": "^4.13.0",
    "react-redux": "^7.2.4",
    "react-router": "^5.2.0",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.3",
    "react-sticky": "^6.0.3",
    "redux-devtools-extension": "^2.13.9",
    "redux-thunk": "^2.3.0",
    "swiper": "^6.5.8",
    "antd": "^4.15.2",
    "axios": "^0.21.1",
    "@craco/craco": "^6.1.2",
}

项目截图

首页

​

商品详情

购物车

确认页

支付页

订单管理

订单详情

地址管理

添加地址

登录