检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 AstroZero支持
值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。
型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 AstroZero支持
在应用设计器的左侧导航栏中,选择“界面”。 在页面中,将鼠标放在对应的标准页面上,单击,选择“详情”。 在标准页面的详情页面,可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后,支持将标准页面移动到拥有开发权限的应用中。例如,A应用中创建的标准页面,在B应用中也会用到,为避免多次重复创建,可
否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中,单击左侧导航栏中的“设置”。 在“高级设置”中,取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 创建CommodityDisplay高级页面。 首次创建高级页面时,会出现视图选项
值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。
高级页面布局 使用说明 在低代码平台中,可以通过如下两种模式,开发高级页面。 绝对布局:在绝对布局中,每个组件可在页面中任意位置进行拖拽放置,组件的宽高可自定义设置。绝对布局常用于大屏页面的开发。 流式布局:在流式布局中,拖拽到页面中的组件,将根据从上到下、从左到右的顺序依次排列
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
创建一个标准页面 创建一个空白的标准页面,并根据实际业务完成页面设计。 创建标准页面 参考登录经典应用设计器中操作,进入应用设计器。 在对应的文件夹后,单击,选择“标准页面”。 输入标签页面的“标签”和“名称”,单击“添加”。 根据业务需求,设计标准页面。 参考平台标准组件介绍中操作,为标准页面添加组件并设置组件属性。
高级页面 什么是高级页面 高级页面布局 全局高级组件 开发高级组件 如何实现组件交互 如何调用后台接口 如何自定义组件属性 如何配置组件多语言 如何引入第三方库 如何适配多终端 如何使用WebSocket 管理页面级数据源、全局状态 如何检查页面性能 如何调测前台页面 如何设置页面水印
如何调测标准页面 标准页面开发完成后,需要预览调测,验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后,需要预览调测,验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
弹性布局实现居中 移动端配置 固定底部:开启后,在移动端预览页面时,容器组件在页面底部显示。 图17 显示在页面底部 固定顶部:开启后,在移动端预览页面时,容器组件在页面顶部显示。 图18 显示在页面顶部 按钮填满容器:开启后,在移动端预览页面时,按钮组件填满整个容器。 图19 按钮填满容器
发布当前开发的页面,页面发布后可以预览该页面的运行态效果。 页面修改、保存后,需再次执行发布操作,才能在应用和预览页面中体现修改内容。 :页面发布后,可以预览该页面运行态效果。 :页面开发完成后,可将该页面发布为模板。 /:页面开发过程中如果出现误操作,可执行撤销、复原操作。 :低代码平台支持检查高级页面性能,生成性能报告页供开发者查看。
”,选择“编辑”,进入编辑应用页面。 在页面右上角,单击“查看统计”。 图1 查看统计 如果没有创建过统计页面,显示如图2,请单击“点击创建”。 图2 创建统计报表入口 如果之前创建过统计页面,需要重新编辑,则单击已有统计页面后的。 配置统计页面。 在页面左上角,设置统计页面名称。 在页面上方,单击
编辑页面、删除页面、下载页面、发布页面模板、复制页面、保存发布页面。同时,在进行页面设置前,必须先锁定页面设置。 多人协同操作页面,锁定规则如下: 锁定高级页面的前提:该页面未被他人锁定,且页面设置未被他人锁定。 锁定页面设置的前提:所有页面包括页面设置,未被他人锁定。 每个用户只允许锁定一个页面或页面设置。
型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 AstroZero支持
}) 返回标准页面开发界面,单击页面上方的,保存页面。 设置工具栏区域。 在左侧“设计视图”中,选中“表格”,单击右侧“属性 > 表格区块 > 工具栏”后的“添加”。 删除上图工具栏中多余的按钮,只保留“新增行”、“保存”和“删除”按钮。 单击页面上方的,保存页面。 树形数据功能介绍
设置AstroZero高级页面雷达图组件属性 雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 图1 设置雷达图属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。
值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。
中操作,为标准页面添加组件。 参考设置AstroZero标准页面组件属性中操作,设置标准页面组件属性。 参考添加事件实现AstroZero组件间交互中操作,为组件添加交互动作。 设计完成后,单击页面上方的,保存标准页面。 保存成功后,单击,预览标准页面。 如果预览效果和预期不符,可返回标准页面进行修改,直至符合预期。