Help Center/ Huawei Cloud Astro Zero/ User Guide (Low-Code)/ Backend Development/ Objects/ Generating a Frontend Page Using a Custom Object
Updated on 2025-08-26 GMT+08:00
View PDF
Share

Generating a Frontend Page Using a Custom Object

Creating a List Page

You can create a list page based on the current object to manage its data records. For example, to manage sales data, a management page is required. Sales data can be queried based on certain conditions and displayed in a list on the page.

  1. Log in to the application designer by referring to Logging In to the Application Designer.
  2. In the navigation pane, choose Data.
  3. Move the cursor to of the target object, and choose Detail to access the object designer.
  4. Select the object diagram element and click Create Page in the attribute panel on the right.

    Figure 1 Creating a page

  5. On the page creation page, choose Create a New Page > List Page and click Confirm. By default, Create navigation menus at the same time is selected. You can deselect this option if you do not need it.

    Figure 2 Creating a list page

  6. Click Open Now in the displayed message to go to the created list page.

    Return to the application development workbench. In the navigation pane, choose Page. On the displayed page, you can view the created list page.

    Figure 3 Page generation prompt

Creating a Form Page

You can create a form page based on the current object to edit the data records in the object. For example, if you want to modify sales data on the GUI and change the field value of a sales data record, you can directly create a form page and bind the form page to the background API.

  1. Log in to the application designer by referring to Logging In to the Application Designer.
  2. In the navigation pane, choose Data.
  3. Move the cursor to of the target object, and choose Detail to access the object designer.
  4. Select the object diagram element and click Create Page in the attribute panel on the right.

    Figure 4 Creating a page

  5. On the page creation page, choose Create a New Page > Form Page (navigation menu cannot be created at the same time) and click the confirm button.

    Figure 5 Creating a form page

  6. Click Open Now in the displayed message to go to the created form page.

    Return to the application development workbench. In the navigation pane, choose Page. On the displayed page, you can view the created form page.

Updating an Existing Page

You can update an existing page incrementally after modifying an object's structure or fields. This allows you to create an updated page version without recreating it entirely.

  1. Log in to the application designer by referring to Logging In to the Application Designer.
  2. In the navigation pane, choose Data.
  3. Move the cursor to of the target object, and choose Detail to access the object designer.
  4. Select the object diagram element and click Create Page in the attribute panel on the right.

    Figure 6 Creating a page

  5. On the page creation page, select Updating an Existing Page.
  6. In the displayed page list, select the corresponding page and click Save.

    Figure 7 Updating an existing page
    • The list displays the pages directly generated by the object, excluding the pages created by developers (even if the object model is bound).
    • The display name and unique ID of the page, as well as the content, may have been changed, but still belong to the created page of this object.

Parent Topic: Objects