2026个人发卡网系统.不需要支付接口

## 系统介绍

这是一个基于React开发的个人发卡网络系统，可用于销售和管理各种卡密。该系统支持卡密商品管理、订单管理、收款码管理等功能，所有数据都使用localStorage存储，无需后端数据库的支持。

## 技术栈

– React 18+

– TypeScript

– Tailwind CSS

– Vite

– React Router

## 功能特点

– 🏠 简单的卡密商城界面

– 🔧 完整的后台管理功能

– 💳 支持自定义收款码

– 📱 支持移动端和PC端的响应式设计

– 🌓 支持明暗主题切换

– 📊 数据概览统计

– 📤 数据导出功能

– 🔐 管理员密码保护

## 部署指南

### 前置要求

– Node.js 16+

– pnpm 包管理器

### 构建步骤

1. 克隆或下载项目代码

2. 安装依赖：

“`bash

pnpm install

“`

3. 构建项目：

“`bash

pnpm build

“`

4. 施工完成后，`dist`目录中的文件是可部署的静态文件

### 上传到服务器

1. 将`dist`将目录中的所有文件上传到您的Web服务器根目录

2. 确保服务器支持PHP 7.4+(用于处理路由问题)

3. 如果您使用Apache服务器，`.htaccess`文件将自动处理路由重写

4. 如果您使用Nginx服务器，您需要配置相应的try_files规则

## 使用说明

### 管理员登录

– 默认密码：`admin123`

– 登录后请立即修改密码，以确保安全

– 登录入口：网站首页右上角“管理登录”

### 卡密管理

– 卡密商品可在后台管理界面添加、编辑和删除

– 多个卡密可以添加到每个商品中

– 系统将自动跟踪卡密的使用状态

### 订单管理

– 查看所有订单记录

– 审查待处理的订单

– 完成或拒绝标记订单

### 收款码管理

– 上传支付宝、微信等收款二维码

– 特定的收款码可以启用或禁用

### 系统设置

– 配置客服QQ

– 设置邮件发送功能(用于发送卡密)

– 修改管理员密码

– 导出系统数据备份

## 注意事项

1. 该系统使用localStorage存储数据，数据仅存储在浏览器本地

2. 如果需要更强的数据持久性，建议开发相应的后端API

3. 默认情况下，电子邮件发送功能采用模拟模式。如果您需要真正发送，请配置电子邮件服务器信息

4. 当部署到虚拟主机时，确保PHP版本不低于7.4

## 开发说明

如需二次开发，可使用以下命令启动开发服务器：

“`bash

pnpm dev

“`

## 版权信息

本系统仅供学习和个人使用，请勿用于商业目的。