【源码】基于Spring Boot和Vue的虚拟商店管理系统

项目简介

本项目是一个基于Spring Boot和Vue框架构建的全栈虚拟商店管理系统（VStore），采用前后端分离架构，提供高效、灵活的虚拟商店管理功能，具备完善的用户权限管理、商品管理、订单管理等。

项目的主要特性和功能

1. 用户管理：可对用户信息进行增删改查操作。
2. 权限管理：借助Spring Security实现细粒度权限控制，确保不同角色用户访问对应资源。
3. 商品管理：支持商品的添加、编辑、删除和查询，具备商品分类和属性管理功能。
4. 订单管理：可创建、查询、修改和删除订单，能跟踪和管理订单状态。
5. 前后端分离：前端使用Vue框架，后端使用Spring Boot框架，通过RESTful API交互数据。
6. 分页查询：提高大数据量查询效率。
7. 日志记录：集成日志系统，记录关键操作和异常信息。

安装使用步骤

1. 环境准备

确保安装以下软件： - JDK 1.8 或更高版本 - Maven 3.x - Node.js 12.x 或更高版本 - Yarn 或 npm - MySQL 5.7 或更高版本 - Nginx

2. 数据库配置

1. 创建数据库： sql CREATE DATABASE vstore;
2. 导入初始数据： bash mysql -u username -p vstore < vstore/doc/vstore.sql

3. 后端配置

1. 复制项目代码。
2. 进入项目目录： bash cd vstore/vstore-project
3. 配置数据库连接： 编辑 vstore-web/src/main/resources/application.yml 文件，修改数据库连接信息： yaml spring: datasource: url: jdbc:mysql://localhost:3306/vstore username: yourusername password: yourpassword
4. 启动后端服务： 在IDE中运行 com.vstore.Application 类的 main 方法，或使用Maven命令： bash mvn spring-boot:run

4. 前端配置

1. 进入前端项目目录： bash cd vstore/vstore-ui
2. 安装依赖： bash yarn install
3. 启动前端服务： bash yarn start

5. 配置Nginx

编辑Nginx配置文件，添加如下配置： ```nginx upstream store_ui { server 127.0.0.1:8601; }

upstream store_web { server 127.0.0.1:8003; }

server { listen 8004; server_name localhost; root /; index index.html;

location / {
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Headers X-Requested-With,token;
    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
    proxy_pass_header Server;
    proxy_set_header Host $http_host;
    proxy_redirect off;
    proxy_connect_timeout 60s;
    proxy_read_timeout 5400s;
    proxy_send_timeout 5400s;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Scheme $scheme;
    proxy_pass http://store_ui;
}

location /vstore/loginAjax {
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Headers X-Requested-With,token;
    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
    proxy_pass_header Server;
    proxy_set_header Host $http_host;
    proxy_redirect off;
    proxy_connect_timeout 60s;
    proxy_read_timeout 5400s;
    proxy_send_timeout 5400s;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Scheme $scheme;
    proxy_pass http://store_ui/;
}

location /vstore {
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Headers X-Requested-With,token;
    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
    proxy_pass_header Server;
    proxy_set_header Host $http_host;
    proxy_redirect off;
    proxy_connect_timeout 60s;
    proxy_read_timeout 5400s;
    proxy_send_timeout 5400s;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Scheme $scheme;
    proxy_pass http://store_web/vstore;
}

} ```

6. 启动应用

启动Nginx服务，访问 http://127.0.0.1:8004/，系统将显示登录页面。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】