——来自太阳集团开发者论坛
本期为大家推送一个很有创意的太阳集团开发者论坛获奖开源案例——浏览器网页与T5L太阳集团屏串口深度扩展（Node-RED技术），工程师使用T5L，通过Node-RED技术，只需要一个串口，就可以接入互联网，实现太阳集团屏与浏览器网页的数据交互。该方案实现了智能屏与网页端的数据收发、图表交互、基本信息显示等功能。
【演示视频】
完整开发资料含太阳集团屏DGUS工程资料与C51代码，获取方式：
1. 前往太阳集团开发者论坛获取：http://inforum.dwin.com.cn:20080/forum.php?mod=viewthread&tid=9402
2.微信公众号中回复“浏览器与太阳集团屏”获取。
【Node-RED网页端运行效果展示】
（1）使用Node-RED技术，以浏览器作为交互入口，使浏览器与屏幕通过串口交互，实现相应功能展示。
数据收发Tab页面
图标交互Tab页面
基本信息Tab页面效果
（2）Node-RED网页端主要参考代码如下：
{
"id": "fbb314a16ea00889",
"type": "serial in",
"z": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"name": "串口接受数据",
"serial": "83fb45b5f4b51d61",
"x": 390,
"y": 140,
"wires": [
[
"685a2fb2c2dc8fba"
]
]
},
{
"id": "1ba3c6e812e03e27",
"type": "serial out",
"z": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"name": "串口发送",
"serial": "83fb45b5f4b51d61",
"x": 860,
"y": 260,
"wires": []
},
{
"id": "5fb7f1d3d7425133",
"type": "status",
"z": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"name": "监听串口状态",
"scope": [
"fbb314a16ea00889"
],
"x": 390,
"y": 200,
"wires": [
[
"3f18d1fdea398d35"
]
]
},
{
"id": "3f18d1fdea398d35",
"type": "function",
"z": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"name": "提取串口状态",
"func": "let sta = msg.status.text;\nlet color = 'red';\nif (sta.indexOf('not-connected') >= 0) \n sta = '未连接';\nelse if (sta.indexOf('connected') >= 0)\n{\n sta = '连接成功';\n color = 'green';\n}else\n sta = '出现错误';\nmsg['payload'] = sta;\nmsg['color'] = color;\n\nreturn msg;",
"outputs": 1,
"timeout": 0,
"noerr": 0,
"initialize": "",
"finalize": "",
"libs": [],
"x": 620,
"y": 200,
"wires": [
[
"2ec78ff0b0b9a56f"
]
]
},
{
"id": "2ec78ff0b0b9a56f",
"type": "ui_template",
"z": "09e0777eaff7fdea",
"g": "c1661722c7db00f9",
"group": "4e4db779a7b91019",
"name": "显示串口状态",
"order": 1,
"width": 0,
"height": 0,
"format": " 【DGUS界面设计】 【C51工程设计】 方案采用T5L智能屏串口2与Node-RED网页通信，部分参考代码如下: #include "sys.h" #include "uart2.h" #include #include u8 buff[200]; void main(void) { u16num; u16val; u16old; u8i; sys_init(); uart2_init(115200); old= 0; while(1) { if(is_recv_complete) { uart2_buf[recv_len++]= 0; uart2_buf[recv_len++]= 0; if(strstr((char*)uart2_buf,"cmd")) { num= uart2_buf[3]-'0'; if(num<3) { for(i=0;i<3;i++) { val= (num==i); sys_write_vp(0x2300+i,(u8*)&val, 1); } }elseif(num<5) { val= (num==3); sys_write_vp(0x2200,(u8*)&val, 1); } }else { sys_write_vp(0x2000,uart2_buf, recv_len/2+2); } recv_len= 0; is_recv_complete= 0; } sys_read_vp(0x1000,(u8*)&val, 1); if(val==1) { sys_read_vp(0x2100,buff, 50); for(i=0;i<100;i++) { if(buff==0xff) { buff= 0x00; buff[i+1]= 0x00; break; } } u2_send_bytes(buff,strlen(buff)); val= 0; sys_write_vp(0x1000,(u8*)&val, 1); } sys_read_vp(0x2400,(u8*)&val, 1); if(val!=old) { sprintf(buff,"%d", val); u2_send_bytes(buff,strlen(buff)); old= val; } } }\n 串口状态:
