个人项目 SpringBoot 小程序微信小程序校园项目全栈开发 Echarts

关于我在校期间开发了一个小程序，有四千多人使用这件事

夏佳怡2024-04-282025-04-28

背景：一个”不太方便”的官方应用

大学时光，除了课堂学习，总想利用所学技术做点解决实际问题的事情。我们学校（应急管理大学/华北科技学院）查询宿舍空调电量的方式，主要依赖一个官方的App。虽然功能上能满足基本需求，但在用户体验上，确实有些不尽人意。

每次想看一眼还剩多少电，都需要经过好几个页面的跳转和点击，操作路径比较长，对于只想快速了解电量情况的同学来说，显得有些繁琐和低效。作为一个喜欢折腾的技术爱好者，我心里萌生了一个想法：能不能做一个更简洁、更方便的工具呢？

解决方案：我的微信小程序——APIS空调电量查询

基于这个想法，我决定动手开发一个微信小程序。选择微信小程序平台，主要是因为它无需安装、用完即走，非常符合校园场景下快速查询的需求。我给这个项目起名为”APIS”，意为空调电量查询系统 (Air conditioner Power Inquiry System)，核心目标就是提供一个一键式的空调电量查询体验。

主要功能：简洁实用

我围绕核心需求设计了以下几个主要功能：

实时电量查询：
- 打开小程序首页，直接展示当前宿舍绑定的空调实时剩余电量，一目了然。
- 同时会显示近七天的平均用电量，让同学对自己的用电情况有个大致概念。
历史数据可视化：
- 在”图表页”，利用 Echarts 图表库，清晰地展示了近七天的历史电量变化曲线。
- 还提供了近七天每日的耗电量柱状图，帮助同学更直观地分析用电高峰和习惯。
微信便捷登录：
- 用户可以通过微信授权，快速获取头像和昵称完成登录，简化了注册流程。
- 登录后可以绑定自己的宿舍信息，方便后续查询。

页面样图展示

为了更直观地展示效果，以下是小程序当时的几个主要页面截图：

首页	图表	未登录	已登录

技术实现：一次全栈练手

这个项目也成为了我实践全栈开发的一次宝贵经历：

前端 (APIS-WeChat-mini-program): 使用微信小程序原生开发，图表渲染部分集成了强大的 echarts-for-weixin 库，实现了流畅的数据可视化效果。
后端 (APIS-Service): 采用 Java 技术栈，选择了稳定且高效的 SpringBoot 2 框架，配合 Mybatis 进行数据持久化操作，数据库连接池使用了 Druid。

整个开发过程涉及了前后端接口设计、API调用、数据处理、图表渲染、用户认证等多个环节，对我来说是一次非常全面的技术锻炼。