高仿小米商城用户端

高仿小米商城用户端(分为商城前端（tongyimall-vue)和商城后端(tongyimall-api)两部分)，是Vue + SpringBoot的前后端分离项目，用户端包括首页门户、商品分类、首页轮播、商品展示、商品推荐、购物车、地址管理、下订单、扫码支付等功能模块。

主要技术栈

前端:vue2 + vue-router + vuex + axios + sass （vue-cli4搭建的）
后端:SpringBoot + MyBatis注解版 + MySQL + redis6

一、功能与版本

    当前版本v1.4.0
    目前项目开发中，存在诸多不足，以下是目前已开发的功能。

V 1.0.0
1，首页轮播图左侧的商品分类弹出框
2，首页轮播图
3，首页顶部商品下拉栏
4，首页品牌列表分类
5，商品详情页
6，购物车

V 1.1.0
1，首页底部增加了推荐商品功能
3，完善了网页底公共栏
4，增加了下单前地址管理，实现了选择省市的二级联动功能
5，订单下单

V 1.2.0
1,首页左侧弹出框后台管理 2,首页商品大类推荐后台管理 3,首页底部推荐后台管理

V 1.3.0
1,引入布隆过滤器 2,完善订单功能 3,首页商品大类引入redis缓存,小米秒杀部分页面做成

V 1.4.0
1,所有商品信息都引入redis缓存

V 1.5.0
1,完成模拟支付功能 2,完成订单超时30分钟取消功能

V 1.6.0
1,引入支付宝扫码支付，需要用沙箱钱包，2,引入事务乐观锁避免超卖问题(库存不足时会提示下单失败) 3,使用监听线程监听，超时30分钟未付款则取消订单，删除数据库中相应表记录，并恢复预减的库存 

 

二、运行环境

    为保证项目能够运行，请至少安装好以下运行环境：

• 1、Maven(项目对象模型，可以通过一小段描述信息来管理项目的构建，报告和文档的项目管理工具软件
  )
• 2、MySQL 8.0+版本
• 3、Node环境
• 4、JDK1.8
• 5、Redis

三、快速启动

1、前端部分

git clone https://github.com/ZTY18873242003/tongyimall    //下载到本地

cd /高仿小米商城前端    //进入到前端目录

npm install          // 安装项目依赖(需要电脑上装有Node环境)，等待安装完成之后，安装失败可用 cnpm 或 yarn


npm run serve        // 开启服务器，浏览器访问 http://localhost:8080


npm run build        // 执行构建命令，生成的dist文件夹放在服务器下即可访问

2、后端部分

使用root用户权限在本地新建名为xiaomi的mysql数据库,可在 /高仿小米商城后台/src/main/resources/application.yml文件中修改密码

cd /高仿小米商城后台    //进入到后端目录

使用数据库管理工具(如Navicat)运行xiaomi.sql脚本文件(用户端也是这个数据库),或复制其中内容在命令行执行

打开IDEA或者Eclipse 运行 高仿小米商城后台/src/main/java/com/zty/xiaomiadmin/server/ServerApplication.java文件，默认是8080端口

四、商城部分界面(可参考小米官网，很多界面类似)

1、商品分类及轮播图 

 2、商品细节图 

 3、登录注册模块

 4、购物车模块

 5、地址管理 

 6、商品推荐 

 7、订单模块