检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
下一步”。 图6 新建模型 选择3中创建的对象和添加的字段，单击“下一步”。 图7 选择对象和字段 直接单击“确定”，完成模型创建。 返回设计视图页面，新建表格关联模型。 在标准页面底部，单击“设计视图”，从模型视图切换到设计视图。 在标准页面中拖入一个表格组件。 图8 拖入表格组件
如果选择“下载原始模板”，下载到本地的组件包中，组件名称不会被修改。 图2 保存模板 解压下载到本地的模板包，新建“img”文件夹，存放商品图片，此处存放了10张商品图片，分辨率统一为380x440，如图3所示。 图3 新建img存在商品图片 在commodityListWidget.js中，新建Commodity对象并为其赋值。
弧度：设置组件边框四个角的弧度，单位px。 边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。
在“样式”下的“背景”，将背景颜色修改为浅蓝色（#9BCCEF）。 图8 设置背景为浅蓝色 选中图标，设置图标颜色为深蓝色（#004080）。 图9 设置图标颜色为深蓝色 选中图标后的“标签”，设置“文本内容”为“基本信息”。 图10 设置标签内容为基本信息 您还可以根据需要，修改边距等其他样式，使其更美观。
URL组件用于录入URL信息。系统已预置校验格式，当用户输入URL格式不正确时，会报错。 在表单开发页面，从“数据组件”中，拖拽“URL”组件至表单设计区域，如图1。 图1 URL 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 只读时展示为超链接：勾选表示该字段只读时，会展示为超链接。
在高级页面设计器中，单击，从“仪表盘”中，拖拽“仪表盘”组件到画布中，如图1所示。 图1 仪表盘 属性 在属性中，设置仪表盘组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。
弧度：设置组件边框四个角的弧度，单位px。 边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。
电话组件用于录入11位数的手机号码。系统已预置校验格式，当用户输入手机号不正确时，会报错。 在表单开发页面，从“数据组件”中，拖拽“电话”组件至表单设计区域，如图1。 图1 电话 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 验证：对字段进行限制设置。 必填：该字段是否必填。
部门 部门组件用于获取组织机构。 在表单开发页面，从“数据组件”中，拖拽“部门”组件至表单设计区域，如图1。 图1 部门 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 可选择记录数：选择组织内配置好的部门，支持单选或多选。 可选范围：选中“可选范围”
金额 金额组件用于录入金额。 在表单开发页面，从“数据组件”中，拖拽“金额”组件至表单设计区域，如图1。 图1 金额 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 货币单位：设置货币的单位。 保留小数位数：设置精确保留的小数位数。 验证：对字段进行限制设置。
不正确时，会报错，参考格式为“***@example.com”。 在表单开发页面，从“数据组件”中，拖拽“邮箱”组件至表单设计区域，如图1。 图1 邮箱 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 只读时展示为超链接：“字段属性”设置为“只读”时，该字段会展示为超链接。
在高级页面设计器中，单击，从“装饰 > 通用”中，拖拽“自定义背景框”组件到画布中，如图1所示。 图1 自定义背景框 属性 在属性中，设置自定义背景框组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。
在表单开发页面，从“数据组件”中，拖拽“关联记录”组件至表单设计区域，如图1。 图1 关联记录 例如，系统预置的“订餐应用”，“选择套餐”字段为关联记录组件，关联“已上架套餐”视图页面的某些字段，用于订餐人选择订餐。 图2 配置样例 图3 展示效果 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。
设置AstroZero标准页面图片组件属性 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
设置出差申请人、资产责任人、维护人员、流程表单设置审批人时使用。 在表单开发页面，从“数据组件”中，拖拽“用户”组件至表单设计区域，如图1。 图1 用户 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 可选择记录数：设置可选的用户是单选还是多选。 可选
勾选字段属性中的“禁用”属性，同时设置默认值为“当前日期”。 在表单开发页面，从“数据组件”中，拖拽“日期时间”组件至表单设计区域，如图1。 图1 日期时间 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 日期格式：系统已预置多种日期格式，请根据需要选择。
百分比组件用于记录比例、比率等数值。使用该组件录入数据时，系统会默认在数据后加上百分号“%”。 在表单开发页面，从“数据组件”中，拖拽“百分比”组件至表单设计区域，如图1。 图1 百分比 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 保留小数位数：支持设置精确保留的小数位数，适用于金额录入等场景。
添加分隔符。如果有超过15位数字的输入要求，建议替换为文本组件。 在表单开发页面，从“数据组件”中，拖拽“数值”组件至表单设计区域，如图1。 图1 数值 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 保留小数位数：支持设置精确保留的小数位数，适用于金额录入等场景。
log，写日志分析复杂的问题。 脚本编辑界面如图1所示，您可以在线编辑、测试和发布脚本。 图1 脚本编辑界面 按钮区域 脚本编辑页面常用的图标按钮区，具体功能说明如表1所示。 表1 图标说明 图标 说明 / ，单击即可启用脚本，该图标高亮时，表示当前脚本已被启用。 脚本开发完成后
log，写日志分析复杂的问题。 脚本编辑界面如图1所示，您可以在线编辑、测试和发布脚本。 图1 脚本编辑界面 按钮区域 脚本编辑页面常用的图标按钮区，具体功能说明如表1所示。 表1 图标说明 图标 说明 / 获取锁、释放锁。脚本在获取锁后，才能进行编辑。 / ，单击即可启用脚本，该图标高亮时，表示当前脚本已被启用。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
