# meituan-shop **Repository Path**: codeslayer/meituan-shop ## Basic Information - **Project Name**: meituan-shop - **Description**: 基于vue2.x+vuex+vue-router+vantUI搭建的一个美团优选的项目 - **Primary Language**: Unknown - **License**: MulanPSL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2022-06-09 - **Last Updated**: 2023-04-21 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # meituan-shop #### 介绍 项目背景：主要开发的是类似于美团买菜购物的APP，相比传统的购物买菜方式，用户只需到网上下单，到达自提点提货即可 功能一：这个项目是用户如果未登录只能查看首页，所以必须先登录，可以使用验证码和密码进行登录，用户可在注册后登录并且实名认证之后买东西，类似于传统电商项目，可以在首页查看各种商品分类，并且在详情页可以查看到商品详情，查看后可以继续选择购买商品，可以先在首页领取优惠券，后在我的页面里查看优惠券的种类，如果用户继续购买，然后跳转到支付页面，在支付时候可以使用优惠券进行减免，支付成功后用户可以在我的订单查看已购买的商品，并且同时用户选择购买的商品会在购物车中消失，如果用户在支付订单时选择了取消支付，那么同样用户选择购买的商品会在购物车中消失。 功能二：用户在首页可以根据用户的经纬度查看到离用户最近的商品自提点信息，并且可以在购物时选择其他线下自提点 功能三：用户购物时可以对购物车的商品进行增删，也可以全选去支付 功能四：这是一个单独的功能模块，用户在休闲购物之时可以查看某些商品的菜谱的做法，并且对该菜谱进行收藏，如果收藏成功，即可在我的页面查看菜谱收藏里看到收藏的信息，同样也可以取消收藏 功能五：每天商家会发布最新的优惠信息，用户可在我的页面里面的消息按钮里查看最新的优惠信息以及物流的进度 功能六：用户可以选择购买省钱卡，在购物时可以减免部分钱 功能七：同样具备了类似社交软件的部分功能，用户可以修改自己的用户名和头像 功能八：如果用户在使用APP中有某些意见及建议，可以在我的页面的意见反馈对我们提交意见及建议 #### 软件架构 ![首页](https://images.gitee.com/uploads/images/2021/1108/202018_0844d5a8_9125358.png "图片1.png") ![详情页](https://images.gitee.com/uploads/images/2021/1108/202039_7079ecdb_9125358.png "图片2.png") ![分类页](https://images.gitee.com/uploads/images/2021/1108/202100_ff69c015_9125358.png "图片3.png") ![菜谱页](https://images.gitee.com/uploads/images/2021/1108/202118_5f9d69ec_9125358.png "图片4.png") ![购物车页](https://images.gitee.com/uploads/images/2021/1108/202132_9509a37b_9125358.png "图片5.png") ![我的页!](https://images.gitee.com/uploads/images/2021/1108/202144_1ca5e27c_9125358.png "图片6.png") ![菜谱详情页](https://images.gitee.com/uploads/images/2021/1108/202215_c9d1dda6_9125358.png "图片7.png") ![我的订单页](https://images.gitee.com/uploads/images/2021/1108/202235_9dce724c_9125358.png "图片8.png") ![消息中心页](https://images.gitee.com/uploads/images/2021/1108/202248_be424e2e_9125358.png "图片9.png") ![自提点页](https://images.gitee.com/uploads/images/2021/1108/202302_3e94cad4_9125358.png "图片10.png") #### 安装教程 1. npm install 2. npm run serve 3. 进入dbserver的终端 npm install => npm run server #### 使用说明 1. 前端技术栈 ：Vue Vuex Vue-router Axios VantUi LocalStroage dbserver Vue-cli 2. 因为登录有权限认证，所以提供默认登录用户名：15235396837（root账户） 密码：396837 #### 参与贡献 1. coder qhl 2. coder wr 3. coder cx 4. coder lzy #### 特技 1. 模仿美团优选制作的一个vue+vant的移动端项目 2. 用户可以进行注册登录，或者使用验证码登录 3. 用户可以在首页加入购物车或直接购买商品 4. 购买成功后可选择距离自己最近的自提点提货 5. 用户可以更换头像和昵称 6. 用户不想购买时可以取消订单