检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图14 选择自定义组件 单击“新建”,弹出上传自定义组件界面,如图15新建自定义组件所示。 图15 新建自定义组件 选择本地已打包好的自定义组件包“imgButton.zip”并上传。 进入标准页面开发页面,在组件页签的“扩展组件”下,找到3中上传的自定义组件,可以将该自定义组件拖至
在右侧“事件”页签中,单击“点击”后的,进入“添加动作”页面。 选择“自定义动作”,在右侧事件定义区域,输入实现事件逻辑的JavaScript代码,也可从左侧拖动相关模板至右侧事件定义区域,单击“创建”。 图2 自定义JavaScript代码 自定义JavaScript代码示例如下: //获取当前组件
在“布局与颜色”页签,设置应用布局样式。 主题颜色:系统预置的主题颜色。 图标:设置应用的Logo,如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上,选择“更改”,可更改应用Logo。 布局:选择“布局”中的样式,在右侧区域设置布局参数,如菜单、子菜单、页签、应用标题的字体及颜色等。
图片链接:背景图片URL。 颜色:设置背景的颜色。 高级设置 选中自定义背景框组件,单击右键选择“高级设置”,可配置参考模板、背景颜色、阴影设置、边框设置参数。 图3 矩形装饰配置界面 参考模板:系统默认提供四种可选模板,单击即可切换样式。 背景颜色:背景颜色设置,包括是否显示背景颜色、单一色或者渐变色配置。
自定义筛选器 用户可根据自身的业务需求,自定义筛选器并指定其为默认筛选器。 自定义筛选器 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击对应的应用,进入应用开发页面。 在表单页面,单击“筛选”。 图1 单击筛选 单击“添加筛选条件”,设置筛选条件后,单击“确定并保存”。
创建自定义对象 功能介绍 添加一个自定义对象(Object)。 URI POST AstroZero域名/u-route/baas/metadata/v1.0/Object 请求参数 表1 请求Body参数 参数 是否必选 参数类型 描述 name 是 String 参数解释: 新建自定义对象的名称。
查询所有自定义对象 功能介绍 查询所有自定义对象。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/Object 请求参数 无 响应参数 表1 响应参数 参数 参数类型 描述 resCode String 参数解释: 返回码。 取值范围:
控制组件是否可见可用可编辑 使用说明 低代码平台预置了多种常用的事件交互动作,例如内置动作“显示/隐藏控件”、“启用/禁用控件”、“只读/编辑控件”等,可控制页面上的全部或部分组件是否可见可用可编辑。 本章节以用户填写调查问卷单击“提交”按钮后,调查问卷项只可读,不可编辑为例,向
按照object_id查询自定义对象 功能介绍 按照ID,查询自定义对象。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/Object/{object_id} 表1 路径参数 参数 是否必选 参数类型 描述 object_Id 是 String
如何自定义事件 事件分类 在业务流程中,有意义的状态变化都可称为事件。自定义好事件后,可基于该事件实现事件发送、事件订阅,对发送的事件数据进行分析处理等功能。低代码中的事件,分为标准事件和自定义事件两种。 标准事件是系统定义好的事件,可直接订阅。标准事件目前有几下几种: Absolute
字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。 阴影:设置阴影颜色、模糊、扩散等,单位为px。 高级设置 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。
字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。 阴影:设置阴影颜色、模糊、扩散等,单位为px。 高级设置 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置。自定义代码支持多行输入,并高亮显示样式参数。
如何自定义主题样式 AstroZero预置了很多默认样式,您可以对标准页面的主题样式进行自定义修改。 场景描述 自定义主题时,可以自定义修改标准页面的样式。设置完并启用主题后,该应用中标准页面相同组件的展示,将以主题中配置为准。 例如,在标准页面中添加一个“表单”组件,并绑定数据
字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。 阴影:设置阴影颜色、模糊、扩散等,单位为px。 高级设置 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。
字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。 阴影:设置阴影颜色、模糊、扩散等,单位为px。 高级设置 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置。自定义代码支持多行输入,并高亮显示样式参数。
数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。 服务:
如何调测标准页面 标准页面开发完成后,需要预览调测,验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后,需要预览调测,验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。 阴影:设置阴影颜色、模糊、扩散等,单位为px。 高级设置 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。
型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。 阴影:设置阴影颜色、模糊、扩散等,单位为px。
所不同。请根据“页签类型”具体选项,配置参数。 显示区域 导航页签的显示区域。 主页菜单:会按照设置布局与颜色中选择的布局样式进行显示,例如显示在侧栏或者顶栏区域。 自定义菜单栏:选择该方式后,在应用的运行态Portal中,单击右上角用户名,会在下拉选项中显示导航页签。 打开方式