预览地址:https://mall.cxmmao.com/h5/
接口文档:https://mall.cxmmao.com/cat-mall-api-doc/
体验账号:[email protected],123456,支付密码:123456
(ps: 此账号是真实的邮箱,要用到验证码的地方还是要自己注册一个账号哦)
这是一个基于vue.js实现的电商项目,模拟了整一个购物流程。从注册到登录、挑选商品、加入购物车、编辑收货地址、下单、修改个人信息等等功能。此项目的初衷是为前端初学者提供一个项目参考,此项目包含了前后端以及接口文档,初学者可以用此项目练练手~~
- vue全家桶
- vant
- scss
- axios(深度封装)
- node.js
-
注册
-
登录与登出
-
商品价格的筛选与排序
-
查看商品详情
-
实现看了又看功能
-
加入购物车
-
设置支付密码
-
收货地址的添加、修改、删除
-
下单
-
查看历史支付订单
-
短评
-
评论
-
修改个人信息,如修改昵称、更换头像
https://github.com/ccxm/pet-mall-h5.git
cd pet-mall-h5
npm i
npm run serve
- 注册与登录
- 首页
- 详情页
- 下单页
- 支付页
- 订单列表页
- 写评论
- 分类页
- 购物车
- 个人中心
- 收货地址
- 设置密码
觉得写得还不错的记得给个star哦,持续更新~