检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置关联选项 设置当前字段其他选项的关联字段,单击“确认”。 图4 问卷模式设置 单击“保存”,并返回应用开发页面,分享表单,查看最终效果。 图5 查看最终效果 父主题: 零码课堂
X轴名称设置/坐标轴名称:坐标轴的名称内容。 X轴名称设置/字体大小:坐标轴名称的字体大小。 X轴名称设置/颜色:坐标轴名称的字体颜色。 X轴名称设置/刻度标签旋转的角度:控制刻度标签的旋转,在文字过长时可以避免重叠。 轴线设置/坐标轴显示:控制是否显示坐标轴。 轴线设置/轴线显示:控制是否显示轴线。 轴线设置/刻度显示:控制是否显示刻度。
将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中,通过自定义列的显示类型,可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果,信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建对象“urlList”,并为对象添加字段。 在应用设计器
垂直对齐方式选择“终点对齐” 通过对弹性布局属性的不同组合配置,实现用户想要实现的布局效果。例如,将排列方向设置为“行”,水平对齐方式和垂直对齐方式设置成“中间对齐”,实现居中布局的效果,如图16所示。 图16 弹性布局实现居中 移动端配置 固定底部:开启后,在移动端预览页面时,容器组件在页面底部显示。
在页面中设计并使用该库,实现引入第三方库的功能。本节将介绍如何引入并使用第三方库的具体操作步骤。 什么是库 库是指在设计页面时,需要依赖的库,若缺少相应的依赖库,则页面中无法实现某些功能。例如,页面需要具有地图选址功能,则系统需要先加载百度地图库,才能实现相应的功能。低代码平台中的库,分为系统预置库和自定义库。
查看页面性能报告。 单击图2中各指标后的“展开”,可查看性能指标详情。 图3 页面性能报告 当指标值超过建议值时,会标黄。 图4 超过建议值效果 父主题: 标准页面
使用AstroZero自定义组件在页面中的属性 期望实现效果 组件预置的属性不能满足您的业务需求时,支持为组件自定义属性。例如,为组件widget_demo_property自定义Text Property、Checkbox Property和Select Property三个属
某组件中需要使用Vue(系统预置库)以及MintUI(自定义库)为例,介绍如何上传自定义库,并在组件中使用库,最终实现效果如图1所示。 图1 引入库后效果 功能实现方法 将自定义库的相关文件打成Zip包。 例如,在MintUI官网下载组件库的代码,增加一个packageinfo.
图1 新建或编辑已有事件 图2 事件编排器 事件编排是页面的重要组成部分,用于承载页面中的逻辑,完成事件响应,以帮助用户快速高效地实现页面所需要呈现的功能效果。 事件行为区:集中存放事件编排过程中使用的行为节点,包括系统内置的动作(例如打开页面、弹出页面、显示或隐藏控件、定时任务、提
页面发布成功后,单击,进入预览页面,查看页面效果。 新增了路由页面3,结果符合预期。 图9 预览效果 嵌套路由导航开发示例 如果要在路由导航中嵌套路由,即实现如图10所示页面效果。需要在第一级路由导航js文件的路由参数中,使用children配置。 图10 嵌套路由页面效果 参考基于预置组件进行自定
页面发布成功后,单击,进入预览页面,查看页面效果。 新增了路由页面3,结果符合预期。 图8 预览效果 嵌套路由导航开发示例 如果要在路由导航中嵌套路由,即实现如图9所示页面效果。需要在第一级路由导航js文件的路由参数中,使用children配置。 图9 嵌套路由页面效果 参考基于预置组件进行自定义
在AstroZero高级页面中使用花瓣图展示订单数据 期望实现效果 高级页面中组件展示的数据除了系统预置的静态数据之外,还支持动态数据,即通过调用脚本、服务编排或对象等接口动态生成的数据。例如,将玫瑰花饼图的数据修改为订单对象中的数据。 图1 实现效果 功能实现方法 在应用设计器中,选择“界面”,单
为AstroZero标准页面中的表格增加求和等计算能力 期望实现效果 在标准页面中,支持为表格增加求和、求积等计算能力,来提升数据的处理效率。例如,将表格中“商品花费”列的值设置为 “商品数*价格+其他成本”。 图1 实现效果 功能实现方法 创建对象“ProductList”,并为对象添加字段和数据。
X轴名称设置/坐标轴名称:坐标轴的名称内容。 X轴名称设置/字体大小:坐标轴名称的字体大小。 X轴名称设置/颜色:坐标轴名称的字体颜色。 X轴名称设置/刻度标签旋转的角度:控制刻度标签的旋转,在文字过长时可以避免重叠。 轴线设置/坐标轴显示:控制是否显示坐标轴。 轴线设置/轴线显示:控制是否显示轴线。 轴线设置/刻度显示:控制是否显示刻度。
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中,支持为表格中的数据增加超链接,来提升用户体验和数据交互的便捷性。例如,在表格的webName列中,将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址,单击会跳转到对应的页面。 图1 实现效果 功能实现方法 创建对象“websiteList”,并为对象添加字段。
程信息显示流程图。 图5 组件效果图 在标准页面设计界面,从“基本组件 > 流程”中,拖拽“流程图”组件至页面工作区域,如图6。 图6 流程图 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据
页签,执行更新操作,保存后可使得新版组件在高级页面中生效。 图9 更新组件版本示例 最终效果展示。 组件版本更新后可见图片已能完全展示,重新发布后,预览测试最终效果即可。 图10 最终测试效果示例 父主题: 开发高级组件
为AstroZero调查问卷应用新增调查项 期望实现效果 调查问卷页面中的问卷项由对象模型定义,如果需要添加或修改调查项,需要先修改对象模型“问卷记录表”。例如,在Astro轻应用开发者调查问卷应用中,新增调查项“您最常使用的功能或者您最感兴趣功能有哪些?”(效果如图1),需要在问卷记录表对象模型中添加自定义字段。
页面中设计并使用该库,实现引入第三方库的功能。本节将介绍如何引入并使用第三方库的具体操作步骤。 什么是库 库是指在设计页面时,需要依赖的库,如果缺少相应的依赖库,则页面中无法实现某些功能。例如,页面需要具有地图选址功能,则系统需要先加载百度地图库,才能实现相应的功能。低代码平台中的库,分为系统预置库和自定义库。