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

系统介绍

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

技术栈

• React 18+

• TypeScript

• Tailwind CSS

• Vite

• React Router

功能特点

• 🏠 简洁的卡密商城界面

• 🔧 完整的后台管理功能

• 💳 支持自定义收款码

• 📱 响应式设计，支持移动端和PC端

• 🌓 支持明暗主题切换

• 📊 数据概览统计

• 📤 数据导出功能

• 🔐 管理员密码保护

部署指南

前置要求：Node.js 16+ 和 pnpm 包管理器。构建步骤：执行 pnpm install 安装依赖，然后 pnpm build 生成 dist 目录。将 dist 目录中的文件上传到服务器根目录，确保服务器支持PHP 7.4+（用于处理路由问题）。Apache使用自带.htaccess，Nginx需配置try_files规则。

使用说明

管理员登录默认密码 admin123，登录后请立即修改。后台可管理卡密商品（添加、编辑、删除，为商品添加卡密）、订单查看与审核、上传支付宝/微信收款码、配置客服QQ、设置邮件发送（模拟模式）、修改密码及导出数据备份。

注意事项

系统使用localStorage存储，数据仅保存在浏览器本地。如需持久化，建议开发后端API。邮件发送默认模拟，真实发送需配置邮件服务器。部署虚拟主机需PHP 7.4+。

开发说明

二次开发可使用 pnpm dev 启动开发服务器。

版权信息

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