检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
式布局设计规范。组件的响应式设计,是高级页面适配多终端的重要前提。下面以开发一个满足响应式布局的商品列表组件为例,向您介绍如何适配多终端。 商品列表组件可以应用于不同分辨率的手机端和电脑端,组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。如图1中呈现的效果,屏幕或浏览器可视
从全局上下文页面中拖拽参数到相应的入参和出参区域,设置服务编排的入参和出参。 图8 设置服务编排的入参和出参 拖拽“基本”下的“脚本”图元至画布中。 单击,设置页面参数。 将服务编排中的变量赋值给脚本中的输入参数,脚本中的输出参数赋值给服务编排中的变量。 图9 配置脚本 表8 脚本配置参数说明
(可选,当需要修改参数值时,可执行该步骤)查找具体要修改的系统参数,单击参数名,在参数详情页修改取值。 系统参数:展示用户自定义的系统参数,支持新增、删除和修改自定义的系统参数。 内置系统参数:展示系统预置的参数,可修改预置的系统参数取值,但不能删除预置的系统参数。 (可选,当需要自定义参数时,可执行该步骤)新建系统参数。
息,进行多语言国际化配置。通过配置错误码,实现根据用户使用的语言不同,将错误码信息进行不同的展示。 本章节主要介绍如何在应用内配置错误码,您还可以在管理中心配置错误码,相关操作请参考配置错误码。两者的区别是在应用中配置的错误码,可在打包发布应用时,将错误码一起发布出去,在管理中心设置错误码无法随应用发布出去。
连接器的类型。 约束限制: 不涉及。 取值范围: obs:与OBS对接的连接器。 minio:与MINIO对接的连接器。 objectstorageproxy:对象存储代理类型。 默认取值: 不涉及。 connector_name 是 String 参数解释: 连接器实例的名称,即创建连接器时设置的连接器实例名。
接,两个对象之间的连接条件由各自的字段及操作符所组成,连接条件可以有多条。 图4 配置关联条件 表2 关联条件参数说明 参数 参数说明 每个“A”对象的记录至少关联一条“B”的记录 表示结果取满足对象之间设定条件的且合集。 “A”对象的记录可以关联或不关联“B”的记录 表示结果取满足对象之间设定条件的或合集。
操作对象 功能介绍 该接口是一个统一的接口,会根据对象名称的不同进行创建、更新、删除,查询操作。 URI POST、 GET、PUT、DELETE AstroZero域名/u-route/baas/metadata/v1.0/{object_name} 表1 路径参数 参数 是否必选
方便在组件调试的过程中,轻易地获取整个当前页面状态的快照。全局状态的结构定义由以下三部分组成: state:定义页面所有组件的初始状态数据,即页面中所有组件共享状态的初始数据源。 mutations:状态变更的唯一方法是提交mutation。mutation以声明的方式,将sta
登逻辑的处理,这样会获取到AstroZero的访问Token,在后续的请求中会携带此Token请求业务数据。 有两种方式实现免登逻辑,若两种方式都已配置,优先方式一的处理逻辑: 方式一:开发者自己实现免登接口,即通过在BO或者应用中开发服务编排来获取访问AstroZero的Tok
各配置项得到想要的效果。 默认模板:常规的基本水位图模板。 蓝色带标题模板:蓝色带标题的模板。 组件标题:设置组件的标题。 设置标题:是否显示组件标题。 内容:组件标题的文本内容。 位置选择:组件标题的文本位置。 背景色:标题的背景色。 文本字体大小:组件标题的文本字体大小 字体系列:组件标题的字体系列。
宽度:设置边框的宽度,单位px。 颜色:设置组件边框的颜色。 弧度:设置组件边框四个角的弧度,单位px。 角边框 宽度:设置组件边框的宽度,单位px。 长度:设置组件边框的长度,单位px。 颜色:设置组件边框的颜色。 弧度:设置组件边框四个角的弧度,单位px。 边距:设置组件边框和图表之间的间距,单位px。 背景
管理对象数据 通过管理对象中的数据,可以快速直观的了解对象数据,对象的“布局”页签提供了对象中数据增删改查功能。 如何定义对象编辑页面布局 对于租户创建的自定义对象,系统会自动创建对象的Detail和Records标准页面,Detail页面缺省按字段创建的先后顺序显示该对象的全部字段。开发者
在“输出参数”下,单击5次“新增行”,依次添加下拉选项中的输出参数字段,并从“变量”中拖拽相应的字段到“目标”输入框下,字段与变量对应关系如图6所示。 请直接从全局上下文拖拽“变量”到对应的输入输出参数下,请勿手动输入,手动输入的值系统可能不识别。 图6 拖拽脚本的输入输出参数 配置“判断账号密码”决策图元。
设置完成后,单击“确定”。 属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。
(可选,当需要修改参数值时,可执行该步骤)查找具体要修改的系统参数,单击参数的名称,在参数详情页修改取值。 系统参数:展示用户自定义的系统参数,支持新增、删除和修改自定义的系统参数。 内置系统参数:展示系统预置的参数,只支持修改预置的系统参数取值,不能删除预置的系统参数。 (可选,当需要自定义参数时,可执行该步骤)新建系统参数。
标记样式/标记的图形:可以设置标记的图形形状。 标记样式/标记的大小:可以设置标记的图形大小。 标记样式/折线拐点标志颜色:折线拐点标志的颜色。 折线样式/宽度:折线的宽度。 折线样式/线的类型:折线的类型。 折线样式/不透明度:折线的透明度。 折线样式/颜色:折线的颜色。 区域填充样式/不透明度:折线内区域填充的透明度。
图1 公开填写 用户、部门和定位组件不能用于公开分享的表单上,原表单内的以上字段将会被自动隐藏。 公开查询:勾选后,无需登录,通过公开链接或二维码即可访问数据。单击“公开查询条件设置”,可按需设置查询条件。 图2 设置公开查询条件 父主题: 表单管理
开发“客服人员查询工单”功能 创建“查询工单”脚本及公共接口 组装“工单列表(客服人员)”页面 父主题: 开发“客服人员创建工单”功能
形成流动布局。 针对复杂情况,可以使用CSS3的@media查询。针对不同的终端类型和不同屏幕分辨率的设备,定义不同样式,选择应用不同的CSS规则。只有当该设定媒体查询与正在使用的设备匹配时,其对应的CSS规则才起作用。 CSS语法如下: @media mediatype and|not|only
个默认的登录页,业务用户可通过默认的登录页登录应用。除了使用默认的登录页,您还可以根据自身业务的实际需求,使用AstroZero为应用自定义一个登录页。通过在登录页中输入用户名、密码和手机号码等登录信息,与系统中存储的业务用户信息进行对比,来验证业务用户的身份,并根据设置的业务用