检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在表单开发页面，从“数据组件”中，拖拽“公式”组件至表单设计区域，如图1。 图1 公式 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 计算方式：根据实际需求选择计算方式，支持求和、平均值、乘积和自定义等。 保留小数位数：支持设置精确保留的小数位数。
在表单开发页面，从“通用组件”中，拖拽“图片”组件至表单设计区域，如图1。 图1 图片 显示名称：设置图片显示名称，默认隐藏显示名称。 选择图片：单击“上传图片”，上传需要展示的图片。 点击放大预览：勾选后，可放大预览图片。
let data = $model.ref("form_0").getData(); //一些特殊字段数据处理 data.name = data.name.join(";"); // 提交表单 var _form = context.
$component.form; // 重置表单 _form.resetFields(); 在标准页面的自定义事件中，还内置了一些与工作流BPM交互的API： 获取变量：context.$工作流.loadVariables(): Promise 提交任务、流程： context.
如图3所示，选择需要定制的页面，单击编辑表单图标。 表单是由文本框、单选、多选和下拉列表等组件构成，用于用户填报提交数据，并收集数据的工具。在一个应用中，可根据自身业务需求，创建一个或多个表单。 图3 编辑表单 从左侧组件库中，拖拽具体组件到页面编辑区域并设置组件属性。
脚本专项 通过AstroZero中的脚本实现表单的提交限制功能 通过AstroZero中的脚本实现表格数据的增加和删除
约束与限制 创建同款、克隆应用仅拷贝应用结构（表单、视图等），应用下的数据及权限不会被同步。 跨租户克隆应用 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击应用后的“...”，选择“编辑”，进入编辑应用页面。
事件行为区：集中存放事件编排过程中使用的行为节点，包括系统内置的动作（例如打开页面、弹出页面、显示或隐藏控件、定时任务、提交表单、重置表单等）和自定义动作（例如获取当前组件、获取页面模型等）。 事件定义区：事件编排的操作区域，完成对事件逻辑的编排。
表单校验 当组件在表单中时，可对组件进行一些校验配置。当且仅当组件在表单中时，校验才生效。 必填：开启必填时，该输入框为必填字段。输入框界面展示会有提示必填，此校验功能必须是输入框存在于某个表单组件中。 必填错误信息：当必填输入框没有进行输入取值时，界面提示的报错信息。
企业成员：不可编辑和删除应用，可填写表单数据提交表单。 企业成员 业务用户创建后，打开3中获取的“对内部用户分享”地址，即可登录培训报名应用，提交问卷。 图16 应用登录页 相关信息 零代码应用创建后，可以为应用创建自动化任务，实现智能化操作。
图14 出差申请工作流开发页面 表2 出差申请工作流中各节点功能介绍 编号 节点 功能说明 1 提交申请 开始节点，调用一个标准表单TravelRequest，供出差申请人提交出差申请。 2 数据映射 将出差申请标准表单中的请求字段映射到对象中。
图4 生成页面 在生成页面中，选择“生成新页面 > 表单页”（不支持“同时创建导航菜单”），单击“确定”。 图5 生成表单页 生成列表页后，单击页面上方提示信息中的“立即打开”，即可跳转到生成的表单页面。 返回应用开发工作台，在左侧导航栏中，选择“界面”。
了解高级页面 AstroZero前端页面有标准页面、高级页面和表单三种。本节主要带您了解、学习并使用高级页面。 标准页面：对于一般的业务应用系统，其功能主要是针对业务数据的增、删、改、查，前端界面的样式相对简单的页面场景，此时，推荐您使用平台提供的“标准页面”。
图4 问卷模式设置 单击“保存”，并返回应用开发页面，分享表单，查看最终效果。 图5 查看最终效果 父主题： 零码课堂
标准页面中的组件是基于Vue.js的通用基础组件，常用于管理端表格表单类的页面开发，如布局容器、数据容器、输入、显示、按钮等。
值绑定：表单、表格、列表视图对应的数据绑定，以及输入框、下拉框等基础组件对应的value绑定，类似Vue的v-model。 属性绑定：将组件的某个属性，如只读、禁用、必填等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。
内置的模板代码，主要包括组件、消息&弹窗、页面、表单、表格、服务等。在编写JS代码时，可直接使用系统预置的API，相关API说明，请参见标准页面中预置的API。 图1 使用内置的模块代码 图2 内置模板代码 当代码较多时，可以单击代码编辑区域右上侧的，最大化代码编辑页面。
例如，在标准页面中添加一个“表单”组件，并绑定数据对象为“Alarm”，选择前三个字段，添加“保存”和“重置”按钮，单击“完成”。然后先单击“保存”按钮，再单击“预览”按钮，效果如图1启用前效果图所示。
设置AstroZero标准页面表格组件属性 表格是一个组合组件，与模型绑定之后，可以提供快速构建基本表单能力，包括查询、保存、重置能力。同时，支持用户根据实际业务需求，进行二次修改编排。
选中“保存”按钮，修改“显示名称”为“搜索”，设置单击“事件”页签，再单击，删除“提交表单”事件，然后单击“点击”后的“+”，进入事件编排页面，在“自定义动作”中，输入以下事件代码，单击“创建”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
