Skip to main content


A multi-page demo built on ILLA:

A single-page application is an app that can change pages without reloading all components on the page. Most resources(including HTML, CSS and Script) are only loaded once throughout the application's lifecycle, making a single-page application fast.

In a multi-page application, every change, such as displaying the data or submitting data back to the server requests rendering a new page from the server. The multi-page application has a few levels, which makes the application structure simple and straightforward for users.

In ILLA Builder, a single-page application can be built by setting the frame of the page and adding views to sections, and a multi-page application can be built by adding multiple pages, and developers can use both of these two design patterns in one application.

Set the layout of the pages

Go to the page configuration as the following steps:

You can use the Preset Layouts, or manually add and delete sections to set the layout.

Add views to a page

View path: a string spliced after the page URL to access the specified view. After the app is deployed, the complete access address is as follows:{{team_identifier}}/deploy/app/{{app_id}}/{{page_name}}/{{view_path}}

You can also enter the homepage and default view via the following path:{{team_identifier}}/deploy/app/{{app_id}}.

Connect menu and pages

Add event handlers to Menu items → set the Action to Set router → select the page and view