# 仿淘宝购物商城（Vue+SpringBoot）

**Repository Path**: x419268059/vue-springboot-shopping-mall

## Basic Information

- **Project Name**: 仿淘宝购物商城（Vue+SpringBoot）
- **Description**: 这是一个基于Vue和SpringBoot的仿淘宝购物商城
- **Primary Language**: Java
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 98
- **Forks**: 8
- **Created**: 2023-03-12
- **Last Updated**: 2025-07-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: SpringBoot, Vue

## README

# Vue-Springboot Shopping Mall

### 介绍

这是一个基于Vue和SpringBoot的购物商城，基本覆盖了商家端和卖家端的基本功能。

### B站教程

_商城简介_：https://www.bilibili.com/video/BV1Tz421R7H6

_项目安装教程_：https://www.bilibili.com/video/BV1wFfSYPEdy

_项目bug修复_：https://www.bilibili.com/video/BV1JtV6zYEhP

### 相关云文档

_安装_：https://hxd8a4ywn7p.feishu.cn/docx/OM5QdNN79o0MFexdfMnc3pCMnSd?from=from_copylink

_bug fix_：https://hxd8a4ywn7p.feishu.cn/docx/EDwydKue4ohdhPxJ4RLcekKcnTc?from=from_copylink

### 系统预览图

![登录页](./preview/login.png)

![商城主页](./preview/shopIndex.png)

![商品详情页](./preview/shop.png)

![购物车](./preview/shopCart.png)

![管理页面](./preview/manage.png)

![商品详情编辑](./preview/itemDetail.png)

![联系客服](./preview/message.png)

### 软件架构

前端采用了Vue2框架，所以需要提前安装npm


后端采用了SpringBoot框架

### 安装教程

1. 将项目下载到本地，使用idea打开
2. 更新pom依赖文档，下载SpringBoot依赖，确保后端可以运行
3. **进入vue文件夹**，命令：`cd vue`
4. 使用node.js里面的 `npm i` 命令下载Vue相关依赖
5. MySQL版本5.7，新建名为springboot-vue的数据库，然后导入sql文件

### 使用说明

1. 环境搭好之后使用idea直接运行RunApp启动类,打开后端，端口为9090
2. 进入vue文件夹，`cd vue`
3. 在命令行输入`npm run sever`打开vue前端
4. 点击命令行弹出的相关链接，就可以进入本项目
5. 默认用户名：admin 密码：123进入