检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何调测标准页面 标准页面开发完成后,需要预览调测,验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后,需要预览调测,验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
必填:是否设置为必须填入值。 必填错误信息:在绑定了对象模型且下拉框放置于表单组件中,当设置必填时,输入值为空的情况下,提示的错误信息。 自定义校验:是否进行自定义校验,打开后需要设置校验JS代码。当输入框在表单组件中,该设置才会生效。 校验方法:输入JS代码定义校验规则,代码的返回值必须为布尔类型或者对象类型。
图41 事件配置 在“添加动作”页面,选择“自定义动作”,输入自定义JS代码,单击“创建”。 如下JS代码仅为示例,请根据实际情况修改示例中表单名称(form_0)和字段名称(data.name)。更多自定义JS脚本介绍,请参见如何通过JS代码,实现页面与后台接口间的交互。 let data
默认 > 页面跳转”,配置“事件编辑”页面上参数,设置跳转页面,新增参数“pageMacro”为“${e.param1}”,单击“确定”。 “事件编辑”中页面跳转主要参数说明如下。 页面类型:分内部页面和外部页面,此场景中“Page2”为内部页面,请勾选“内部页面”。 内部页面:配置动作跳转至页面“Page2”。
和处理返回结果信息。例如,开发一个组件详细说明如下: 在AstroZero服务控制台,单击“进入首页”,进入应用开发页面。 单击页面左上角的,选择“环境管理 > 环境配置”,进入环境配置页面。 在顶部主菜单中,选择“维护”。 在左侧导航栏中,选择“全局元素 > 页面资产管理 > 组件模板”。
默认 > 页面跳转”,配置“事件编辑”页面上参数,设置跳转页面,新增参数“pageMacro”为“${e.param1}”,单击“确定”。 “事件编辑”中页面跳转主要参数说明如下。 页面类型:分内部页面和外部页面,此场景中“Page2”为内部页面,请勾选“内部页面”。 内部页面:配置动作跳转至页面“Page2”。
以帮助用户快速高效地实现页面所需要呈现的功能效果。 事件行为区:集中存放事件编排过程中使用的行为节点,包括系统内置的动作(例如打开页面、弹出页面、显示或隐藏控件、定时任务、提交表单、重置表单等)和自定义动作(例如获取当前组件、获取页面模型等)。 事件定义区:事件编排的操作区域,完
跳转至其他页面,配置参数说明: 页面类型:设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。 高级页面、标准页面、外部页面:选择高级页面、标准页面或输入外部页面的地址。 动作参数:通过页面宏传递参数,可暂且不关注。 页面打开方式:设置跳转页面的打开方式,可选项包含当前浏览器窗口打开或新窗口打开。
自定义组件的“路由”页签中,出现了页面3,结果符合场景要求。 图8 拖拽自定义组件并配置路由 在设计页面左上方,单击,从“导航”中拖拽路由视图组件至设计页面自定义组件下方。 单击页面上方的,保存页面。 保存成功后,单击,发布页面。 页面发布成功后,单击,进入预览页面,查看页面效果。 新增了路由页面3,结果符合预期。
页面 新创建的页面,默认是一个空白的页面框架,可以通过设置页面属性,优化页面效果,支持设置页面水印。 在标准页面设计界面,选择“组件导航 > 页面”后,即可选中“页面”页签。在右侧的属性页签中,可设置整个页面的属性。 图1 页面属性 属性 数据绑定:通过建立不同类型的视图模型,将
获取脚本内置库信息 功能介绍 获取脚本内置库的声明,该接口为同步接口(同步接口是指调用后,会等待函数执行结束后,才返回结果)。获取AstroZero平台可以调用的typeScript库,其中包括脚本函数以及函数相关信息,并且可以获取ES5语法的标准库。 AstroZero平台可以
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
ex”。 “显示”属性下方展示了当前元素的盒模型示意图,在对应的数字位置单击并改变值,即可快速改变元素上下左右位置上的内外边距属性。 当前元素盒模型示意图下方,展示了当前元素的宽和高,默认是根据当前布局自适应后的宽高,可以在这里手动输入值配置当前元素的宽和高。 盒模型和宽高配置时
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
什么是执行后台逻辑 在标准页面执行后台逻辑,即在标准页面组件的事件中,调用其他服务补充和实现当前事件的行为。 例如,在员工信息录入页面中,在信息“提交”按钮的“点击”事件中,调用API,将表单中的员工信息发送到数据库进行保存。或者调用在标准页面中的服务编排或脚本,并对需要保存的信息进行预处理。
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中,单击左侧导航栏中的“设置”。 在“高级设置”中,取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。 在设计页面左上方单
文本内容:配置菜单的显示名称。 URL类型:菜单跳转页面的URL类型,支持自定义页面、标准页面和高级页面三种。 地址:当“URL类型”为“自定义页面”时,需要配置跳转页面的具体URL地址。当“URL类型”为“标准页面/高级页面”时,需要选择系统中创建的具体跳转页面。 链接目标:跳转后页面显示形式。 新窗口:在新窗口页,显示跳转页面。
在模型字段中,单击,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠标单击事
使用模式:设置表格的使用模式,如管理模式、只读模式和勾选模式。 数据操作页面:编辑表格中数据的方式,可以设置“链接到页面”编辑数据。设置“链接到页面”时需要配置关联的页面名称,例如配置“详情页”、“新增页”、“修改页”的页面名称。如果在当前页面编辑数据,则清空“编辑数据的方式”值。 高级设置 高级设置仅在PC端生效。