html5登录界面源代码_TwinCAT HMI，一款基于web的人机界面产品

纯属个人爱好，推荐一下这款产品，相比于传统HMI，优势很明显，不足也很明显，各位看官仁者见仁智者见智吧！

安装软件：

Beckhoff官网下载：

1.TF2000-HMI-Engneering.exe(工程环境)

2.TF2000-HMI-Server. exe(服务)

运行环境：

windows(支持CE)，TwinCAT3.4024

软件安装：

支持嵌入Beckhoff TC3 XAE或VS2017及VS2019

配置讲完了，直接看TwinCAT HMI真面目

特点：基于html5+css+javascript开发

亮点：支持来源控件，如百度的开源控件Echarts，基于web server技术，支持多点访问等等…

讲了这么多，上一个完整项目瞅瞅啥样

编辑环境

运行效果：

登录界面

主界面

整体感觉：

新技术新体验，界面做成啥样子完全取决于工程师的前端业务水平(如果像我这种对美学啥的不敏感那就so easy了，跟玩winform，QT区别不大，控件拖拽布局等等等等，当然如果你追求刺激的视觉效果，传统HMI做不了的，这个完全谋温特啦)，支持JavaScript的好处就是，没有上限，只要你敢想就能做。

本人html5+css+JavaScript还是小白，恶补中，控制器主要还是用TwinCAT3，欢迎倍福玩家一起交流切磋