웹 애플리케이션 디자이너

Web Application Designer는 관리 패널 및 단일 페이지 웹 응용 프로그램(SPA)을 생성하도록 지정된 AppMaster.io 구성 요소입니다. Web Application Designer의 기본 아이디어는 관리자 패널이나 고객 대면 인터페이스, 클라이언트 포털 등을 정확하게 디자인할 수 있도록 하는 것입니다.

새로운 데이터 모델을 추가하고 스키마를 저장하는 순간 AppMaster.io는 추가 노력을 최소화하기 위해 관련 웹 응용 프로그램 페이지를 자동으로 생성합니다. 모든 웹 애플리케이션은 VueJS 단일 페이지 애플리케이션으로 AppMaster.io 플랫폼에서 생성되고 백엔드 바이너리와 함께 게시됩니다.

일반적인 웹 응용 프로그램은 여러 부분과 많은 구성 요소로 구성됩니다. 상단 패널에서 새 구성 요소를 응용 프로그램 캔버스 내부의 지정된 영역으로 끌 수 있습니다. 또한 웹 응용 프로그램 페이지 내에서 기존 구성 요소를 정렬하고 구성 요소 중첩 등을 변경할 수 있습니다.

캔버스에는 구성 요소를 배치할 수 있는 여러 섹션이 있습니다. 메인 메뉴 (주황색)라는 제목의 왼쪽 드롭 섹션은 웹 응용 프로그램의 기본 탐색 메뉴를 구성하는 새 페이지를 배치하도록 설계되었습니다. 페이지를 제외한 다른 구성 요소는 이 드롭 섹션에 드롭할 수 없습니다.
앱 구성 요소 (녹색)라는 제목의 왼쪽 드롭 섹션은 사용자에게 표시되지 않지만 탐색 및 모달 처리기에 계속 사용할 수 있는 페이지를 배치하도록 설계되었습니다. 페이지 및 모달을 제외한 다른 구성 요소는 이 드롭 섹션에 드롭할 수 없습니다.
상단 및 하단 섹션은 머리글 및 바닥글용 이며 현재 선택된 페이지와 상관없이 표시됩니다. 사용자가 볼 수 있도록 이러한 섹션 내부에 구성 요소를 배치하는 것이 좋습니다.
캔버스의 중앙 섹션 은 페이지 콘텐츠와 페이지 구성 요소로 표시됩니다. 메인 메뉴에서 현재 선택된 페이지에 속합니다. 페이지 내용을 보려면 관련 메뉴 항목을 선택해야 합니다.
페이지 구성 요소 섹션은 모달 구성 요소만 배치하는 데 사용됩니다.
앱 구성 섹션 에서는 승인/등록 매개변수를 구성하고 비즈니스 로직, 전역 변수를 생성하고 앱 이벤트에 대한 트리거를 설정할 수 있습니다.
웹 인터페이스를 디자인하는 데 사용할 수 있는 구성 요소 집합입니다 .

필요한 모든 구성 요소가 캔버스에 배치되면 저장 버튼을 눌러 웹 애플리케이션 스키마를 저장합니다.

기본 자격 증명
웹 애플리케이션 인증을 위한 기본 자격 증명은 다음과 같습니다. 로그인: [email protected] 암호: appmaster