무조건 따라 하기(6)-로그인 제작하기

Script

무조건 따라 하기(6)-로그인 제작하기

관리자 0 3570

사용자의 정보를 설정해 놓고 이를 통하여 로그인, 로그아웃을 할 수 있다.


adbdf052aaec1cd67485de2351a175ab_1535524078_384.jpg

 

 

step1 사용자 설정하기

① X-SCADA Designer 실행

1. X-SCADA Designer을 실행하여 앞서 제작한 ‘MQTT’ 파일을 연다 

 

② 사용자 설정


1. [보기] 메뉴의 [사용자 설정]을 클릭한다.
adbdf052aaec1cd67485de2351a175ab_1535524078_4791.jpg


2. [추가] 버튼을 눌러 2개의 아이디와 비밀번호를 설정한다.

 

(1) 예시 1 : 아이디 - ADMIN , 비밀번호 - 1234

(2) 예시 2 : 아이디 - GUEST , 비밀번호 - 1234

adbdf052aaec1cd67485de2351a175ab_1535524181_1903.jpg

 

② 화면 구성


1. 텍스트 2개와 텍스트입력 2, 레이블 2개를 사용하여 다음과 같이 배치한다.
adbdf052aaec1cd67485de2351a175ab_1535524181_2585.jpg

  

2. 텍스트 입력 객체의 이름을 알아보기 쉽도록 바꿔준다.

 

(1) 1번째 텍스트입력 객체의 이름을 ‘ID’로 바꿔준다.

adbdf052aaec1cd67485de2351a175ab_1535524213_1511.jpg

 

 

(2) 2번째 텍스트입력 객체의 이름을 ‘PW’로 바꿔준다.


adbdf052aaec1cd67485de2351a175ab_1535524213_2185.jpg


 

3. 레이블 객체의 배경 색상과 텍스트를 각각 ‘LOGIN’‘LOGOUT’으로 바꿔준다.

adbdf052aaec1cd67485de2351a175ab_1535524240_6896.jpg

 

 

 ③ Page Script


1. Page Script에 다음과 같은 함수를 2개 만들어 준다.
adbdf052aaec1cd67485de2351a175ab_1535524240_7307.jpg


2. LOGIN 레이블과 LOGOUT 레이블의 속성에서 클릭 시 함수가 실행 되도록 설정해준다.

 

adbdf052aaec1cd67485de2351a175ab_1535524269_7785.jpg
adbdf052aaec1cd67485de2351a175ab_1535524269_8357.jpg
 

 

 step2 X-SCADA View 실행하기

 

① X-SCADA 실행

 

1. X-SCADA Viewer를 실행 후 로그인이 정상적으로 되는지 확인한다.

 

(1) 로그인 클릭 시

adbdf052aaec1cd67485de2351a175ab_1535524340_0346.jpg

 

(2) 로그아웃 클릭 시


adbdf052aaec1cd67485de2351a175ab_1535524340_0745.jpg

 

 


 

0 Reply Comment
Title