检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
”。 5 此处提供如下功能的快速入口： 页面设置：设置高级页面相关的配置，包括配置站点的运行态域名、站点首页，查看并管理当前应用已引用到的所有插件，包括组件、桥接器以及事件/动作、设置该站点页面在Web或者Mobile设备下的视图显示、设置站点级的变量等。 配置：配置应用的布局与颜色、导航条、选项列表、系统参数等。
选择桶：连接器的存储桶。 高级设置 在高级设置中，可设置轮播时长、切换方式等。 图2 高级设置 轮播设置 切换方向：广告图片的轮播切换样式，支持横向滚动切换、右下角滚动切换和纵向滚动切换。 加载自动播放：是否自动轮播。开启后，支持设置图片轮播时间间隔（不大于24秒）。 切换方式：设置图片切换时，展示的样式，如淡出、推出等。
效果。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择对应的属性。 在模型字段中，单击，进入选择模型页面。
在配置服务编排前，需明确具体步骤和子流程的分解，合理编排图元。 业务逻辑采用自上而下、从左往右的页面布局方式，业务逻辑展示清晰，同一任务多个步骤，横向排列，不同任务之间竖向排列。利用横向和竖向，做到层次缩进。 Decision图元里的Default改为表示主流程，类似于If Error Else Main
ile该应用上，单击“vConsole”，查看日志。 启用js编译器 当打包应用内有高级页面时，才会显示该参数。开启后，会将高级页面引用的插件和资源进行JS编译，使代码规范化。 高级设置 > 导航栏显示方式 在小程序中展示时，是否显示导航栏。 在OneMobile小程序容器管理后台，发布小程序。
名空间定义为“CNAME”，后续创建的所有应用、应用元素（数据对象、脚本、页面等）都将以“CNAME__”开头。 标准页面 标准页面基于Vue技术栈，平台预置丰富基础组件，也可以支持扩展，多用于表格表单等后端管理页面的快速开发。 标准页面开发界面提供图形化、无码化在线页面开发功能
容器组件 数据绑定 将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 图2 单击添加图标 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。
ile该应用上，单击“vConsole”，查看日志。 启用js编译器 当打包应用内有高级页面时，才会显示该参数。开启后，会将高级页面引用的插件和资源进行JS编译，使代码规范化。 高级设置 > 导航栏显示方式 在小程序中展示时，是否显示导航栏。 在OneMobile小程序容器管理后台，发布小程序。
其中，Commodity对象包含三个属性，分别为src（商品图片路径）、title（商品标题）和content（商品描述）。 var vm = new Vue({ el: $("#widgetVueTemplate",elem)[0], data:{ Commodity:
基本折线图 基本折线图是折线图的一种，用于实现折线图图表统计。 在高级页面设计器中，单击，从“图表 > 线状图”中，拖拽“基本折线图”组件到画布中，如图1所示。 图1 基本折线图 属性 在属性中，设置基本折线图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。
设置AstroZero高级页面基本折线图组件属性 基本折线图是折线图的一种，用于实现折线图图表统计。 图1 设置基本折线图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
开发报表 前提条件 报表关联的对象需要提前设置为“允许报表使用”，设置方法如下： 参考登录经典应用设计器中操作，登录经典版应用设计器。 单击报表关联的对象，进入对象详情页面。 在“基本信息”页签中，勾选“允许报表使用”。 图1 设置“允许报表使用” 创建报表 新建一个报表，并设定要显示的对象以及数据范围。
管理AstroZero报表 查看运行态报表 报表运行态可以对报表进行进一步的数据筛选和可视化呈现，也是对报表的一种预览和检查。 参考登录AstroZero新版应用设计器中操作，登录应用设计器。 在左侧导航栏中，选择“界面”。 在报表中，单击对应的报表，进入报表设计页面。 单击页面上方的，运行报表。
雷达图 雷达图是指通过极坐标的展现形式，使用围合的区域，来表示数据在不同维度的具体表现。 在高级页面设计器中，单击，从“图表 > 雷达图”中，拖拽“雷达图”组件到画布中，如图1所示。 图1 雷达图 属性 在属性中，设置雷达图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。
设置AstroZero高级页面雷达图组件属性 雷达图是指通过极坐标的展现形式，使用围合的区域，来表示数据在不同维度的具体表现。 图1 设置雷达图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
$(elem).append(containerDiv); } const app = Vue.createApp({ data() { return {
通过AstroZero中的脚本实现表单的提交限制功能 期望实现效果 在开发前端页面时，可以在脚本中为表单添加一些提交限制，来提升用户体验和数据的安全。例如，在脚本中定义一个延迟时间（如图1），在规定的时间内提交表单时，提示“Submission failed: Not PortalUser
等待图元 等待图元的作用 配置该图元能够等待已存在的事件或时间，根据条件决定后续执行何种操作。 如何使用等待图元 在逻辑中，拖拽“等待”图元至画布中。 选中等待图元，单击，设置基本信息。 表1 基本信息参数说明 参数 参数说明 标签 图元的标签，用于在页面显示。系统会自动填入该值
为AstroZero服务编排添加等待图元 等待图元的作用 配置该图元能够等待已存在的事件或时间，根据条件决定后续执行何种操作。 如何使用等待图元 在逻辑中，拖拽“等待”图元至画布中。 选中等待图元，单击，设置基本信息。 表1 基本信息参数说明 参数 说明 标签 设置图元的标签，用
发高级组件。 库 库是支撑高级组件运行的第三方依赖，若缺少相应的库，则组件不能正常运行。如果高级组件需要使用前端框架或组件库，例如流行的Vue（已预置）、Bootstrap、Element（已预置）等，需要将其制作成库资产，再上传到环境中使用。系统预置库及第三方库的引入方法，请参见如何引入第三方库。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
