检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标准页面布局 标准页面的布局设置一般有以下3种场景: 基础布局设置:适合对CSS与HTML不是非常了解的用户,通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局:适合使用标准页面在不同大小屏幕(PC、平板、手机等)下呈现出开发者想要的显示效果场景。 高级布局设置:针对
否则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应用设计器中,单击左侧导航栏中的“设置”。 在“高级设置”中,取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图6 取消选中 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。 单击,从“全部
流程图:流程中使用的流程图组件。 为标准页面添加组件 标准页面是一种将一个或多个组件拖进画布,进行低代码甚至无代码的配置,即可快速完成业务功能的前端页面。在设计标准页面时,可以直接从左侧“组件”区域,将这些组件拖拽到中间“设计视图”。 图1 为标准页面添加组件 父主题: 标准页面
设置AstroZero标准页面二维码组件属性 二维码用于根据文本内容或链接地址生成二维码,用户通过微信或支付宝扫描二维码,可查看到文本内容或者跳转到相应的链接。 图1 二维码 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
如何设置页面水印 使用说明 如果需要为高级页面设置水印,可参考本章节操作。 操作步骤 参考登录经典应用设计器中操作,登录经典版应用设计器。 在需要设置水印的高级页面后,单击“...”,选择“设置”。 若页面已被锁定,请在编辑页面上方单击,先获取锁。 图1 选择“设置” 在“水印”
中数据。 图5 为对象添加数据 新建对象模型。 在应用设计器中,选择“界面”,单击页面后的“+”。 输入页面的标签和名称,单击“添加”,新建一个标准页面。 在标准页面底部,单击“模型视图”,将页面从设计视图切换到模型视图。 单击“新增模型”,输入模型名称(link)、“来源”选择“对象”,单击“下一步”。
弹性布局实现居中 移动端配置 固定底部:开启后,在移动端预览页面时,容器组件在页面底部显示。 图17 显示在页面底部 固定顶部:开启后,在移动端预览页面时,容器组件在页面顶部显示。 图18 显示在页面顶部 按钮填满容器:开启后,在移动端预览页面时,按钮组件填满整个容器。 图19 按钮填满容器
自适应高度:组件的高度是否随宽度改变。 开启:勾选该按钮,下方可见页面适配功能。 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。 边框 设置组件的边框样式,支持全边框和角边框两种。 全边框 样式
挂载前端页面 应用开发完成后,要将页面挂载到导航条上,作为应用菜单,在应用预览时,查看应用相关页面。应用菜单仅支持开发者号的管理员查看,业务号只能查看对应权限的页面。 操作步骤 在经典版应用开发页面,单击左侧导航栏下方的“配置”。 图1 应用配置入口 在“导航条”页签,单击“菜单树”右侧的“+”,选择“添加页签”。
基本的表单页面。 多区域表单 有间隔区域的多区域表单页面。 基础表格 单张表生成表格模板,包含增、删、改、查。 基础详情页面 基础的详情页面。 自定义模板“我的模板”:为用户自定义的页面模板,开发好页面后在上方单击另存为按钮,打开“另存为模板”开关,即可创建自定义页面模板。创建后
详细说明 默认 页面跳转 跳转至其他页面,配置参数说明: 页面类型:设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。 高级页面、标准页面、外部页面:选择高级页面、标准页面或输入外部页面的地址。 动作参数:通过页面宏传递参数,可暂且不关注。 页面打开方式:设置跳转页面的打开方式
高级页面专项 使用AstroZero自定义组件在页面中的属性 使用AstroZero为组件配置中英文语言属性 使用AstroZero创建高级页面适配多终端显示 使用AstroZero开发高级页面时如何引用第三方库 在AstroZero高级页面中使用花瓣图展示订单数据 在Astro
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
标准页面专项 为AstroZero标准页面中表格的数据增加链接 为AstroZero标准页面中的表格增加求和等计算能力 为AstroZero调查问卷应用新增调查项 在AstroZero标准页面的表格中显示图片
页面列表 “页面类型”选择“标准页面”或“高级页面”时,需要在页面列表中选择需要跳转的已创建的“标准页面”或“高级页面”。 “页面类型”选择“自定义页面地址”时,请直接输入需要跳转的页面地址。 打开新页面:是否在新页面,打开目标页面。 设置完成后,单击“确定”,将自动生成转跳代码至剪切板,只需要粘贴到面板即可。
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
根据ID查询标准页面 功能介绍 按view_id查询标准页面。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/View/{view_id} 表1 参数说明 参数 是否必选 参数类型 描述 view_id 是 String 参数解释:
如何调测前台页面 使用说明 在高级页面开发过程中,常需要调测自定义组件或整个前台页面,本节将介绍高级页面调测的常用工具。对于自定义组件的开发和调试,AstroZero提供Scaffolding脚手架工具,可实现本地开发组件的实时在线调测。对于前台页面中常遇到的样式或功能问题,可借
路由导航(示例):通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据页面提供更多的交互模式。 选项卡:用于快速在页面某区域中切换不同内容,显示为其关联内容上方的单行元素。 其它 用户自定义的组件会显示在“其他”中。 为高级页面添加组件 高级页面是由一个或者多个组件拼装而成。在设计高级页面时,可通过