# 将华为云Astro轻应用自定义对象生成前端页面
#### 生成列表页
基于当前对象直接生成一个列表页，用来维护管理对象里的记录数据。例如，对销售数据进行管理，需要一个管理界面，能通过一定条件查询到销售数据，并将销售数据通过列表形式展示在页面上。
1. 参考[登录华为云Astro轻应用应用设计器](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_9004.html)中操作，登录应用设计器。
2. 在左侧导航栏中，选择"数据"。
3. 将鼠标放在对象上，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001909390014.png)，选择"详情"，进入对象设计器。
4. 选中对象图元，在右侧属性面板中，单击"生成页面"。 
   图1生成页面   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001939089881.png "点击放大")
   
   
5. 在生成页面中，选中"生成新页面 \> 列表页"（默认同时创建导航菜单，如不需要可取消勾选），单击"确定"。 
   图2生成列表页   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001900170460.png "点击放大")
   
   
6. 生成列表页后，单击页面上方提示信息中的"立即打开"，即可跳转到生成的列表页面。 
   返回应用开发工作台，在左侧导航栏中，选择"界面"。在页面中，可查看到生成的列表页面。
   图3页面生成提示   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001900330348.png)
   
   
 
#### 将对象生成表单页
基于当前对象直接生成一个表单页，用来编辑对象里的记录数据。例如，希望通过界面对销售数据进行修改操作，修改某条销售数据的字段值，可以直接生成表单页，绑定后台接口。
1. 参考[登录华为云Astro轻应用应用设计器](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_9004.html)中操作，登录应用设计器。
2. 在左侧导航栏中，选择"数据"。
3. 将鼠标放在对象上，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001943669509.png)，选择"详情"，进入对象设计器页面。
4. 选中对象图元，在右侧属性面板中，单击"生成页面"。 
   图4生成页面   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001939089901.png "点击放大")
   
   
5. 在生成页面中，选择"生成新页面 \> 表单页"（不支持"同时创建导航菜单"），单击"确定"。 
   图5生成表单页   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001900170480.png "点击放大")
   
   
6. 生成列表页后，单击页面上方提示信息中的"立即打开"，即可跳转到生成的表单页面。 
   返回应用开发工作台，在左侧导航栏中，选择"界面"。在页面中，可查看到生成的表单页面。
   
   
 
#### 更新已有页面
勾选已存在的页面，进行增量更新操作。例如，对象结构或字段进行了修改，想基于修改后的值，生成新的页面，替换原来的页面。
1. 参考[登录华为云Astro轻应用应用设计器](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_9004.html)中操作，登录应用设计器。
2. 在左侧导航栏中，选择"数据"。
3. 将鼠标放在对象上，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001909510430.png)，选择"详情"，进入对象设计器。
4. 选中对象图元，在右侧属性面板中，单击"生成页面"。 
   图6生成页面   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001939089913.png "点击放大")
   
   
5. 在生成页面中，选中"更新已有页面"。
6. 在显示的页面列表中，选择对应的页面，单击"保存"。 
   图7更新已有页面   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001900170484.png "点击放大")
   - 该列表显示的是由该对象直接生成的页面，不包括开发者通过创建新页面生成的页面（即使也绑定了该对象模型）。
   
   - 页面的显示名称和唯一标识以及内容可能已被更改，但仍然归属此对象的生成页面。