基于stm23的智慧宿舍系统 (DAY10)_小程序

好久没记录开发进度了,今天小程序差不多开发完了,UI这块算是比较常见了,主要功能是能连接onenet查看设备上传的数据,同时也能对设备进行一些控制下面是几个主要的函数,功能比较简单

复制代码
wx.request({
      url: `${apiBaseUrl}/thingmodel/query-device-property?product_id=${productId}&device_name=${deviceName}`,
      method: "GET",
      header: {
        'Authorization': authInfo
      },
      success: (res) => {
        // 打印接收到的数据到控制台
        console.log(res.data);

        // 提取温度值(TEMP)
        const temperatureData = res.data.data.find(item => item.identifier === 'TEMP');
        const humidityData = res.data.data.find(item => item.identifier === 'HUM');
        const gasConcentration = res.data.data.find(item => item.identifier === 'PPM');
        //console.log("当前温度:", temperature);  // 打印温度值

        // 更新设备属性值数据  
        this.setData({
          ambienTem: temperatureData.value,
          ambienHum: humidityData.value,
          CO2: gasConcentration.value
        });
      },

下面展示一下小程序的UI

支持基于stm32的智慧宿舍这个题目开发的差不多了,有需要这个项目的可以联系我

相关推荐
mg66825 分钟前
微信小程序入门实例_____打造你的专属单词速记小程序
微信小程序·小程序
程序员陆通32 分钟前
Vibe Coding开发微信小程序实战案例
微信小程序·小程序·notepad++·ai编程
「、皓子~1 小时前
后台管理系统的诞生 - 利用AI 1天完成整个后台管理系统的微服务后端+前端
前端·人工智能·微服务·小程序·go·ai编程·ai写作
nbsaas-boot1 小时前
[特殊字符] 分享裂变新姿势:用 UniApp + Vue3 玩转小程序页面分享跳转!
小程序·uniapp·notepad++
老A技术联盟1 小时前
从小白入门,基于Cursor开发一个前端小程序之Cursor 编程实践与案例分析
前端·小程序
you45801 小时前
小程序学习笔记:使用 MobX 实现全局数据共享,实例创建、计算属性与 Actions 方法
笔记·学习·小程序
风铃喵游2 小时前
构建引擎: 打造小程序编译器
前端·小程序·架构
说私域2 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的抖音渠道力拓展与多渠道利润增长研究
人工智能·小程序·开源
linweidong2 小时前
物联网MQTT协议与实践:从零到精通的硬核指南
物联网·mqtt·websocket·嵌入式·iot·tdengine·工业物联网
Despacito0o2 小时前
ESP32-s3摄像头驱动开发实战:从零搭建实时图像显示系统
人工智能·驱动开发·嵌入式硬件·音视频·嵌入式实时数据库