# react-weather

**Repository Path**: chl123456/react-weather

## Basic Information

- **Project Name**: react-weather
- **Description**: 基于React开发的天气查询系统，集成高德地图API实现城市天气查询功能，支持省市区三级联动选择，提供7天天气预报展示，包含实时温度、天气状况、风力湿度等信息。

- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-01
- **Last Updated**: 2025-04-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React天气查询系统

## 项目概述
基于React开发的天气查询系统，集成高德地图API实现城市天气查询功能，支持省市区三级联动选择，提供7天天气预报展示，包含实时温度、天气状况、风力湿度等信息。

## 项目样例UI
![Alt text](description.jpg)

## 功能特点
1. 级联选择城市（省市区三级联动）
2. 实时天气数据展示
3. 7天天气预报列表
4. 温度范围显示（夜间/白天）
5. 加载状态提示与错误处理
6. 点击查看详细天气信息

## 技术栈
- **前端框架**：React 18+
- **UI组件**：Ant Design 5+
- **样式方案**：Less
- **数据请求**：高德地图开放平台API
- **状态管理**：React Hooks (useState/useEffect)

## 安装与运行
```bash
# 克隆项目
git clone https://gitee.com/chl123456/react-weather.git

# 安装依赖
npm install

# 运行项目
npm start

#访问
http://localhost:9002/#/

## 构建部署
npm run build

```
## 备注
由于高德接口限制，目前只能支持调用4天的天气数据