# vue-shop-node-sql

**Repository Path**: tangyuanjane/vue-shop-node-sql

## Basic Information

- **Project Name**: vue-shop-node-sql
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-06-06
- **Last Updated**: 2025-06-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-shop-node-sql

## 一.总体设计

聚优商城管理系统的总体设计旨在创建一个高效、可扩展且用户友好的电商管理平台。该系统采用前后端分离的架构，前端使用 Vue.js 框架，后端基于 Node.js 与 Express，通过 axios 进行前后端数据交互，数据库使用 MySQL。

### 1.系统架构

系统主要分为三个层次：表示层、业务逻辑层和数据存储层。  
表示层：采用 Vue.js 构建用户界面，提供丰富的组件和交互效果，使用户能够直观地浏览商品、管理订单及个人信息。用户操作将通过 API 请求与后端进行交互。  
业务逻辑层：使用 Node.js 和 Express 框架处理来自前端的请求，实现核心业务逻辑。系统将定义多个 RESTful API，支持用户管理、商品管理、订单管理和统计功能。  
数据存储层：选择 MySQL 作为数据库管理系统，以其强大的数据管理能力和事务处理能力，确保用户数据和商品信息的安全与一致性。

### 2.技术选型：

前端：Vue.js、Vue Router、Vuex，用于构建单页面应用，提升用户体验。  
后端：Node.js、Express，提供高效的服务器端处理能力。  
数据库：MySQL，负责数据的持久化存储，支持复杂查询。

## 二.系统功能模块设计

### 1.用户管理模块：

用户注册：用户填写注册信息，系统进行数据验证，确保信息的唯一性。  
用户登录：支持用户名和密码登录，验证用户身份，生成 JWT（JSON Web Token）以维持会话。  
信息修改：用户可以在个人中心修改个人信息，包括电话、邮箱和密码。  
角色权限管理：管理员可以对用户角色进行管理，设定不同权限（如普通用户、管理员）。

### 2.商品管理模块：

商品添加：管理员可上传商品图片及填写商品详细信息（如名称、类型、描述、价格、库存）。  
商品编辑：管理员可对已有商品信息进行修改。  
商品删除：管理员可以删除不再出售的商品。  
商品查询：支持按名称、类型等条件查询商品，提升管理效率。

### 3.订单管理模块：

订单生成：用户结算购物车中的商品时，系统自动生成订单，包含商品信息和总金额。  
订单查询：用户与管理员均可查询订单状态，支持按时间、状态等条件筛选。  
订单修改：管理员可以修改订单信息，例如更改发货状态或删除订单。  
订单统计：生成订单报表，展示订单总数和销售额等数据。

### 4.商城统计模块：

关键指标展示：实时展示用户总数、订单总数、产品总数和留言总数等。  
数据可视化：利用图表展示统计数据，便于管理者分析业务状况。

### 5.个人中心模块：

信息管理：用户可以查看和修改个人信息，包括收货地址等。  
订单管理：用户可查看自己的历史订单和当前订单状态。  
购物车管理：用户可以管理购物车中的商品，修改数量或删除商品。

## 三.数据库设计

聚优商城管理系统的数据库设计主要包括以下几个核心表：

### 1.用户表（users）：

字段：user_id (主键，自增), username (唯一), password, email, phone, role  
说明：存储用户的基本信息，支持角色管理。

### 2.商品表（products）：

字段：product_id (主键，自增), name, description, price, stock, image_url, category  
说明：存储商品的详细信息，包括库存管理与图片路径。

### 3.订单表（orders）：

字段：order_id (主键，自增), user_id (外键), total_amount, order_date, status  
说明：记录订单信息，关联用户与商品数据。

### 4.订单详情表（order_items）：

字段：order_item_id (主键，自增), order_id (外键), product_id (外键), quantity, price  
说明：存储每个订单的具体商品信息，支持多商品订单。

### 5.统计表（statistics）：

字段：stat_id (主键，自增), user_count, order_count, product_count, message_count  
说明：用于存储商城的统计信息，定期更新。

#### 启动

1.server: npm run start  
2.前台：index :npm run serve  
3.后台： admin :npm run serve