Git Product home page Git Product logo

zty18873242003 / tongyimall Goto Github PK

View Code? Open in Web Editor NEW
114.0 1.0 32.0 1 MB

高仿小米商城用户端,是Vue + SpringBoot的前后端分离项目,包括首页门户、商品分类、首页轮播、商品展示、购物车、地址管理等部分。管理端在另一个仓库。

JavaScript 3.87% HTML 0.18% Vue 60.81% SCSS 1.82% Java 33.33%
mysql mybatis springboot2-x vuecli4 idea java-8 shopping-cart shopping jwt-token axios vue-cli vue css maven token rsa druid redis

tongyimall's Introduction

tongyimall

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

主要技术栈

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

一、功能与版本(在线演示地址:www.tongyi.site)

    当前版本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,引入支付宝扫码支付,需要用沙箱钱包,详细见:https://opendocs.alipay.com/open/194/106078 2,引入事务乐观锁避免超卖问题(库存不足时会提示下单失败) 3,使用监听线程监听,超时30分钟未付款则取消订单,删除数据库中相应表记录,并恢复预减的库存


二、运行环境

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

  • 1、Maven(项目对象模型,可以通过一小段描述信息来管理项目的构建,报告和文档的项目管理工具软件,教程: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、订单模块

五、完整项目地址

    项目目前分为商城端(tongyimall)和管理端(tongyimall-admin)两个部分,我分开放到两个仓库中了。
    商城端:tongyimall
    管理端:tongyimall-admin

tongyimall's People

Contributors

jyw064 avatar zty18873242003 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

tongyimall's Issues

大佬,请教一下,启动报错怎么处理

Error starting ApplicationContext. To display the conditions report re-run your application with 'debug' enabled.
2021-07-29 12:20:56.151 ERROR 202960 --- [ main] o.s.b.d.LoggingFailureAnalysisReporter :


APPLICATION FAILED TO START


Description:

The bean 'goodServiceImp' could not be injected as a 'com.zty.xiaomi.server.Service.Good.GoodServiceImp' because it is a JDK dynamic proxy that implements:
com.zty.xiaomi.server.Service.Good.GoodService

Action:

Consider injecting the bean as one of its interfaces or forcing the use of CGLib-based proxies by setting proxyTargetClass=true on @EnableAsync and/or @EnableCaching.

Process finished with exit code 1

你好

请问 有没有仿小米网站的后台管理的预览地址呢?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.