Optimizes prompts for building…

# 民宿预订网站开发方案（React + Node.js）

一、技术选型

• 前端：React 18 + React Router（页面路由）+ Axios（请求）+ Ant Design / Tailwind CSS（UI组件）
• 后端：Node.js + Express 框架 + MySQL（房源/订单数据）
• 支付：微信支付 Native 或 JSAPI 支付（需企业资质）
• 部署：阿里云 ECS + Nginx 反向代理 + PM2 进程守护

二、核心功能模块

1. 房源展示（50套）

• 房源数据表设计：名称、位置、价格（区间定价）、图片、设施、可约日期
• 首页卡片式列表 + 分页/懒加载，图片存阿里云 OSS
• 房源详情页：图集轮播、评价、日历选择

2. 按日期搜索

• 前端：日期范围选择器（如 antd DatePicker）
• 后端逻辑：查询订单表，排除与已预订日期区间重叠的房源（核心SQL条件：入住日 < 已有订单退房日 且 退房日 > 已有订单入住日）
• 支持「日期 + 关键词 + 价格区间」组合筛选

3. 微信支付下单

• 流程：选日期 → 生成订单（待支付，锁定15分钟）→ 调用微信统一下单API → 前端展示二维码或唤起支付 → 微信回调验签 → 更新订单状态
• 前提条件：需要企业营业执照开通微信商户号；个人开发者可先用支付宝沙箱或模拟支付过渡
• 注意处理：回调幂等、超时未支付自动取消订单（定时任务）

三、开发步骤建议

1. 设计数据库（房源表、订单表、用户表、日期锁定逻辑）

2. 后端搭Express接口：房源CRUD、可用性查询、订单创建

3. 前端页面：首页列表、详情页、搜索栏、订单确认、支付结果页

4. 联调微信支付（沙箱环境测试）

5. 部署上线

四、部署要点

• 购买阿里云 ECS（入门可用2核4G区间配置）+ 备案域名 + 免费 SSL 证书（支付接口必须 HTTPS）
• 前端打包后由 Nginx 托管，API 走 /api 反向代理到 Node 服务
• 用 PM2 守护 Node 进程，MySQL 定期备份

五、工作量预估

• 个人开发者全职开发：基础版约2-4周；含后台管理、评价系统等约1-2个月
• 建议先做 MVP（展示+搜索+下单），再迭代运营功能

如需某模块（如防超订SQL、支付回调代码）的详细实现，可以继续问我。