[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作

Github==>https://github.com/MartinxMax/MCGS_Admin_Login

  • 首页
  • 创建工程
  • 窗口创建
  • 实时数据库
  • Login界面布局
    • Login界面效果图
  • Main界面布局
    • Main界面效果图
  • 最终效果展示

首页

工控触摸屏密码登录界面

创建工程

窗口创建

[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第1张图片新建两个窗口
[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第2张图片

实时数据库

创建以下变量
Temp_Password 字符型 初始值为空
Temp_Username 字符型 初始值为空
Username 字符型 设置管理员账号
Password 字符型 设置管理员密码

[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第3张图片[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第4张图片

[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第5张图片

Login界面布局

Username输入框将变量Temp_Username连接[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第6张图片Password输入框将变量Temp_Password连接
注意该输入框需要勾选密码选项

[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第7张图片

按钮作为提交键

[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第8张图片

IF NOT !StrComp(!Lcase(Temp_Username),!Lcase(Username))  AND NOT !StrComp(!Lcase(Temp_Password),!Lcase(Password)) THEN 
    !SetWindow(Main,1)
ENDIF

!Lcase():将变量字符串转为小写
!StrComp():用于比较两个字符串是否相同,相同返回0
NOT:将结果取反
!SetWindow():窗口跳转
[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第9张图片

Login界面效果图

[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第10张图片

Main界面布局

[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第11张图片

Main界面效果图

[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第12张图片

最终效果展示

[ 工控] [PLC] MCGSE触摸屏 Admin登录界面制作_第13张图片

你可能感兴趣的:(工控,github,前端)