检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
解压已获取的组件包，在BridgeTestWidget.editor.js文件中，配置桥接器实例。
创建空白AstroZero脚本 服务编排和脚本一样，都是完成业务接口和逻辑开发的，服务编排是图形化的，适用于业务逻辑比较简单的场景，而对于业务逻辑比较复杂的场景，您可以通过在线开发TypeScript脚本实现。
基于应用模板修改或DIY开发，完成问卷、投票、测试、信息收集等工作，还能在线筛选、分析数据。为了让开发者更快捷的完成开发任务，AstroZero零代码提供了大量能力提升开发者的开发效率。
修改解压后的“Vue3Navigator_Widget.js”文件。 “Vue3Navigator_Widget.js”文件是Widget逻辑文件，整个Widget的渲染核心JS。
图2 选择一种方式 创建普通表单：对于一些业务数据在线收集、数据共享和事件跟进等场景，可选择创建普通表单。创建普通表单时，支持创建空白表单和从Excel创建两种方式。
系统提供自定义定时任务，您可以根据业务需求进行在线创建、查看、删除定时任务并监控任务执行的结果。 操作场景 创建一个定时任务“OfferingOffline”，用于实现从2021-11-25开始，每天零点自动将过期商品下架。
系统提供自定义定时任务，您可以根据业务需求进行在线创建、查看、删除定时任务并监控任务执行的结果。 除了在应用开发时创建定时任务，您还可以在环境配置中创建定时任务，详情请参见管理应用中的定时任务。
启用js编译器 当打包应用内有高级页面时，才会显示该参数。开启后，会将高级页面引用的插件和资源进行JS编译，使代码规范化。 高级设置 > 导航栏显示方式 在小程序中展示时，是否显示导航栏。 在OneMobile小程序容器管理后台，发布小程序。
op.submitInstance(variables)) 提交任务： $bpm(op => op.submitTask(variables)) 更改变量： $bpm(op => op.putVariables(variables)) 图3 在高级页面组件的事件中与BPM交互 另外，在高级页面的自定义组件的JS
自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 校验方法：输入JS代码定义校验规则，代码的返回值必须为布尔类型或者对象类型。
图20 自定义动作 示例中自定义的JS代码主要实现的功能为：利用JS调用后端服务，后端服务调用脚本完成删除功能。
在其他环境（测试或者运行环境）安装该包后，这些随包打包出的组件只可预览和下载，不可在线编辑、更新、启用或禁用，可在高级页面中直接使用该组件，但是不能定制。
图10 为列表视图添加事件 图11 输入自定义JS代码 const list = []; for (let i = 0; i < 5; i++) { list.push({ value: i + 1 }) } context.
在“widget_demo_i18n.js”的render方法中，使用平台提供的“HttpUtils.getI18n”方法返回一个“i18n”变量，并新建Vue实例传入该“i18n”变量。
还可以将该组件属性值“隐藏”配置为布尔类型模型字段，在自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 样式 布局：设置组件的宽度、高度等。
启用js编译器 当打包应用内有高级页面时，才会显示该参数。开启后，会将高级页面引用的插件和资源进行JS编译，使代码规范化。 高级设置 > 导航栏显示方式 在小程序中展示时，是否显示导航栏。 在OneMobile小程序容器管理后台，发布小程序。
图1 商品列表组件的响应式设计 操作步骤 参考在线开发高级组件中操作，下载组件模板widgetVueTemplate（组件名称设置为“commodityListWidget”）。
还可以将该组件属性值“隐藏”配置为布尔类型模型字段，在自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。
开发高级组件 在线开发高级组件 管理高级组件版本 父主题： 高级页面
图7 自定义JS代码 系统中已存在商品对象“命名空间__Product__CST”，并有“name”和“命名空间__status__CST”两个字段，分别是商品名和商品状态，且已有对象数据。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
