ウェブアプリケーションデザイナー

Web Application DesignerはAppMaster.ioのコンポーネントで、管理画面や単一ページのWebアプリケーション（SPA）を作成するために指定されます。Web Application Designerの主な目的は、管理パネルや顧客向けインターフェース、クライアントポータルなどを正確に設計することです。

新しいデータモデルを追加し、スキーマを保存した時点で、AppMaster.ioは自動的に関連するWebアプリケーションページを作成し、追加の労力を最小限に抑えます。すべてのWebアプリケーションはVueJSのシングル・ページ・アプリケーションで、AppMaster.ioプラットフォームによって生成され、バックエンド・バイナリと共に公開されます。

典型的なWebアプリケーションは、いくつかの部分と多くのコンポーネントで構成されています。新しいコンポーネントは、上部パネルからアプリケーション・キャンバス内の指定されたゾーンにドラッグすることができます。また、Web Application ページ内の既存のコンポーネントをソートしたり、コンポーネントのネストを変更したりすることもできます。

キャンバスには、コンポーネントを配置するためのいくつかのセクションがあります。左側の「Main menu」（オレンジ色）は、Web アプリケーションのメインナビゲーションメニューとなる新規ページを配置するためのものです。このドロップセクションには、ページ以外のコンポーネントをドロップすることはできません。
App components(緑) と題された左側のドロップセクションには、ユーザーには表示されないが、ナビゲーションやモーダルハンドラには利用可能なページを配置します。このドロップセクションには、ページとモーダル以外のコンポーネントをドロップすることはできません。
上部と下部のセクションは、ヘッダーとフッターのためのもので、現在選択されているページに関係なく表示されます。これらのセクションの中にコンポーネントを配置して、ユーザーに見えるようにするのがよい方法です。
キャンバスの中央のセクションは、ページコンテンツとページコンポーネントで表されます。これは、メインメニューから現在選択されているページに属します。ページの内容を見るには、関連するメニュー項目を選択する必要があります。
ページコンポーネントセクションは、モーダルコンポーネントのみを配置するためのものです。
アプリ構成セクションでは、認証/登録パラメータの設定、ビジネスロジックの作成、グローバル変数の設定、アプリのイベントに対するトリガーの設定を行うことができます。
Web インターフェースを設計するために使用できるコンポーネントのセットです。

必要なコンポーネントをすべてキャンバスに配置したら、「Save」 ボタンをクリックして Web アプリケーションのスキーマを保存します。

デフォルトの認証情報
Web アプリケーションの認証のためのデフォルトのクレデンシャルは次のとおりです。ログイン：[email protected]パスワード：appmaster