項目概述
這是一個基于 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