设置AstroZero标准页面输入框组件属性

1. 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。
2. 单击“新增模型”，进入新增模型页面。
3. 设置模型名称与来源，单击“下一步”。
   图2 定义模型
   

   AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠标单击事件）中调用这些API，以实现某些功能。

   表1 模型来源说明

   分类	模型说明	模型参数的定义	模型方法的定义	API调用方法
   自定义	开发者自行定义的模型。	由开发者自定义，可以添加子节点。	开发者自定义方法。	$model.ref("modelName").actionName();
   对象	由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。	系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。	系统自动生成查询、保存、删除和统计四个方法。	$model.ref("modelName").query(param); $model.ref("modelName").save(); $model.ref("modelName").delete(); $model.ref("modelName").count();
   服务	服务模型由后台服务映射生成，当前支持与服务编排或脚本映射。关于服务模型的详细介绍，请参见服务编排和脚本。	参数根据后台服务的入参、出参，映射生成为inputParam和outputParam节点。	系统自动生成run方法 ，用于执行模型关联的服务编排或脚本。	$model.ref("modelName").run();
   事件	事件模型由后台事件的字段映射生成，并且支持websocket刷新模型数据。	参数根据后台事件的字段映射生成。	直接使用	直接使用

   除了在模型中定义的方法，低代码平台还提供了如下标准API，适用于所有的模型。

   • 获取模型数据：$model.ref("modelName").getData();
   • 设置模型数据：$model.ref("modelName").setData();
   • 设置模型字段值：$model.ref("modelName").setValue(key,value);
4. 在新建模型“设置”页面，执行如下操作。
   • 上一步来源选择“自定义”，需要添加子节点自定义参数及类型。
   • 上一步来源选择“对象”，需要配置模型关联的对象以及字段。
   • 上一步来源选择“服务”，需要配置模型关联的后台服务，可以是脚本、服务编排或者公共接口。
   • 上一步来源选择“事件”，需要配置模型关联的事件以及事件字段。
5. 单击“下一步”，设置方法。

   方法一般无需添加，如需添加或修改，可参考对象和服务默认生成的方法。

6. 设置完成后，单击“确定”。

1. 在“数据绑定”中，单击“属性值绑定”后的“+”。
2. 在“属性”下拉框中，选择容器的某个属性。
3. 在模型字段中，单击，进入选择模型页面。
4. 单击“新增模型”，进入新增模型页面。
5. 设置模型名称与来源，单击“下一步”。
   AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠标单击事件）中调用这些API，以实现某些功能。详细介绍，请参见表1。

   图3 定义模型
   

6. 在新建模型“设置”页面，执行如下操作。
   • 上一步来源选择“自定义”，需要添加子节点自定义参数及类型。
   • 上一步来源选择“对象”，需要配置模型关联的对象以及字段。
   • 上一步来源选择“服务”，需要配置模型关联的后台服务，可以是脚本、服务编排或者公共接口。
   • 上一步来源选择“事件”，需要配置模型关联的事件以及事件字段。
7. 单击“下一步”，设置方法。

   方法一般无需添加，如需添加或修改，可参考对象和服务默认生成的方法。

8. 设置完成后，单击“确定”。

• 布尔类型：返回为“false”表示未通过校验，即校验失败，如果需要配置错误提示信息，则直接设置界面上“校验错误信息”参数；返回值为“true”，表示通过校验。
• 对象类型：返回为“{result:false, message:'对应错误提示信息'}”，表示未通过校验，message值为错误提示信息；返回为“{result:true}”，表示校验通过，一般不用带提示信息。

示例如下：

• 示例1：校验输入文字内容长度不能超过10个字符。

  return value.length <= 10

  其中，“value”变量为系统已定义好的，表示输入内容变量，可直接使用该变量。

• 示例2：校验输入文字内容只能输入大写的A-Z，或者小写的a-z。
  返回值类型为布尔：

  var reg = new RegExp("^[A-Za-z]+$");
  return reg.test(value);

  返回值类型为对象：

  var reg = new RegExp("^[A-Za-z]+$");
  if (reg.test(value)) {
   return true;
  } else {
    return {result: false, message:'输入内容不符合规则，只能输入大写的A-Z，或者小写的a-z'};
  }

• 示例3：校验输入文字内容是否是邮箱，该示例可能不覆盖全部邮箱类型场景，仅举例使用。示例JS代码如下：

  var reg = new RegExp("^[a-z0-9A-Z]+[- | a-z0-9A-Z . _]+@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-z]{2,}$");
  return reg.test(value);