Back Office의 구조

1. 헤더(Header)

2. 사이드바(SideBar)

3. 본문(BODY)

4. 푸터(Footer)

EX 백오피스 화면

• Sidebar 상단 백오피스 목록을 선택하면 하단에 해당 백오피스의 LNB 메뉴가 출력됩니다.

• Sidebar 하단의 LNB 메뉴를 선택하면 해당 메뉴의 셋팅 화면이 BODY에 출력됩니다.

• Header에 있는 수정 아이콘(BackOffice Builder)을 클릭하여 BODY 화면 구성을 변경할 수 있습니다.

[1] 헤더 영역

프로젝트 타이틀 정보와 함께 환경 설정 기능과 로그인 정보로 구성되어 있습니다.

1. 프로젝트 타이틀

   • 프로젝트 로고와 타이틀이 출력됩니다.

2. 환경 설정

   • 수정: BackOffice Builder가 새창으로 출력되며, BODY 영역의 Component 구성을 변경할 수 있습니다.

   • 테마: 아이콘 클릭 시 Dark와 Light 테마 두 가지로 전환 가능합니다.

   • 언어: 아이콘 클릭 시 Eng와 Kor 언어 두가지로 설정 가능합니다.

3. 로그인 정보

   • 사용자 이름과 함께 Logout 아이콘이 함께 표시됩니다.

[2] 사이드바 영역

생성한 백오피스 목록과 LNB 메뉴로 구성되어 있으며, 사이드바 열림/닫힘 아이콘이 있습니다.

1. 백오피스 목록

   • 기본적으로 제공하는 Platform Console을 포함하여 생성한 모든 백오피스가 리스트업 됩니다.

   • 백오피스는 [Platform Console > BackOffices > BackOffice Sites] 메뉴를 통해 생성할 수 있습니다.

2. LNB 메뉴

   • 백오피스를 선택하면 해당 백오피스에 생성되어 있는 메뉴가 하단에 모두 출력됩니다.

   • 메뉴는 [Platform Console > BackOffices > BackOffice Menus] 에서 생성할 수 있습니다.

[3] 본문 영역

BackOffice Builder를 통해 Component를 조합하여 만든 백오피스 페이지가 출력되는 영역 입니다.

• 메뉴를 클릭하면, 해당 메뉴에 연결되어 있는 페이지가 BODY 영역에 출력됩니다.

• 페이지는 [Platform Console > BackOffices > BackOffice Pages] 에서 생성할 수 있습니다.

EX Platform Console 백오피스에 사용된 페이지 구성 타입