共计 670 个字符，预计需要花费 2 分钟才能阅读完成。
### 前端功能
1. 首页：显示欢迎信息和下单入口
2. 自助下单：选择商品、数量，输入 QQ 邮箱，进行支付
3. 订单查询：通过 QQ 邮箱查询已完成订单和卡密信息
4. 后台管理：
– 内容管理：配置页面标题、按钮文字、收款码等
– 商品管理：添加 / 编辑 / 删除商品分类和商品
– 订单管理：处理用户订单，分配卡密
– 安全设置：修改管理员账号密码
### 后端 API
– `/content`: 获取前端配置内容
– `/products`: 获取商品分类和商品信息
– `/orders`: 订单管理（创建、查询）
– `/auth`: 管理员认证
## 注意事项
1. 在生产环境中，请务必修改默认的管理员账号和密码
2. 定期备份 `app.db` 数据库文件以防数据丢失
3. 对于大型应用，建议考虑使用更强大的数据库系统如 MySQL
4. 前端应用在开发模式下使用 localStorage 存储数据，部署时需要修改为使用 PHP API
## 常见问题解决
### 前端问题
– 无法访问页面：检查 Node.js 版本和依赖安装是否正确
– 功能异常：查看浏览器控制台的错误信息
### 后端问题
– API 返回 404：检查 URL 路径和服务器配置
– 数据库错误：确保 PHP 有正确的文件权限
– 跨域问题：检查 CORS 配置
## 部署到服务器
1. 在服务器上安装必要的环境（PHP、Web 服务器）
2. 部署 PHP API 到服务器
3. 构建 React 前端应用并部署到服务器
4. 配置 Web 服务器（Apache/Nginx）指向前端构建目录
5. 设置适当的文件权限
6. 测试整个系统是否正常工作
