Taro-based-Hotel-Reservation-Mini-Program

这是一个基于 Taro 框架开发的前端微信小程序项目，包含酒店查询页面、酒店列表页面、酒店详情页面。

项目结构

my-ctrip-formal
|-- src                          # 业务源码
|   |-- app.js                   # 应用入口（初始化、全局逻辑）
|   |-- app.config.js            # 全局配置（Taro 路由/页面注册等）
|   |-- app.scss                 # 全局样式
|   |-- index.html               # H5 构建用模板（小程序不使用）
|   |-- mockData.js              # 本地模拟数据
|   |-- components               # 可复用组件
|   |   \-- CalendarModal        # 日历弹窗组件
|   |       |-- index.jsx        # 组件逻辑/结构
|   |       \-- index.scss       # 组件样式
|   |-- pages                    # 页面级代码（路由页面）
|   |   |-- index                # 首页
|   |   |   |-- index.config.js  # 页面配置（标题/导航栏等）
|   |   |   |-- index.jsx        # 页面逻辑/结构
|   |   |   \-- index.scss       # 页面样式
|   |   |-- list                 # 酒店列表页
|   |   |   |-- index.jsx
|   |   |   \-- index.scss
|   |   \-- detail               # 酒店详情页
|   |       |-- index.jsx
|   |       \-- index.scss
|-- config                       # 构建环境配置
|   |-- index.js                 
|   |-- dev.js                   
|   \-- prod.js                  
|-- .env.example                 
|-- .env.development             
|-- .env.production              
|-- .env.test                    
|-- babel.config.js              
|-- package.json                 
|-- project.config.json          
|-- project.private.config.json  
\-- README.md                    

🚀 快速上手

请按照以下步骤在本地运行项目：

1. 克隆代码

使用 Git 将项目下载到本地：

git clone https://github.com/qingning7/Taro-based-Hotel-Reservation-Mini-Program.git 文件夹名
cd 文件夹名

2. 安装依赖

由于源代码不包含 node_modules，在使用前必须安装依赖（建议使用 Node.js 16+）：

npm install
# 或者使用 yarn
# yarn install

3. 编译项目

运行编译命令，将 Taro 源代码转换为微信小程序可识别的代码：

开发模式 (推荐)：具备热更新功能，修改代码后工具会自动重新编译。

npm run dev:weapp

生产模式：用于最终发布前的打包压缩。

npm run build:weapp

4. 导入微信开发者工具

1. 打开微信开发者工具。

2. 点击 “导入” 按钮。

3. 关键步骤：目录请选择项目根目录下的 dist 文件夹（该文件夹在执行完第3步编译命令后会自动生成）。

说明：

• 请在开发者工具的“详情” -> “基本信息”中，将 AppID 修改为 “测试号”。
• 如果需要体验定位服务，请在项目根目录创建文件.env.development，然后去腾讯地图官网获取地址 api ，并填充在刚刚创建的文件中

 TARO_APP_TENCENT_MAP_KEY=YOUR_KEY