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.
- Log in to the application designer by referring to Logging In to the Application Designer.
- In the navigation pane, choose Data.
- Move the cursor to
of the target object, and choose Detail to access the object designer.
- Select the object diagram element and click Create Page in the attribute panel on the right.
Figure 1 Creating a page
- 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
- 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.
- Log in to the application designer by referring to Logging In to the Application Designer.
- In the navigation pane, choose Data.
- Move the cursor to
of the target object, and choose Detail to access the object designer.
- Select the object diagram element and click Create Page in the attribute panel on the right.
Figure 4 Creating a page
- 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
- 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.
- Log in to the application designer by referring to Logging In to the Application Designer.
- In the navigation pane, choose Data.
- Move the cursor to
of the target object, and choose Detail to access the object designer.
- Select the object diagram element and click Create Page in the attribute panel on the right.
Figure 6 Creating a page
- On the page creation page, select Updating an Existing Page.
- 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.
Feedback
Was this page helpful?
Provide feedbackThank you very much for your feedback. We will continue working to improve the documentation.See the reply and handling status in My Cloud VOC.
For any further questions, feel free to contact us through the chatbot.
Chatbot