lsinghang / weinihaigou-react

单页面-海淘商城（react版）

weinihaigou-react

单页面-海淘商城（react版）

新增项目视频展示 项目视频展示链接

前言

这次主要是对之前本胖写的单页面 海淘商城做一个系统性的优化。 此项目大大小小共 16 个主体页面，涉及注册、登录、商品详情、购物车、下单、订单、订单详情等等，是一个完整的流程。一般公司即便是官网的单页面项目都没这么复杂，如果这个项目能驾驭的了，相信大部分公司的其他单页面应用也就不在话下，即便更复杂，也不会比这个高到哪里去。

注：此项目纯属个人瞎搞，正常购买请选择唯妮海购官网。

技术栈

react16.0.0 + react-router 4.2.0 + redux 3.7.2

关于 数据接口 的说明

该项目所有接口都来自唯妮海购，如有侵权，请联系本胖。马上删除。

项目运行

git clone https://github.com/lvpangpang/weinihaigou-react.git 

cd weinihaigou-react

npm install
有时候安装依赖后会报错  plantomjs-prebuildt@2.1.15 install 'node install.js'，没关系，也是跑的起来的哈，应该是node版本问题

npm run dev 

如果你用过npm run build 打包出来dist文件夹，想运行里面的index.html,可以安装下面的指令来(注意需要修改api.js里面的const pxy = '/api' 改成const pxy = '';)
npm install http-server
cd dist
http-server -P http://www.weinihaigou.com/

或者本地开一个nginx，配置nginx.conf就行

说明

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

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

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

 如果您不想注册的可以直接用这个账户 用户名 15757135989 密码 123456

吕胖胖的博客 http://www.qdfuns.com/house/15098.html

目标功能

• 登录、注册 -- 完成
• 首页 -- 完成
• 分类 -- 完成
• 搜索 -- 完成
• 搜索结果以及筛选 -- 完成
• 购物车功能 -- 完成
• 商品详情页 -- 完成
• 商家详情页 -- 完成
• 登录、注册 -- 完成
• 个人中心 -- 完成
• 下单功能 -- 完成
• 订单列表 -- 完成
• 订单详情 -- 完成
• 添加、删除、修改收货地址 -- 完成
• 付款 -- 不过最好不要在这里付款哈

部分截图