华为云首页用户手册

APPCUBE-组装“编辑设备”页面:定义模型

时间：2023-11-01 16:15:21

APPCUBE 开发“编辑设备”功能

定义模型

进入“设备维修管理系统”应用。
在“Equipment”中，将鼠标放在“Page”目录上，单击界面上出现的“+”，在弹出菜单中选择“标准页面”。
在“标签”和“名称”文本框中输入“editEquipment”，单击“添加”。
平台实际创建的页面名称为“HW__editEquipment”，包含前缀“HW__”，对应首次创建应用时定义的命名空间。新建创建的页面，默认是当前用户锁定状态，可以进行编辑保存等操作。
当编辑已有标准页面时，为防止编辑时多人篡改，编辑前请单击进行锁定。
定义与“省/市/区”级联框的可选项相关联的自定义模型。
1. 在页面底部单击“模型视图”，进入模型视图页面，单击“新增模型”。
2. 添加自定义模型，模型名称“cascaderOptions”，单击“下一步”，如图4所示。
  图4 定义级联框用到的自定义模型
3. 设置保持不变，单击“下一步”。
4. 方法保持不变，单击“确定”。
5. 单击页面上方的，保存设置。
定义与页面上各个输入框、选择框相关联的自定义模型。
1. 在“模型视图”中，单击“新增模型”。
2. 添加自定义模型，模型名称“equipmentForm”，单击“下一步”，如图5所示。
  图5 定义页面组件需要关联的自定义模型
3. 单击“新增节点”，逐一添加与页面元素对应的参数（name、HW__equipmentSN__ CS T、HW__equipmentBrand__CST、HW__equipmentModel__CST、cascaderAddress、HW__installationDetailAddress__CST），单击“下一步”，如图6所示。
  
  为简化后续事件脚本，除cascaderAddress外，请确保其他5个参数的参数名与设备对象（HW__Equipment__CST）的字段名保持一致。注意这里的下划线是两个，要与表1里的字段保持一致，HW__需要修改为实际的命名空间前缀。
  
  图6 添加模型包含的参数
4. 方法保持不变，单击“确定”。
5. 单击页面上方的，保存设置。
定义与API（editEquipment:1.0.0）关联的服务模型。
1. 在“模型视图”中，单击“新增模型”。
2. 添加服务模型，模型名称“editEquipment”，来源选择“服务”，单击“下一步”，如图7所示。
  图7 定义服务模型
3. 指定模型与API“editEquipment”关联，单击“下一步”，如图8所示。
  关联API后，系统会自动显示API中脚本的输入、输出参数。
  图8 为模型关联Script
4. 方法保持不变，单击“确定”。
  系统自动添加了执行的方法，如图9所示。未来，将在事件脚本中执行这个方法，即执行模型关联的API中的脚本。
  
  图9 为模型定义方法
5. 单击页面上方的，保存设置。
定义与API（queryEquipmentDetail）关联的服务模型。
1. 在“模型视图”中，单击“新增模型”。
2. 添加服务模型，模型名称“queryEquipmentDetail”，“来源”选择“服务”，单击“下一步”。
3. 指定模型与API“queryEquipmentDetail”，单击“下一步”。
  图10 为模型关联Script
4. 方法保持不变，单击“确定”。
5. 单击页面上方的，保存设置。
图11 新增的页面模型