node-red与mysql的连接ui（学习笔记）

工具：navicat、node-red

建立数据库

在navicat上建立数据库

node-red操作

打开node-red,把红线部分的地址复制，在网页输入。（终端不能关闭）

安装所需节点

node-red-node-mysql、node-red-dashboard节点

订阅主题mqtt节点

进行分支

创建界面，1为界面大小

点击添加之后出现在form节点设置变量，以下面这张表为例子

gno为主键

连接function节点，在function节点中写入以下代码

var gno = msg.payload.gno;
var gname = msg.payload.gname;
var gtel = msg.payload.gtel;
var gmima = msg.payload.gmima;
var gaddress = msg.payload.gaddress;
msg.payload = [gno, gname, gtel, gmima, gaddress];
msg.topic = "insert into gys (`gno`,`gname`,`gtel`,`gmima`,`gaddress`) values(?,?,?,?,?);"

return msg;

拖入mysql节点

1为端口，默认状态为（3306），根据自身mysql的端口填写。

2为开头建立的数据库名称

输入网址http://127.0.0.1:1880/ui可看效果

插入信息

下图就是在navicat上更新的记录，需要刷新才能看到结果。

为了使插入信息更明显，可以加入一些弹窗，这里需要用到notification节点

以下三个函数只需打印出相关的提示就行例如：

msg.payload = "添加信息成功"
return msg;

添加一个catch节点，这是为了处理流中报错的节点

显示列表

1:时间戳，只需要在inject节点勾选立即执行

2：function节点添加以下：

msg.topic = "select * from gys;"
return msg;

3：mysql节点，不需要改任何东西，但为了区分，把名字改成了2

加入table节点，添加列表的各个属性

刷新button节点

信息暂存：function节点

flow.set("gno",msg.payload.gno)
msg.payload="是否删除供应商？";
return msg;

确认删除：notification节点

删除：function节点

var choice=msg.payload;
var gno=flow.get("gno")
if (choice =="确认"){
    msg.payload =[gno];
    msg.topic="delete from gys where gno=?;";
    return msg;
}

删除成功：function节点

msg.payload="删除成功"
return msg;

提示弹窗：notification节点

捕获一个节点：catch节点

信息删除失败：function节点

msg.payload="信息删除失败"
return msg;

效果如下

在navicat上显示