检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
高级页面 什么是高级页面 高级页面布局 全局高级组件 开发高级组件 如何实现组件交互 如何调用后台接口 如何自定义组件属性 如何配置组件多语言 如何引入第三方库 如何适配多终端 如何使用WebSocket 管理页面级数据源、全局状态 如何检查页面性能 如何调测前台页面 如何设置页面水印
“保存”,这里使用Records标准页面。 图1 新建页面布局 在左侧可以选择各种组件,单击中间画布的组件,可以在右侧修改组件的属性等。 图2 布局页面编辑 单击每个字段的Input组件,配置字段属性,如图2的name字段(因为这里使用了Records标准页面,不修改也可以直接保存。如果想添加组件就可以按需求添加)。
的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 禁用:是否禁用该组件。 只读:值是否只读。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。
idget组件详情页进行相应的切换展示。 通过在线编辑器完善组件。 测试结果基本满足预期,但是由于图片尺寸不同,有些图片未能完全展示,还需优化。本例中向您介绍AstroZero平台提供的,在线组件开发工具。 单击组件详情页中的“编辑”,在跳转到的“组件编辑”页面进行组件代码开发,完成后单击“发布”,即可完成组件更新。
单击自定义字段列表中的具体字段名,进入自定义字段详情页,单击“设置字段级权限”,可单独设置字段的访问权限,即哪些权限Profile可以查看或修改该字段。 图17 单击字段名 图18 设置字段级权限入口 图19 设置字段级权限 (可选)将对象字段添加到对象的页面布局。 默认批量创建自定义
在弹出的确认页面,确认后单击“确定”。 参考表1,配置项目级代码仓库。 其中,“忽略测试脚本”表示是否忽略脚本名以“_test”结尾的脚本,该脚本为开发者在开发应用时创建的测试脚本,脚本命名时以“_test”结尾。勾选表示忽略,勾选后,“_test”结尾的脚本不会归档至代码仓中。 图10 项目级代码仓库配置 步骤3:进行代码托管
单击“Equipment Records”,打开页面详情。 图8 对象布局 选中列表“表格”,如图9所示,再单击界面右侧“属性”页签中的。 如果当前页面已锁定,请先单击,解锁页面。 图9 绑定Records 单击Records后的编辑图标。 图10 编辑Records 选择对象及要显示在页面
交互时,频繁的给每个组件去定义事件或动作就比较繁琐了。此时,可以通过定义全局状态,来实现页面级所有组件中数据信息的更新。 AstroZero低代码平台高级页面支持设置全局状态,通过页面级内存方式共享数据,即采用集中式存储管理页面所有组件的状态,并以相应的规则保证状态以一种可预测的
的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 样式 布局:设置组件的宽度、高度等。 高级设置 > 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”
的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。
事件”页签,设置组件的关联事件。例如,选择一个“按钮”,然后在按钮的“点击”事件中,添加相应的事件代码,实现在单击按钮后将界面输入保存到数据库中。 图5 编辑组件的关联事件 利用组件导航,快速选中组件。 当选中某个组件时,页面上方会在组件导航上显示它的html标签层级。 因此,在
的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 禁用:是否禁用该组件。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。
的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。
的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。
在“新建资源”页面,选择资源库,设置作用域,单击“新增”。 作用域说明如下: 全局:该Library可应用于该站点所有高级页面。 视图级:该Library仅应用于web或者mobile视图中。 页面级:可应用于具体哪些高级页面。 图8 新建资源 库的引用顺序 库的引用顺序可调整 高级页面中库的引用顺序是可以
页,查看并管理当前应用已引用到的所有插件,包括组件、桥接器以及事件/动作、设置该站点页面在Web或者Mobile设备下的视图显示、设置站点级的变量等。 配置:配置应用的布局与颜色、导航条、选项列表、系统参数等。 服务:配置该应用的自定义接口以及进行接口权限控制。 6 :预览所开发的应用。
如何创建视图对象 什么场景下需要使用视图对象 通过可视化的方法来实现多个对象之间关联数据查询功能,获取您需要的对象视图,而不用手动编写SQL语句。 场景描述 对象DepartmentInfo存储了部门信息,包括部门ID、部门经理姓名。对象EmployeeInfo存储了员工信息,包
的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 样式 表格宽高:设置表格的宽度和高度。 布局:设置表格显示样式、内外边距、宽高。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。
通过视图对象查询AstroZero对象数据 通过可视化的方法,来实现多个对象之间关联数据查询功能,获取您需要的对象视图,而不用手动编写SQL语句。 例如,对象DepartmentInfo存储了部门信息,包括部门ID、部门经理姓名。对象EmployeeInfo存储了员工信息,包括员
的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 禁用:是否禁用该组件。 只读:值是否只读。 样式 > 高级设置 > 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。