——來自迪文開發(fā)者論壇

本期為大家推送一個(gè)很有創(chuàng)意的迪文開發(fā)者論壇獲獎(jiǎng)開源案例——瀏覽器網(wǎng)頁與T5L迪文屏串口深度擴(kuò)展（Node-RED技術(shù)），工程師使用T5L，通過Node-RED技術(shù)，只需要一個(gè)串口，就可以接入互聯(lián)網(wǎng)，實(shí)現(xiàn)迪文屏與瀏覽器網(wǎng)頁的數(shù)據(jù)交互。該方案實(shí)現(xiàn)了智能屏與網(wǎng)頁端的數(shù)據(jù)收發(fā)、圖表交互、基本信息顯示等功能。

【演示視頻】

完整開發(fā)資料含迪文屏DGUS工程資料與C51代碼，獲取方式：

1. 前往迪文開發(fā)者論壇獲取：http://inforum.dwin.com.cn:20080/forum.php?mod=viewthread&tid=9402

2.微信公眾號(hào)中回復(fù)“瀏覽器與迪文屏”獲取。

【Node-RED網(wǎng)頁端運(yùn)行效果展示】

（1）使用Node-RED技術(shù)，以瀏覽器作為交互入口，使瀏覽器與屏幕通過串口交互，實(shí)現(xiàn)相應(yīng)功能展示。

數(shù)據(jù)收發(fā)Tab頁面

圖標(biāo)交互Tab頁面

基本信息Tab頁面效果

（2）Node-RED網(wǎng)頁端主要參考代碼如下：

  {

        "id": "fbb314a16ea00889",

        "type": "serial in",

        "z": "09e0777eaff7fdea",

        "g": "c1661722c7db00f9",

        "name": "串口接受數(shù)據(jù)",

        "serial": "83fb45b5f4b51d61",

        "x": 390,

        "y": 140,

        "wires": [

            [

                "685a2fb2c2dc8fba"

            ]

        ]

    },

    {

        "id": "1ba3c6e812e03e27",

        "type": "serial out",

        "z": "09e0777eaff7fdea",

        "g": "c1661722c7db00f9",

        "name": "串口發(fā)送",

        "serial": "83fb45b5f4b51d61",

        "x": 860,

        "y": 260,

        "wires": []

    },

    {

        "id": "5fb7f1d3d7425133",

        "type": "status",

        "z": "09e0777eaff7fdea",

        "g": "c1661722c7db00f9",

        "name": "監(jiān)聽串口狀態(tài)",

        "scope": [

            "fbb314a16ea00889"

        ],

        "x": 390,

        "y": 200,

        "wires": [

            [

                "3f18d1fdea398d35"

            ]

        ]

    },

    {

        "id": "3f18d1fdea398d35",

        "type": "function",

        "z": "09e0777eaff7fdea",

        "g": "c1661722c7db00f9",

        "name": "提取串口狀態(tài)",

        "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 = '出現(xiàn)錯(cuò)誤';\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": "顯示串口狀態(tài)",

        "order": 1,

        "width": 0,

        "height": 0,

        "format": "<div style=\"font-size:19px;color:#444;margin:10px;\">\n    串口狀態(tài):<span style=\"margin-left:5px

【DGUS界面設(shè)計(jì)】

【C51工程設(shè)計(jì)】

方案采用T5L智能屏串口2與Node-RED網(wǎng)頁通信，部分參考代碼如下:

#include "sys.h"

#include "uart2.h"

#include <string.h>

#include <stdio.h>

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;

        }

    }

}