检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AstroZero标准页面中,如何实现移动端上拉异步加载数据功能? 在AstroZero标准页面中,通过添加一个视图列表组件,即可实现在移动端数据的上拉异步加载功能,具体操作如下: 在AstroZero服务控制台的主页中,单击“进入首页”,进入AstroZero应用开发页面。
WeLink用户移动端已安装移动端WeLink,登录WeLink时需要使用移动端WeLink进行扫码登录。 为WeLink用户添加开发者权限 参考登录管理中心中操作,以账号登录AstroZero管理中心。
将鼠标放在对应的脚本上,单击,选择“移动”。 在移动到其他应用中,选择待移动的元素,单击“下一步”。 选择脚本待移动到的应用,单击“确认”。 只支持移动到有开发权限的应用下。 克隆脚本 脚本创建完成后,支持将脚本克隆到当前应用中。
将鼠标放在对应的事件上,单击,选择“移动”。 在移动到其他应用中,选择待移动的元素,单击“下一步”。 选择事件待移动到的应用,单击“确认”。 只支持移动到有开发权限的应用下。 克隆事件 事件创建后,支持将事件克隆到当前应用中。
在右侧的触发器中,单击已创建触发器后的,选择“移动” 。 根据业务需求,选择待移动的元素,单击“下一步”。 选择应用,单击“确认 ”, 移动所选的元素到其他应用中。 只能移动到有开发权限的应用中。 克隆触发器 触发器创建完成后,支持将触发器克隆到当前应用中。
移动标准页面 标准页面创建后,支持将标准页面移动到拥有开发权限的应用中。例如,A应用中创建的标准页面,在B应用中也会用到,为避免多次重复创建,可以将A中的标准页面先克隆,再移动到B应用中。 参考登录AstroZero新版应用设计器中操作,进入应用设计器。
如何在WeLink移动端开发和访问代码应用,请参见在移动端开发零码应用。 开发流程 在WeLink开发零码应用的流程,如图1所示。
隐藏移动端:在移动端隐藏该外部链接。 设置完成后,单击“确定”。 在左侧表单列表中,可查看到已新建的外部链接。单击该链接,可跳转到对应页面。 图2 外部链接地址 如果新建外部链接时,勾选了“隐藏PC端”,在应用查看页面,将无法查看到该外部链接。
移动端:设置应用在移动端显示的样式。 应用主题:系统预置的主题颜色,单击“管理应用主题”,可自行设计应用主题。 布局选项:提供了一些常见选项,用于设置应用布局。 启用页签栏:是否启用页签栏。勾选后,应用中将会显示页签栏。
设置AstroZero标准页面表格(新)组件属性 表格(新)为数据表格组件,主要用于展示大量的结构化数据,支持电脑端和移动端。使用时,需要先通过数据绑定来绑定数据模型,再设置表格属性。
表格(新) 表格(新)为数据表格组件,主要用于展示大量的结构化数据,支持电脑端和移动端。使用时,需要先通过数据绑定来绑定数据模型,再设置表格属性。 表格(新)相对于表格(新)中的表格组件来说,更适用于移动端,但是不支持展示树形结构。
移动端独立设置:勾选后,可给移动端单独设置展示的图片。 裁剪:单击“裁剪”,可裁剪图片大小。 图片比例:设置显示的图片比例。 对齐方式:选择图片的对齐方式。 宽度:该组件宽度,占页面宽度的比例。 属性:设置字段的属性,勾选“隐藏”后,页面上会隐藏该字段。 父主题: 零码组件介绍
前提条件 已安装移动端WeLink,绑定WeLink时需要使用移动端WeLink进行扫码登录。 绑定WeLink AstroZero系统管理员登录华为云官网。 在“产品”中,选择“开发与运维 > 低代码平台 Astro > Astro轻应用 Astro Zero”。
例如,在表格的webName列中,将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址,单击会跳转到对应的页面。 图1 实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用AstroZero并购买实例中操作,申请AstroZero免费试用或购买商业实例。
如果用户仅开发了电脑端高级页面,在移动端也可加载显示,但由于分辨率差别较大,可能会出现效果不佳的情况。所以,开发显示在电脑端和移动端设备的高级页面时,推荐用户对电脑端和移动端视图分别进行设计与开发,这样能更好的自适应电脑端和移动端设备。
图7 在电脑端拖拽CommodityDisplay组件 在页面上方单击,切换到移动端,并拖拽commodityListWidget组件到右侧画布中。 图8 在移动端拖拽CommodityDisplay组件 单击页面上方的,保存高级页面后,单击,发布高级页面。
定位 定位组件用于根据定位获取当前所在位置,仅支持移动端设备使用。 在表单开发页面,从“数据组件”中,拖拽“定位”组件至表单设计区域,如图1。 图1 定位 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 验证:对该字段进行一些限制。
选择终端视图类型,支持电脑端和移动端。 参考统计页面组件介绍,从左侧选择合适的组件类型拖入到中间区域,并设置组件属性。 如图3所示,使用了饼图、柱状图、汇总值组件,并根据表单填报数据配置组件属性。
将鼠标放在定时任务上,单击,选择“移动”。 在“移动到其他应用”页面,单击“下一步”。 您也可以选择其他元素,一起移动。 在选择应用中,选择有开发权限的应用,单击“确认”。 移动成功后,单击提示信息中的“立即打开”,即可进入目标应用。
图6 分页记录数 移动端显示:在移动端中,以卡片的方式来显示表格。 如图7所示,设置终端视图类型为“移动端”,设置相关选项来查看效果。 图7 移动端显示 在右侧单击“操作设置”,设置视图操作相关属性。