检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图1 “待处理工单”页面 因当前页面组件较多,因此分3个大步骤开发页面,先拖拽页面的前端组件,再定义页面模型,进行模型与前端组件绑定,最后为页面添加相应的事件代码。 页面组件分析 分析图1的组成,可以将整个页面分割为3个区域:页面标题、查询条件和待处理工单列表区域,如图2所示。
根据ID查询标准页面 功能介绍 按view_id查询标准页面。
因高级页面中的跳转事件,访问高级页面时,将直接跳转至标准页面,在页面中提交打卡信息,验证页面功能。 图19 访问高级页面,验证页面功能 操作步骤(经典版) 使用应用模板快速创建一个应用及标准页面。 使用应用模板创建的应用中,默认包含有完整功能的标准页面。
高级页面中预置的API 在开发高级页面过程中,系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时,需要定义“组件名.js”文件,该文件为组件逻辑文件,是整个组件的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。
$root.popupKey).close(); 页面类 获取当前页面 API:context.$page.current 当前页面绑定的数据模型 API:context.$page.getModel() 页面URL参数 API:context.
创建“业务用户登录”页面 背景与原理 (可选)开发自定义登录组件 上传自定义登录组件 组装“业务用户登录”页面 父主题: 创建应用
如何刷新AstroZero对象的页面布局? 场景描述 对象的标准页面提供了Button元素,可以通过定义Button来配置执行脚本,通过脚本刷新页面。 解决方法 参考什么是对象中操作,进入对象配置页面。 图1 进入对象配置页面 在标准页面,单击,获取锁。
查询标准页面列表 功能介绍 查询标准页面的列表,仅包含基础信息,如果需要获取标准页面的内容,需要根据 ID 进行查询。
如何查看AstroZero标准页面的URL格式? 平台内部的规则是“/besBaas/page#/页面名称”。对象的布局页面也是通过标准页面实现的,所以可以通过查看对象的布局页面,了解标准页面URL的定义规则。具体步骤如下: 进入对象详情页面,选择“布局”。
触发器编辑页面总体介绍 触发器编辑页面如图1所示,各功能项说明请参见表1。 图1 触发器编辑页面 表1 触发器编辑页面参数说明 参数 参数说明 1 触发器的触发条件,在新建触发器时生成。 对象:新建触发器时选择,选择后不可修改。选择的对象,会决定可通过流程访问该对象的字段。
图1 在站点内引用库 在“新建资源”页面,选择“资源库”,选择库单击“新增”。 全局:该Library可应用于该站点所有高级页面。 视图级:该Library仅应用于web或mobile视图中。 页面级:可应用于具体哪些高级页面。 父主题: 应用前端开发
全局高级组件 轮播 图片 文本 自定义背景框 基本柱图 基本折线图 基本饼图 水位图 散点图 雷达图 仪表盘 翻牌器 路由导航和路由视图 父主题: 高级页面
在弹出的页面,单击“查看页面地址”,可获取高级页面访问地址。 图1 查看页面地址 当应用中有多个高级页面时,弹出的页面会显示所有高级页面,如图2。 图2 显示高级页面访问地址 关闭“查看页面地址”弹框,在“高级页面版本选择”页面,单击,可进入高级页面工作室。
可变参数下标请从0开始,变量样式为“{0}”,预览页面后效果为“变量值”。带转义符“\”的变参不会被替换,例如文本组件内容为“\{1}{1\}{\1}”,预览页面后效果为“{1}{1}{1}”。
管理应用中的页面资源 管理组件 管理组件模板 管理库 管理桥接器 管理桥接器模板 管理禁用资产 管理页面模板 父主题: 管理AstroZero中已安装应用的资源
表2 预置动作列表 动作类别 动作名称 详细说明 默认 页面跳转 跳转至其他页面,配置参数说明: 页面类型:设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。 高级页面、标准页面、外部页面:选择高级页面、标准页面或输入外部页面的地址。
图7 拖拽组件到画布 单击,保存高级页面,保存成功后单击,发布高级页面。 发布成功后,单击,预览效果。 切换环境语言,在不同语种下,在页面中选中Widget,会在右侧显示该组件的属性配置面板,查看组件属性是否符合预期。 父主题: 高级页面专项
位置 距离左端:组件到页面左侧的距离,单位为px。 距离顶端:组件到页面顶部的距离,单位为px。 宽度:组件的宽度,单位为px。 高度:组件的高度,单位为px。 堆叠顺序:设置组件层叠显示顺序。组件的堆叠顺序默认都是“1”,数字越大,显示越靠前。
位置 距离左端:组件到页面左侧的距离,单位为px。 距离顶端:组件到页面顶部的距离,单位为px。 宽度:组件的宽度,单位为px。 高度:组件的高度,单位为px。 堆叠顺序:设置组件层叠显示顺序。组件的堆叠顺序默认都是“1”,数字越大,显示越靠前。
在将模型与前台页面组件或后台逻辑绑定后,开发者只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。 定义页面数据模型 打开一个标准页面,在标准页面的左下方,单击“模型视图”。 在“模型视图”中,单击“新增模型”。