基于 Node.js 的天气查询系统实现(附源码)
项目概述
这是一个基于 Node.js 的全栈应用,前端使用原生 JavaScript 和 CSS,后端使用 Express 框架,通过调用第三方天气 API 实现天气数据的获取和展示。
主要功能
-
默认显示多个主要城市的天气信息
-
支持城市天气搜索
-
响应式布局设计
-
深色主题界面
-
优雅的加载动画
技术栈
-
后端:Node.js + Express
-
前端:HTML5 + CSS3 + JavaScript
-
HTTP 客户端:Axios
-
API:天气 API (v1.yiketianqi.com)
项目结构
weather-cli/
├── src/
│ ├── config/
│ │ └── config.js # 配置文件
│ ├── services/
│ │ └── weatherService.js # 天气服务
│ ├── public/
│ │ ├── img/ # 天气图标
│ │ └── index.html # 前端页面
│ └── index.js # 服务器入口
├── .env # 环境变量
├── .gitignore
└── package.json
实现步骤
1. 项目初始化
mkdir weather-cli
cd weather-cli
npm