HTML 페이지의 정적 버전을 디자인한 후 요소 값에 대한
플레이스홀더를 사용하여, 업로드된 페이지에서 각 요소의 값을 동적으로 호출할
스크립트로 각 플레이스홀더 텍스트를 겹쳐쓸 수 있습니다.
프로시저
- 페이지의 레이아웃을 먼저 디자인하려면 정적 텍스트를
동적 값에 대한 플레이스홀더로 남겨둔 채 웹 페이지를 디자인하십시오.
- </head> 태그 앞의 스크립트
태그에서 HTML 파일의 헤더에 manage.inc 파일을 포함시켜서 HTML 파일을
편집하십시오.
<head>
<title>Your Title Here</title>
<script src='manage.inc'></script>
</head>
manage.inc 파일에는
IBM® Rational® Rhapsody®
웹 인터페이스의 클라이언트측 동작을 제어하는 JavaScript 파일의
콜렉션이 포함되어 있습니다.
- 함수 호출 스크립트를 각 정적 값 플레이스홀더로 대체해서 HTML 파일을
편집하십시오.
예를 들어, 다음과 같습니다.
<body>value of evStart</body>
그러면 다음과 같이 됩니다.
<body><script>show(‘nameOfElement')</script></body>
이 샘플 코드에서 nameOfElement는
기본 웹 인터페이스에 표시되며 Rational Rhapsody가
요소에 지정한 요소 이름입니다. 다음 예제에서처럼 show 함수에 반드시
요소의 전체 경로 이름을 사용하십시오.
show('ProcessController[0]::OMBoolean_attribute');
- 파일을 저장하고 Rational Rhapsody
웹 서버에 업로드하십시오(Rational Rhapsody 모델에 웹 파일 추가 참조).
결과
새 디자인 스킴에서 웹 인터페이스의
이 파일로 링크할 수 있습니다. 한 페이지를 웹
GUI의 앞 페이지로 설정하려면 홈 페이지 설정의 내용을 참조하십시오. Rational Rhapsody에서는
아직 계층 파일 구조가 지원되지 않아서 HTML 및 이미지 파일이
웹 서버의 루트 디렉토리에 있음에 유의하십시오.