무조건 따라 하기(6)-로그인 제작하기
관리자
0
3570
2018.08.29 15:31
사용자의 정보를 설정해 놓고 이를 통하여 로그인, 로그아웃을 할 수 있다.
step1 사용자 설정하기
① X-SCADA Designer 실행
1. X-SCADA Designer을 실행하여 앞서 제작한 ‘MQTT’ 파일을 연다
② 사용자 설정
2. [추가] 버튼을 눌러 2개의 아이디와 비밀번호를 설정한다.
(1) 예시 1 : 아이디 - ADMIN , 비밀번호 - 1234
(2) 예시 2 : 아이디 - GUEST , 비밀번호 - 1234
② 화면 구성
1. 텍스트 2개와 텍스트입력 2개, 레이블 2개를 사용하여 다음과 같이 배치한다.
2. 텍스트 입력 객체의 이름을 알아보기 쉽도록 바꿔준다.
(1) 1번째 텍스트입력 객체의 이름을 ‘ID’로 바꿔준다.
(2) 2번째 텍스트입력 객체의 이름을 ‘PW’로 바꿔준다.
3. 레이블 객체의 배경 색상과 텍스트를 각각 ‘LOGIN’과 ‘LOGOUT’으로 바꿔준다.
③ Page Script
1. Page Script에 다음과 같은 함수를 2개 만들어 준다.
2. LOGIN 레이블과 LOGOUT 레이블의 속성에서 클릭 시 함수가 실행 되도록 설정해준다.
step2 X-SCADA View 실행하기
① X-SCADA 실행
1. X-SCADA Viewer를 실행 후 로그인이 정상적으로 되는지 확인한다.
(1) 로그인 클릭 시
(2) 로그아웃 클릭 시