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