这些小活动你都参加了吗?快来围观一下吧!>>
电子产品世界 » 论坛首页 » 综合技术 » 基础知识 » 介绍一种简单的HMI验证登陆界面

共1条 1/1 1 跳转至

介绍一种简单的HMI验证登陆界面

菜鸟
2020-02-27 08:58:39     打赏

HMI登录界面,顾名思义,肯定是人机交互的界面,因此对登陆的账号密码会需要进行验证,通过验证才能够保证对操作机器设备的用户的安全性,避免普通员工对设备的误操作导致设备运行状态偏差,而产生大量的不良等情况。一般情况下HMI的登录界面会利用连机来制作,也就是通过人机界面输入账号密码,通过串口将输入的账号密码传送给主机或后台,利用主机或后台对账号密码进行验证,而只有验证通过了,主机或后台就会发送一条跳转指令,才会跳转到设置界面。这其实就是利用了智能TFT液晶模块——市面上大多叫串口屏,也有被称作指令屏,的指令集功能来实现的。

现在我为大家介绍的是另外一种登录方式,就是脱机登录界面的制作,用的是深圳市拓普微科技开发有限公司的智能TFT液晶模块来做的,做这个界面可以很快完一个登陆界面的设置,这种方式的优点很明显,就是做起来超级简单,并且还可以在本地脱机进行验证,不需要联网,缺点嘛,嘿嘿,因为是脱机所以暂时就只能设置一个账号和密码。话不多说先看看怎么做。


第一步,先建立背景图及页面,然后设置基本控件:数字变量,字符变量,触摸控件等等:关键操作间如下:

1.jpg

 其中在建文本输入框的触摸区域边界操作方法如下:好处是制作出来的触摸区域等于数字变量框的大小;

2.jpg

第二步,建立所需变量,这里需要解释下,由于Editor只支持对数字变量进行监控,所以我选择了用ID来替代账号;这里需要涉及的变量为 ID 一个数字变量,存密码一个数字变量,另一个标记变量(用来做第一变量验证通过的标记),为了方便关联,可利用重命名的方法来标记变量的作用,注:密码对应的变量不能让人看到故设置了掩码“*”;

3.jpg

第三步,配置ID输入触摸屏呼叫为“数字键盘”,配置Password输入触摸屏呼叫为“密码键盘”,记住VP地址必须关联对应的“数字变量”及“文字变量”,这样键盘输出的值才能正确的被现实出来!

4.jpg

第四步,ID,Password 验证制作,这个地方是最伤脑筋的,不要问我为什么,直接跟着我操作就可以了,这里也是我花时间最多的地方:设定验证ID: 1000(位数取决于用的变量,我们就简单点)Password1234

1.  先创建三个VPK空间如图:

5.jpg

2.  定义LOGIN 触控区域功能:

6.jpg

3.  定义第一个“虚拟键的功能:验证密码是否输入正确,其中监视值即为密码,其余设置是密码正确后做一个标记,最后一栏“标题/值”值可以自己任意定的。

7.jpg

4.  定义第二个“虚拟键”的功能:

8.jpg

5.  定义第三个“虚拟键”的功能:

9.jpg

第五步,将模块通过USB口连接电脑,使用将工程下载到模块里:

10.jpg

到此大功告成,检验下效果:

11.jpg

NGID,Password是无法跳转到第二页的,输入正确IDPassword可以正常登录如下图。

12.jpg


下方为TOPWAY Editor RGTOOLS的软件和说明书的下载地址:

http://www.topwaydisplay.com/cn/products/RGTools.html


感兴趣的可以自己尝试下试试。







关键词: HMI     登陆界面     串口屏     组态屏    

共1条 1/1 1 跳转至

回复

匿名不能发帖!请先 [ 登陆 注册 ]