Bootstrap

基于 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 
;