搭建简易的物联网服务端和客户端-第三次增补(二十二)
时间:2022-07-23
本文章向大家介绍搭建简易的物联网服务端和客户端-第三次增补(二十二),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
记得上次Maibu显示的时候,我无法吧数据单独显示出来,最后只能把数据全放到一起,通过api提供出来,像这样
{"data":"32 在 60"}
很无奈。不过经过Maibu控制的相关操作之后,就大概了解的怎么搞,所以这次增补就是数据分离开来,这样对于手表表盘的布局也有一定的好处。 代码地址:https://github.com/ZZES-ZVD/watch_pet 2017.5.21
第三次增补
1.Nodejs接口
api提供新的json格式数据
{ "tem":28,"hum":55,"indoor":"不在" }
,方便Maibu的数据过滤显示。其余代码就不显示了,具体可以看完整代码。
//new 手表推送
app.get('/newwatch',function(req,res){
var data = [];
conn.query('SELECT * FROM pet',function(err,rows,fields){
var indoor = "";
//将数字1和0,转换成“在”和“不在”
if ( rows[rows.length-1].indoor== 1) {
indoor = "在"
}else{
indoor = "不在"
}
//封装数据
data = "{ "tem":"+ rows[rows.length-1].tem +","hum":"+ rows[rows.length-1].hum +","indoor":"+ """+ indoor +"" }"
res.send(data);
})
})
2.手表代码
(1)定义数据内容图层
//温度数据内容
static int32_t g_layer_id_temdata = -1;
//湿度数据内容
static int32_t g_layer_id_humdata = -1;
//屋内判断数据内容
static int32_t g_layer_id_indoordata = -1;
(2)数据请求函数
void data_request_web()
{
/*拼接url请求地址, 注意url的缓存大小*/
char url[200] = "";
/*将请求网址加入到url数组*/
sprintf(url, "%s", DATA_WEB);
char param[50] = "";
/*将数据过滤后加入到param数组*/
sprintf(param,"%s,%s,%s","tem","hum","indoor");
/*发送一次*/
g_comm_id_web = maibu_comm_request_web(url, param, 0);//过滤
}
(3)图层初始化函数
P_Window init_btc_window()
{
static P_Window p_window;
P_Layer layer_background = NULL;
p_window = app_window_create();
if (NULL == p_window)
{
return NULL;
}
/* begin*/
/*创建背景图层*/
layer_background = get_layer();
/*添加背景图层到窗口*/
app_window_add_layer(p_window, layer_background);
/* 添加时间栏 */
add_time_bar(p_window);
/*添加数据提示信息*/
GRect frame_zzes = {{0,34}, {16, 128}};
add_text_layer(p_window, &g_layer_id_zzes, "治电科技", &frame_zzes, GAlignBottom, U_ASCII_ARIAL_16, GColorWhite);
/*添加温度数据*/
GRect frame_temdata = {{25, 62}, {16, 50}};
add_text_layer(p_window, &g_layer_id_temdata, "waiting", &frame_temdata, GAlignCenter, U_ASCII_ARIAL_14, GColorWhite);
/*添加湿度数据*/
GRect frame_humdata = {{25, 83}, {16, 50}};
add_text_layer(p_window, &g_layer_id_humdata, "waiting", &frame_humdata, GAlignCenter, U_ASCII_ARIAL_14, GColorWhite);
/*添加窝内数据*/
GRect frame_indoordata = {{25, 103}, {16, 50}};
add_text_layer(p_window, &g_layer_id_indoordata, "waiting", &frame_indoordata, GAlignCenter, U_ASCII_ARIAL_14, GColorWhite);
return p_window;
}
(4)请求回调,用于更新数据到图层(这就是这次我的重点。。。)
static void web_recv_callback(const uint8_t *buff, uint16_t size)
{
char stock_gid[10];
char stock_gid2[10];
char stock_gid3[10];
char i;
maibu_get_json_str(buff,"indoor", stock_gid, 10);//过滤
maibu_get_json_str(buff,"tem", stock_gid2, 10);
maibu_get_json_str(buff,"hum", stock_gid3, 10);
for (i=0;i<10;i++)
{
if (stock_gid[i]=='}')
{
stock_gid[i]=0;
}
}
for (i=0;i<10;i++)
{
if (stock_gid2[i]=='}')
{
stock_gid2[i]=0;
}
}
for (i=0;i<10;i++)
{
if (stock_gid3[i]=='}')
{
stock_gid3[i]=0;
}
}
/*添加数据*/
GRect frame_indoordata = {{25, 103}, {16, 50}};
add_text_layer(h_window, &g_layer_id_indoordata, stock_gid, &frame_indoordata, GAlignCenter, U_ASCII_ARIAL_14, GColorWhite);
GRect frame_temdata = {{25, 62}, {16, 50}};
add_text_layer(h_window, &g_layer_id_temdata, stock_gid2,&frame_temdata, GAlignCenter,U_ASCII_ARIAL_14,GColorWhite);
GRect frame_humdata = {{25, 83}, {16, 50}};
add_text_layer(h_window, &g_layer_id_humdata, stock_gid3,&frame_humdata, GAlignCenter,U_ASCII_ARIAL_14,GColorWhite);
app_window_update(h_window);
}
3.显示结果
(1)模拟器显示
模拟器
(2)Maibu实体显示
Maibu实体
@治电小白菜20170521
- 机器学习算法实现解析——libFM之libFM的模型处理部分
- Go语言使用protobuf数据通信--师出同门,懂的人理解吧
- 虚拟化平台cloudstack(6)——使用maven:jetty调试
- 虚拟化平台cloudstack(7)——新版本的调试
- 一行代码,Pandas秒变分布式,快速处理TB级数据
- 机器学习算法实现解析——word2vec源码解析
- 从零开始创建一个基于Go语言的web service
- 转--Golang项目邮件发送模块代码分享
- 虚拟化平台cloudstack(8)——从UI开始
- 使用oracle的大数据工具ODCH访问HDFS数据文件
- UWP基础教程 - XAML开篇
- UWP基础教程 - XAML依赖属性和附加属性
- GO语言学习:动态Web
- Golang 连接mssql sql server
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Go语言(golang)新发布的1.13中的Error Wrapping深度分析
- 使用k8s容器钩子触发事件
- Python自学成才之路 魔术方法之属性访问控制
- Python自学成才之路 彻底搞懂python变量作用域
- Python自学成才之路 什么是元类
- 调试 Go 的代码生成
- Kubernetes中的Volume介绍
- Python自学成才之路 终于弄清楚类方法,静态方法的区别了
- Git 版本及版本范围表示法
- python自学成才之路 numpy 基础
- python自学成才之路 文件读写操作
- go 中string[0]到底是rune还是byte?
- python自学成才之路 类详细用法
- Linux 监控之 IO
- python自学成才之路 函数详细用法