🧬 コンポーネントを組み立てます
ILLAにビルドされた複数ページのデモ:
複数ページのアプリケーションでは、すべての変更があります。 例えば、データを表示したり、サーバー要求にデータを送信したりすると、サーバーから新しいページをレンダリングしたりするなどです。 複数ページのアプリケーションにはいくつかのレベルがあり、アプリケーションの構造はユーザーにとってシンプルで簡単です。 複数ページのアプリケーションにはいくつかのレベルがあり、アプリケーションの構造はユーザーにとってシンプルで簡単です。 単一ページアプリケーションは、ページ上のすべてのコンポーネントを再読み込みせずにページを変更できるアプリケーションです。 単一ページアプリケーションは、ページ上のすべてのコンポーネントを再読み込みせずにページを変更できるアプリケーションです。 ほとんどのリソース(HTML、CSS、スクリプトを含む)は、アプリケーションのライフサイクル全体で一度だけ読み込まれるため、単一ページのアプリケーションが高速になります。 単一ページアプリケーションは、ページ上のすべてのコンポーネントを再読み込みせずにページを変更できるアプリケーションです。 ほとんどのリソース(HTML、CSS、スクリプトを含む)は、アプリケーションのライフサイクル全体で一度だけ読み込まれるため、単一ページのアプリケーションが高速になります。 単一ページアプリケーションは、ページ上のすべてのコンポーネントを再読み込みせずにページを変更できるアプリケーションです。 ほとんどのリソース(HTML、CSS、スクリプトを含む)は、アプリケーションのライフサイクル全体で一度だけ読み込まれるため、単一ページのアプリケーションが高速になります。
複数ページのアプリケーションでは、すべての変更があります。 例えば、データを表示したり、サーバー要求にデータを送信したりすると、サーバーから新しいページをレンダリングしたりするなどです。 複数ページのアプリケーションにはいくつかのレベルがあり、アプリケーションの構造はユーザーにとってシンプルで簡単です。 複数ページのアプリケーションにはいくつかのレベルがあり、アプリケーションの構造はユーザーにとってシンプルで簡単です。
ILLA Builderでは、ページのフレームを設定し、セクションにビューを追加することで、シングルページアプリケーションを構築できます。 複数のページを追加することで複数ページのアプリケーションを構築できます 開発者はこの2つのデザインパターンを 1つのアプリケーションで両方使用できます
次の手順としてページ設定に移動:
プリセットレイアウトを使用するか、セクションを手動で追加および削除してレイアウトを設定できます。
View path
: 指定したビューにアクセスするためにページURLの後にスプライズされた文字列。 View path
: 指定したビューにアクセスするためにページURLの後にスプライズされた文字列。 View path
: 指定したビューにアクセスするためにページURLの後にスプライズされた文字列。 View path
: 指定したビューにアクセスするためにページURLの後にスプライズされた文字列。 アプリがデプロイされると、次のようになります。https://builder.illacloud.com/{{team_identifier}}/deploy/app/{{app_id}}/{{page_name}}/{{view_path}} View path
: 指定したビューにアクセスするためにページURLの後にスプライズされた文字列。 View path
: 指定したビューにアクセスするためにページURLの後にスプライズされた文字列。 View path
: 指定したビューにアクセスするためにページURLの後にスプライズされた文字列。 View path
: 指定したビューにアクセスするためにページURLの後にスプライズされた文字列。 アプリがデプロイされると、次のようになります。https://builder.illacloud.com/{{team_identifier}}/deploy/app/{{app_id}}/{{page_name}}/{{view_path}} View path
: 指定したビューにアクセスするためにページURLの後にスプライズされた文字列。 View path
: 指定したビューにアクセスするためにページURLの後にスプライズされた文字列。 View path
: 指定したビューにアクセスするためにページURLの後にスプライズされた文字列。 アプリがデプロイされると、次のようになります。https://builder.illacloud.com/{{team_identifier}}/deploy/app/{{app_id}}/{{page_name}}/{{view_path}}
以下のパスでホームページとデフォルト表示を入力することもできます。
https://builder.illacloud.com/{{team_identifier}}/deploy/app/{{app_id}}.
メニューアイテムにイベントハンドラを追加する → Action
を Set router
に設定する → ページを選択して表示する