주요 파일
본 장에서는 Bxm Web Admin UI의 주요 파일에 대해 설명한다.
1. HTML
Bxm Web Admin UI은 SPA(Single Page Application)이며, 화면을 구성하는 기본 HTML 파일은 다음과 같다.
| 파일 | 설명 |
|---|---|
index.html |
BXM Web Admin 로그인 페이지 |
main.html |
BXM Web Admin 메인 페이지 |
2. JS
Bxm Web Admin UI 커스터마이징시, 주요 JS 파일은 다음과 같다.
| 파일 | 설명 | ||
|---|---|---|---|
script/main.js |
메인 페이지 requirejs의 시작 파일, 다국어 메시지 파일을 등록 |
||
script/common/config.js |
설정 정보를 관리하고 전역적으로 접근할 정보들을 저장하는 파일 탭 활성화 최대 개수, 메뉴별 페이지 정보, 시작 메뉴 정보, 공통 코드, 거래 코드 사용 유무 등을 등록
|
||
script/common/util.js |
개발시 사용할 유틸을 저장하는 파일 , BXM Web Admin의 AJAX통신 관련
|
3. CSS
Bxm Web Admin UI의 CSS 파일은 다음과 같다.
| 파일 | 설명 |
|---|---|
style/css/style.css |
퍼블리셔가 작성한 어드민 화면의 스타일 파일 |
style/css/admin.css |
어드민 화면에서 공통적으로 사용되는 스타일을 정의한 파일 |
style/css/admin-grid.css |
어드민 화면 그리드 스타일 파일(ExtJs 그리드 스타일을 오버라이드) |
style/css/admin-page.css |
어드민 화면에서 개별적인 화면의 스타일 파일 |
style/css/app-deploy.css |
APP 배포 관리 메뉴의 스타일 파일 |