🏠 房间管理小程序

精致的民宿/酒店房间管理小程序，包含用户端和后台管理系统

打开后台管理 预览小程序

✨ 功能特性

📱 小程序端

🏠

首页轮播

自动播放的轮播图展示

🛏️

房间列表

卡片式展示，支持筛选

📋

房间详情

图片轮播、设施展示

📶

设施标签

WiFi、空调、早餐等

⚙️ 后台管理

📊

数据概览

房间数量、均价统计

🛏️

房间管理

增删改查房间信息

🖼️

轮播图管理

上传、删除、拖拽排序

📷

图片上传

支持多图上传预览

🚀 快速开始

⚠️ 注意：当前页面为静态演示版本。完整运行需要启动后端服务。请按照以下步骤操作：

安装 Node.js

访问 nodejs.org 下载并安装 Node.js（建议使用 LTS 版本）

安装项目依赖

打开终端，进入项目目录，执行以下命令：

# 进入项目目录
cd room-management-miniapp

# 安装依赖
npm install

启动后端服务

安装完成后，启动服务器：

npm start

# 服务启动后访问：
# 后台管理: http://localhost:3000/admin/index.html
# 默认账号: admin / admin123

导入小程序

使用微信开发者工具导入 miniprogram 目录

📁 项目结构

📂 room-management-miniapp/
  ├── 📂 admin/ /* 后台管理前端 */
      ├── 📄 index.html /* 登录页 */
      ├── 📄 dashboard.html /* 数据概览 */
      ├── 📄 room-list.html /* 房间列表 */
      ├── 📄 room-edit.html /* 房间编辑 */
      ├── 📄 banner.html /* 轮播图管理 */
      ├── 📂 css/
      └── 📂 js/
  ├── 📂 miniprogram/ /* 微信小程序 */
      ├── 📂 pages/
          ├── 📂 index/ /* 首页 */
          ├── 📂 room-list/ /* 房间列表 */
          └── 📂 room-detail/ /* 房间详情 */
  ├── 📂 server/ /* 后端服务 */
  ├── 📂 uploads/ /* 上传文件存储 */
  └── 📄 package.json

🛠️ 技术栈

微信小程序 Node.js Express SQLite HTML5/CSS3 JavaScript Multer

🔌 API 接口

方法 路径 描述
GET /api/rooms 获取房间列表
GET /api/rooms/:id 获取房间详情
POST /api/rooms 新增房间
PUT /api/rooms/:id 更新房间
DELETE /api/rooms/:id 删除房间
GET /api/banners 获取轮播图
POST /api/banners 新增轮播图
POST /api/upload 上传图片