检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AstroZero中自定义高级页面组件(widget)时,修改了JS文件,修改部分不生效? 问题描述 修改自定义组件widget的JS文件后,修改部分未生效。 解决方法 自定义组件(widget)上传新的版本后,需要在“页面设置”中,对插件进行升级更新。升级后,js文件才能生效。 参考登
如何通过JS代码,实现页面与后台接口间的交互 使用说明 如果您擅长编写JS代码,可以不使用事件编排器中的内置动作,直接通过手动编写JS代码实现事件的逻辑功能。低代码平台支持在手动编写JS代码时,进行代码联想提示,并封装了一些常用功能的接口,并将其中典型接口做成模板,供您直接使用。
访问。 单击,设置默认域名,如https://example.com。 编辑平台域名。 平台域名是平台为当前环境分配的一个子域名,用于企业成员用户登录访问。 在右侧域名配置区域,单击“平台域名”后的“编辑”,编辑域名配置,单击“保存”。 域名设置完成后,将域名分享给业务用户,业务用
环境管理中心。 在左侧导航栏中,选择“系统管理 > 域名配置”。 在右侧域名配置区域,单击“默认域名”后的“编辑”,设置默认域名,单击“保存”。 图1 设置域名 域名设置完成后,将域名分享给业务用户,业务用户在浏览器中输入域名,即可访问业务应用的登录页。 应用可见设置,支持一个运
自定义”中拖拽widget_demo_mintui组件到右侧画布中。 图7 拖拽组件到画布中 单击页面上方的,保存高级页面后,单击,发布高级页面。 单击,进入预览页面,查看效果是否符合预期。 父主题: 高级页面专项
在进行高级页面相关配置前,需要先单击,锁定页面。 锁定后,该站点所有页面将会被自动保存,并更新至最新版本。 在“常用”页签,配置页面的基本属性。 表1 页面常用配置 参数 参数说明 站点名 系统默认生成的站点名,不可修改。创建应用时,系统默认会创建并分配一个站点。 站点域名 站点的
查询标准页面列表 功能介绍 查询标准页面的列表,仅包含基础信息,如果需要获取标准页面的内容,需要根据 ID 进行查询。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/View 请求消息 无 响应参数 表1 响应参数 参数 参数类型 描述
组件所属分类,上传组件后,该组件将会在页面的该分类下进行展示。 领域 组件包应用的领域,一般保持默认“通用”。 场景 组件包的应用场景。 高级页面:组件适用于高级页面开发场景。 标准页面:组件适用于标准页面开发场景。 业务大屏:组件适用于Astro Canvas大屏页面开发场景。 业务小屏:组件适用于Astro
打开一个高级页面,在设计页面左上方单击,从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 选中该Widget,会在右侧显示该组件的属性配置面板。 在“属性”页签下,“自定义属性列表”区域中可看到自定义的这三个属性,根据需要进行修改。 图2 编辑该Widget属性 父主题: 高级页面
}); 返回标准页面开发界面,单击页面上方的,保存页面。 保存成功后,单击,预览页面。 单击获取参数按钮,在页面中按F12,打开浏览器的调试界面。 在Console页签下,可以查看到打印的参数,也就是请求的结果,如图10所示。 图10 预览效果 父主题: 标准页面
绍。 在应用设计页面,选中某个组件,在右侧区域选择“事件”,单击具体事件后面的“+”,即可进入添加动作页面。 从左侧“动作”区,设置“内置动作”或“自定义动作”,自定义动作需自定义JS代码逻辑,可单击代码区域右侧的,最大化自定义JS代码页面。 图1 页面自定义JS代码 在左侧模板
高级页面中预置的API 在开发高级页面过程中,系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时,需要定义“组件名.js”文件,该文件为组件逻辑文件,是整个组件的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明,请参见表1。
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
如何调测标准页面 标准页面开发完成后,需要预览调测,验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后,需要预览调测,验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
如何获取后台数据 使用说明 标准页面是通过数据模型驱动的,通过绑定数据模型可以快速获取后台数据,并体现到页面组件上。因此,为了获取后台数据,需要先定义页面数据模型,再进行与前端组件的绑定。在将模型与前台页面组件或后台逻辑绑定后,开发者只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。
footerHide:false用于控制弹出页面上的按钮是否显示,默认为false表示不显示,设置为true可显示按钮。 子页面中关闭当前页面 API:Page.$popup.get(Page.$root.popupKey).close(); 页面类 获取当前页面 API:context.$page
环境配置”,进入环境配置页面。 在左侧导航栏中,选择“系统设置 > 域名与登录”。 单击平台域名后的“编辑”,进入编辑域名页面。 平台域名是平台为当前环境分配了一个子域名,用于企业成员用户登录访问。 图1 编辑平台域名 在输入框中,输入域名,单击“保存”。 图2 设置域名 应用可见设置,
页面 新创建的页面,默认是一个空白的页面框架,可以通过设置页面属性,优化页面效果,支持设置页面水印。 在标准页面设计界面,选择“组件导航 > 页面”后,即可选中“页面”页签。在右侧的属性页签中,可设置整个页面的属性。 图1 页面属性 属性 数据绑定:通过建立不同类型的视图模型,将
e cache”属性会自动不勾选。同时请确保高级页面已发布,若未发布,单击高级页面上方的,发布页面。 图3 查看性能分析报告 在页面性能报告中,单击各指标后的“展开”,可查看性能指标详情。 图4 查看性能指标详情 父主题: 高级页面
通过系统预置的事件编排器,或者直接通过定义JS代码,来实现页面组件与后台接口之间的交互。 编排事件入口 在标准页面开发界面,选中对应的组件。在右侧“事件”页签,单击,即可进入事件编排器页面。单击已有事件后的,可编辑已有事件。 在事件编排器页面,可以通过内置动作编排事件或通过自定义JS代码编排事件两种方式,编排事件逻辑。