uniapp 一周快速开发微信小程序物联网项目

文章目录

• 第一天：登录授权
• • 前台
  • 后台
  • 交互
  • bug笔记
  • • vuex.store
    • • 需要熟练掌握
  • 总结
• 第二天：监测站点
• 第三天 实时数据
• 第三天
• • uniapp请求后台数据方式
  • uni.navigateTo 无法跳转到页面
• 第四天
• • • 菜单筛选
• 第五天
• 第六天
• 第七天

第一天：登录授权

https://blog.csdn.net/qq_42783654/article/details/107862585

前台

后台

官网补充

https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html

交互

——————————————————————————————

bug笔记

vuex.store

需要熟练掌握

vuex.store微信小程序踩坑

总结

第二天：监测站点

第三天 实时数据

准备后台访问的数据

{"status":200,"msg":"查询站点数据成功","data":{"total":{"count":"453"},"data":[{"page":1,"limit":10,"_id":"5fd97da4ff88a8b24e7f2331","pointId":"19","pointName":null,"mn":"010000A89756877XU0251035","enterpriseId":null,"enterpriseName":null,"busId":null,"dataTime":null,"dataType":null,"arrayofkeyvalue":{"k":"20201216112400","v":{"碳氢化合物":{"Rtd":"36.6200","Flag":"N"},"烟气温度":{"Rtd":"12.0500","Flag":"N"},"烟气流速":{"Rtd":"12.0900","Flag":"N"},"烟气压力":{"Rtd":"0.0090","Flag":"N"},"甲烷":{"Rtd":"1.0500","Flag":"N"},"烟气湿度":{"Rtd":"2.1500","Flag":"N"},"烟道截面积":{"Rtd":"1.1300","Flag":"N"},"废气":{"Rtd":"49171.9531","Flag":"N"},"非甲烷总烃":{"Rtd":"35.5800","pointFloorval":"0","pointCeilval":"70","Flag":"N"}}},"flag":"d2011_g"}]},"ok":null}

第三天

.踩坑记录

1 uni.navigateTo 无法跳转到页面
2.请求后台数据方式（get请求正常，传参乱码，后面解决办法就是前台传个对象，后台又对象接收

uniapp请求后台数据方式

封装的app.js

const BASE_URL = 'http://localhost:8082'
export const myRequest = (options)=>{return new Promise((resolve,reject)=>{uni.request({url:BASE_URL+options.url,method: options.method || 'GET',data: options.data || {},success: (res)=>{resolve(res)if(res.data.status !== 200) {return uni.showToast({title: '获取数据失败'})}},fail: (err)=>{uni.showToast({title: '请求接口失败'})reject(err)}})})
}

调用

	let emsg = {"enterpriseName": enterpriseName,"Cpage": C

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！