数码宝典
柔彩主题三 · 更轻盈的阅读体验

用手机App让学校垃圾分类活动更有趣

发布时间:2025-12-13 04:30:40 阅读:0 次

最近我们学校搞起了垃圾活动,一开始大家都不太上心,垃圾桶前还是乱扔一气。直到班里有个同学开发了个小程序,情况立马变了。

一个扫码功能,让分类变简单

他做的这个应用叫“分得清”,界面很简单,首页就是个大大的扫码按钮。学生拿手机对着垃圾袋上的标签一扫,立刻弹出这是什么垃圾,该投哪个桶。像奶茶杯、外卖盒这种容易搞混的,再也不用猜了。

有次小林拿着吃完的泡面碗纠结半天,是厨余还是其他垃圾?一扫码,提示要先倒残渣,碗归其他垃圾,叉子单独扔。旁边围观的同学都记住了,比老师讲十遍都管用。

积分换奖品,学生抢着参与

这App还加了积分系统。每天正确分类打卡能攒分,月底排名前三的能换文具、食堂代金券,甚至还有人抽中了新出的游戏皮肤。原本懒洋洋的同学也开始认真翻垃圾桶查投递记录,生怕漏掉一次得分机会。

最狠的是班级排行榜,每班总分实时更新,贴在教学楼大厅的电子屏上。隔壁班一直压我们一头,搞得我们班自发组织了“垃圾分类突击队”,课间轮流去垃圾桶旁指导同学。

代码不复杂,关键在实用

听说那个同学是用uni-app写的,前端加后端一共没超过2000行代码。核心功能就是扫码识别和用户积分记录。

<template>
  <view class="scan-page">
    <button @click="startScan">扫一扫</button>
    <view class="result" v-if="showResult">{{ wasteType }}</view>
  </view>
</template>

<script>
export default {
  data() {
    return { showResult: false, wasteType: '' }
  },
  methods: {
    startScan() {
      uni.scanCode({
        success: (res) => {
          this.fetchWasteType(res.result);
        }
      });
    },
    fetchWasteType(code) {
      uni.request({
        url: 'https://api.fenlaji.com/type',
        data: { code },
        success: (res) => {
          this.wasteType = res.data.type;
          this.showResult = true;
        }
      });
    }
  }
}
</script>

后台数据存在云数据库里,每个学生绑定学号,积分变动实时同步。学校信息中心后来也接入了管理后台,能看各班参与率,还能推送提醒消息。

从应付到习惯,只差一个好工具

以前搞活动全靠贴海报、喊广播,学生左耳进右耳出。现在人人手机里装着“分得清”,随手一扫就搞定,不知不觉养成了习惯。连保洁阿姨都说,最近垃圾桶里混投的少了,分得也比以前准。

技术不一定要多炫,能解决实际问题,让大家愿意用,才是真本事。