系统简介

这是一个基于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+。

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

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。