基于Vue + SpringBoot实现的前后端分离的商城项目,包含秒杀模块(毕设)

本项目前后端分离,前端基于Vue+Vue-router+Vuex+Element-ui+Axios,后端基于SpringBoot +Redis+ RabbitMQ + MySQL实现。

实现了用户注册与登录商城首页展示商品分类展示商品详情页购物车订单结算我的收藏等功能。

并在原作者的基础上添加了商品秒杀部分。

后端接口全部采用Resultful风格,因此前端接口以及部分内容也有修改。

项目已部署

商城: http://47.95.254.97:8080/

技术栈

  • 前端:Vue+Vue-router+Vuex+Element-ui+Axios
  • 后端:SpringBoot +RedisRabbitMQ
  • 数据库:Mysql

功能实现

  •  用户注册与登录
  •  商品首页展示
  •  商品分类列表展示
  •  商品详情页
  •  购物车
  •  订单结算
  •  我的收藏
  •  我的地址
  •  秒杀商品
  •  商品支付
  • 后台管理系统

运行项目

前端运行

1. Project setup

cd vue-store
npm install

2. Compiles and hot-reloads for development

npm run serve

3. Compiles and minifies for production

npm run build

后端运行

1. 修改application.yml文件中的mysql、redis、rabbitmq的地址
2. 运行SpringBoot项目



页面截图

秒杀

基于Vue + SpringBoot实现的前后端分离的商城项目,包含秒杀模块(毕设)_第1张图片

首页

全部商品

基于Vue + SpringBoot实现的前后端分离的商城项目,包含秒杀模块(毕设)_第2张图片

购物车

我的收藏

基于Vue + SpringBoot实现的前后端分离的商城项目,包含秒杀模块(毕设)_第3张图片

我的订单

基于Vue + SpringBoot实现的前后端分离的商城项目,包含秒杀模块(毕设)_第4张图片

登录

注册

基于Vue + SpringBoot实现的前后端分离的商城项目,包含秒杀模块(毕设)_第5张图片


后台





基于Vue + SpringBoot实现的前后端分离的商城项目,包含秒杀模块(毕设)_第6张图片

基于Vue + SpringBoot实现的前后端分离的商城项目,包含秒杀模块(毕设)_第7张图片

基于Vue + SpringBoot实现的前后端分离的商城项目,包含秒杀模块(毕设)_第8张图片 需要的同学可以联系博主哦!点赞关注

你可能感兴趣的:(毕业设计,Springboot,Web学习,java,tomcat,maven,spring,javascript)