检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AstroZero标准页面中,如何调用服务编排或脚本? 方式一:通过编辑事件实现 在标准页面的事件编排中,在具体的动作上“自定义JS代码”中编写相关代码,以实现页面组件与后台接口(服务编排或脚本)之间的交互。 下面以通过编辑事件,定义JS代码,来实现页面组件与后台接口(服务编排或脚本)之间的交互为例,进行介绍。
上传alarmDisplayWidget告警展示组件。 参考登录经典应用设计器中操作,进入经典应用设计器。 在左侧导航栏中,单击,选择“高级页面 > 组件”。 单击“提交新组件”,进入提交新组件页面。 单击“请选择源文件(.zip)”,选择商品列表组件包alarmDisplayWidget
代码仓库),或者用于备份账号自己的代码,以便在需要恢复时使用。 源码包中的所有组件,都不受保护和限制。在其他开发环境安装后,可编辑包中组件,即在原有基础上可进行再开发。获取源码包后,在应用开发页面的“应用”中,可通过“导入应用”,进行安装。 图1 导入应用 开发者将应用发布为源码包
在应用中首次添加高级页面时,支持设置视图(电脑端、手机端)。 拖拽自定义组件“userLogin”到页面。 单击左上角,打开组件列表,单击“全部”。在“自定义”页签,搜索到“userLogin”组件,将其拖进页面编辑区。“userLogin”组件即是在上传自定义登录组件中上传的自定义登录组件。
页面的组件区域。设计页面时,需要从组件区域拖拉拽各种组件(按住鼠标拖动)到工作区域中以丰富页面功能。 基本组件:低代码平台预置的组件,将鼠标悬浮在基本组件上,组件右上方会出现问号图标,单击该图标会出现该基本组件的使用说明。 扩展组件:用户自定义的组件,自定义组件由用户在线下开发完成并上
编译发布安装后,应用包中的内容都可编辑。 参考如何登录经典应用设计器中操作,登录经典版应用设计器。 在左侧导航栏中,单击,选择“设置”。 在应用编译设置页面,设置组件的“保护模式”。 图1 选择保护模式 选择默认的只读模式后,单击“保存”。 在左侧菜单栏中,单击,选择“编译”,进行编译。
在AstroZero中自定义高级页面组件(widget)时,修改了JS文件,修改部分不生效? 在AstroZero组件库中,部分组件在组件详情页看不到更新和编辑入口 在AstroZero高级页面中,如何进行统一的HTTP状态拦截? 配置高级页面组件桥接器实例属性时,如何设置下拉框中的选项值? 在AstroZero
源码包:该类型包中的所有组件都不受保护和限制。在其他开发环境安装后,可编辑包中组件,即在原有基础上可进行再开发。选择源码包类型进行发布,只支持发布到我的仓库(即发布到租户私仓)。发布后,在应用开发页面左侧单击,可在“已发布 > 源码包”页签中,查看到发布的应用。源码包只能在开发环境中安装,
在AstroZero中,编译打包的应用包类型有以下两种: 源码包:该类型包中的所有组件,都不受保护和限制。在其他环境安装后可编辑包中组件,即在原有基础上可进行再开发。若后续其他用户在开发环境安装后,会显示在开发环境首页的“项目”页签下。 资产包:该类型支持设置包中的组件,是否受保护。打
局,可拖动组件右侧边界,按栅格进行组件宽度调整。组件高度将根据组件内容进行自适应,页面中组件将按照从左到右、从上到下的顺序依次排列。如图3所示,将组件拖入画布中,默认宽度为12栅格,通过拖动组件右侧边界调整两个组件宽度为6栅格,流式布局会自动调整组件位置,将第二个组件从第二行提升至第一行组件的右侧。
电梯信息管理界面 图2 前端页面组件位置关系 如果想要实现将前端页面上输入的设备信息保存到数据库中,需要将页面组件、模型、与数据对象进行关联,其关联关系如图3所示。 图3 组件、模型、与对象的关系分析 开发页面的大致流程 拖拽“表格”组件到页面上。 拖拽后,“表格”组件内默认包含“表格”和“分页”2个下层组件。
根据业务需求,设计标准页面。 参考为AstroZero标准页面添加组件中操作,为标准页面添加组件。 参考设置AstroZero标准页面组件属性中操作,设置标准页面组件属性。 参考添加事件实现AstroZero组件间交互中操作,为组件添加交互动作。 设计完成后,单击页面上方的,保存标准页面。
此处设置的桥接器模型名称,需要和使用该自定义桥接器的组件中定义的模型名称相同,否则在组件中设置数据源时,桥接器实例无法选择到该桥接器。 基于模板自定义桥接器 参考下载桥接器模板中操作,下载桥接器模板到本地。 根据业务需求,设置自定义桥接器中的数据连接逻辑,并将该目录中的所有文件和文件夹打成zip包。
栏,新增后,变为8个分栏。 向第1~7分栏中,分别拖拽2个“标签”组件(并排),然后在第8分栏中,拖入一个“按钮”组件。 修改第1分栏中的第1个标签的“文本内容”修改为“标题:”。 图9 修改第1个标签标题 重复上一步,修改第2~7分栏中的第1个标签的“文本内容”为“单号:”、“状态:”、“时间:”和“优先级:”。
使用说明 标准页面是通过数据模型驱动的,通过绑定数据模型可以快速获取后台数据,并体现到页面组件上。因此,为了获取后台数据,需要先定义页面数据模型,再进行与前端组件的绑定。在将模型与前台页面组件或后台逻辑绑定后,开发者只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。 定义页面数据模型
设置页面 使用说明 通过本章节的学习,您可以快速了解高级页面相关的配置。 操作步骤 参考如何进入经典开发环境中操作,进入经典版开发环境。 在“首页 > 项目 > 我的应用”中,单击对应的应用,进入应用开发页面。 在页面左下角,选择“页面设置”。 应用创建后,该应用站点默认处于被解锁状态。
图3 表单编辑页面 在表单编辑页面,单击“添加字段”,根据自身业务需求,完成表单的定制。 图4 添加电话组件 表单中各组件的功能和PC端相同,详细介绍请参见零码组件介绍。组件添加后,单击字段后的,可编辑字段、克隆字段、对字段进行排序或删除字段。 图5 管理字段 设置完成后,单击“保存”。
表单组件区,分为数据组件和通用组件。各组件详细介绍,请参见零码组件介绍。 4 表单设计区。 5 组件的属性面板。 6 表单属性设置,请参见设置表单和设置表单可见权限。 设计表单。 表单由文本框、单选、多选和下拉列表等组件构成,用于用户填报提交数据,并收集数据的工具,如图2。一个应用中,可以创建一个或多个表单,一个
标准页面基于Vue技术栈,平台预置丰富基础组件,也可以支持扩展,多用于表格表单等后端管理页面的快速开发。 标准页面开发界面提供图形化、无码化在线页面开发功能,通过标准页面开发界面能够快速构建各种复杂表单表格页面、以及其他一些灵活布局页面。支持在开发界面中将组件面板上的页面组件拖拽至页
工作台。 在全部应用中,单击应用后的“...”,选择“编辑”,进入编辑应用页面。 在页面左侧,选中待设置的表单,单击,进入表单编辑页面。 在表单编辑页面,单击页面右侧的“公开分享”。 公开填写:开启后,生成的表单链接无需登录,即可访问并填写表单页。单击二维码中的“生成海报”,可将