华为云首页用户手册

ISDP-开发应用:创建页面

ISDP-开发应用:创建页面

时间：2023-11-01 16:18:48

ISDP

创建页面

在“demo”应用中，如图26所示，单击规划存放页面目录Page右侧的，选择“标准页面”。

图26 创建标准页面
在弹出的“添加标准页面”页面，如图27所示，选择“空白”模板，输入页面的“标签”为“projectInfo”，“名称”为“projectInfo”，单击“添加”。

图27 添加标准页面

页面创建完成后，自动进入编辑页面，如图28所示。

图28 编辑页面
如图29所示，选择“表格”组件，拖入到页面内容区域。

图29 选择组件
在页面内容区域，单击表格组件，在右侧区域展示的该组件的属性设置，示例如图30所示。

图30 组件属性设置
如图31所示，在页面下侧，单击“模型视图”，切换到“模型视图”，单击“新增模型”，进入“新增模型”页面。

图31 新增模型
如图32所示，输入模型名称（如：project），选择来源为“对象”，单击“下一步”。

图32 基本信息
如图33所示，选择对象和对象字段，单击“下一步”。

图33 选择对象和字段
如图34所示，方法保持默认，单击“确定”。

图34 方法
如图35所示，切换到“设计视图”，单击“数据绑定”对应的，在弹出的“选择模型”页面中选择新增的project模型，单击“确定”。

图35 数据绑定

如图36所示，单击表格列参数对应的

，配置“列标题”，单击“确定”。列参数配置如表6所示。

图36 属性配置
点击放大

点击放大

表6 列参数配置
列参数	列标题
ProjectCode	项目编码
ProjectName	项目名称
ProjectStatusCode	项目状态
description	描述
startDate	开始时间
endDate	结束时间

配置后示例，如图37所示。

图37 配置示例
点击放大

点击放大

如图38所示，单击页面上方保存按钮，保存配置，并单击释放锁按钮，退出编辑状态。

如果需要再次编辑，需要单击，获取锁在进行编辑。

图38 保存并释放锁
如图39所示，单击页面上方预览按钮，即可看到页面配置效果，如图40所示。

图39 预览

 图40 预览效果

上一篇：ISDP-开发应用:预览验证

下一篇：ISDP-开发应用:创建对象

ISDP-开发应用:创建页面

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题