语萌天气系统产品系统Vibe Coding

语萌天气系统是一套面向气象信息展示、地图可视化与企业后台管理的综合性平台，旨在解决传统天气系统数据展示单一、地图交互能力不足、系统管理分散以及资源管理效率低的问题。项目结合气象行业与智慧城市业务场景，围绕实时天气监测、气象预警、地图分析、资源上传管理及多端协同等需求展开建设，为用户提供统一的数据展示与业务管理平台，同时满足后台管理、实时通信、文件资源管理及可视化分析等行业应用需求。

项目主要包含天气数据展示、地图可视化、系统管理、资源管理以及移动端辅助功能等多个核心模块。在天气功能方面，支持实时天气、天气预报、降水温度湿度等气象数据展示，并集成雷达图、卫星云图、台风路径及气象预警等专业气象能力；地图模块基于 Leaflet 与高德地图实现多图层切换、天气数据可视化、站点分布、粒子动画及地图交互功能；系统管理模块包含用户、角色、菜单、部门、字典、日志、通知及权限控制等完整后台能力；资源管理模块支持本地上传、扫码上传、网络上传、文件分类、图片视频预览及文件管理；同时项目还支持国际化、主题切换、WebSocket 实时推送、AI 接口扩展以及移动端扫码上传等功能，整体具备较强的扩展性与企业级应用能力。

我主要负责前后端整体架构设计与核心功能开发，包括 Vue3 前端系统搭建、NestJS 后端服务开发、地图可视化功能实现、文件上传管理模块设计以及系统权限体系建设。前端采用 Vue3 + TypeScript + Vite + Pinia + Element Plus 技术栈，结合 ECharts、Leaflet、高德地图等实现天气数据与地图可视化展示；后端基于 NestJS + MongoDB + Mongoose 构建，使用 JWT 实现认证授权，并结合 Multer 完成大文件上传、文件分类存储与资源管理功能。项目实现过程中重点解决了地图数据渲染、实时 WebSocket 消息推送、多模块状态管理、大文件上传性能优化以及权限动态路由控制等技术难点，同时通过模块化架构与组合式 API 提升了系统可维护性与扩展能力。