检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接,即单击图片,跳转到指定的网站。 图1 最终实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用AstroZero并购买实例中操作,申请AstroZero免费试用或购买商业实例。
关闭Vue3框架渲染组件开关 本案例所涉及到的自定义组件是基于Vue2框架开发的,而系统是默认开启Vue3框架渲染组件的,所以您需要手动关掉Vue3框架渲染组件开关,否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在
将开发完的自定义组件上传到组件库,并在高级页面中使用。 本章节以开发网站中常用的标签切换页面为例,向您介绍如何基于组件模板在线开发组件。参考消费者业务网站(如图1所示),页面中主要包含标签栏和详情展示模块两部分,可以通过切换标签来控制详情展示模块中的展示内容。 图1 消费者业务网站示例 本章节主要在高级页面中,通过
主要用于开发应用中较复杂的前端页面,例如包含图片、图表、视频、地图等元素的页面。您可以将高级页面应用于开发网站、电商平台等,通过拖拽、布局组件,并进行相关属性配置即可快速搭建应用。 创建高级页面 参考登录AstroZero新版应用设计器中操作,登录应用设计器。 在左侧导航栏中,选择“界面”。
组件的描述信息,按需进行设置。此处配置的信息,将会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的,而系统是默认开启Vue3框架渲染组件的,所以您需要手动关掉Vue3框架渲染组件开关,否则拖拽组件到页面时会提示如下报错。 图5 界面报错
以创建一个全新的脚本为例,向您介绍如何在低代码平台中新建一个脚本。本脚本实例不涉及对象,及调用接口等内容,脚本只实现请求“http://www.example.com”,返回网站请求的消息头功能。 创建空白脚本 参考登录经典应用设计器中操作,登录经典版应用设计器。 将光标放在某个文件夹(例如Logic)上,单击,选择“脚本”。
设置AstroZero标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构,告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性,如隐藏、样式、跳转等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。
可按百分比进行配置。该布局常用于常规Web应用开发,例如电商网站、管理网站等等。 搭建高级页面。 在高级页面开发界面,单击,打开组件列表。 从组件列表中,拖拽基本柱图组件到画布中,按需调整组件的位置和大小。 图11 搭建高级页面 进行组件属性配置。 以修改组件的图表数据为例,向您介绍如何进行组件属性配置。
等。标准页面中的组件是基于Vue.js的通用基础组件,常用于管理端表格表单类的页面开发,如布局容器、数据容器、输入、显示、按钮等。 高级页面主要用于开发应用中较复杂的前端页面,例如包含图片、图表、视频、地图等元素的页面,您也可以将高级页面应用于开发网站、电商平台等,通过拖拽、布局
高级页面主要用于开发应用中较复杂的前端页面,例如包含图片、图表、视频、地图等元素的页面。您可以将高级页面应用于开发网站、电商平台等,通过拖拽、布局组件,并进行相关属性配置即可快速搭建应用。低代码平台中的高级页面,提供了常用组件,组件包含了预置的样式,并封装了基础事件代码,实现了开箱即用,
"name": "global_Vue3I18n", "version": "9.10.1" }, { "name": "global_Vue3Router", "version":
组件的描述信息,按需进行设置。此处配置的信息,将会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的,而系统是默认开启Vue3框架渲染组件的,所以您需要手动关掉Vue3框架渲染组件开关,否则拖拽组件到页面时会提示如下报错。 图5 界面报错
在高级页面组件包的widget_demo_mintui.js/render方法中,新增Vue实例。 更多关于Vue的使用,可参考Vue官网。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui", elem)[0]
lobal_Vue”的,需要写在“global_Vue”之后。依赖关系的详细介绍,请参见如何引入第三方库。 在“widget_demo_i18n.js”的render方法中,使用平台提供的“HttpUtils.getI18n”方法返回一个“i18n”变量,并新建Vue实例传入该“i18n”变量。
获取组件的桥接器属性配置值。 定义组件依赖库及组件在绝对布局中默认尺寸。 本节开发的示例组件TabsWidget依赖Vue和Element库,DisplayWidget依赖Vue库。所依赖的Vue库已在之前选择的组件模板“widgetVueTemplate”中定义,这里只需要在TabsWidget组件包的packageinfo
troZero零代码工作平台中,通过拖、拉、拽即可轻松完成应用的搭建,让想法秒变应用。不过,要熟练使用AstroZero零代码搭建所期望的应用,还需要进行一些基础和深入的学习。这里,为您总结了用户咨询的高频问题和搭建经验,并制定了一套完整的学习计划,希望对您的使用有所引导及帮助。
入门实践 当您购买了Astro轻应用实例后,可以根据业务需要搭建低代码、零代码和大屏应用。本文介绍Astro轻应用常见的搭建实践,帮助您更好的使用Astro轻应用。 表1 常用最佳实践 实践 描述 通过AstroZero开发设备维修管理应用 本最佳实践以IoT领域电梯设备运维管理
在“兼容性设置”页签中,开启“页面组件的渲染框架由Vue2升级为Vue3”开关。 图1 高级设置 当前版本的高级页面中,提供了Vue2和Vue3两种框架的组件,如果需要使用Vue2框架的组件,需要关闭“页面组件的渲染框架由Vue2升级为Vue3”,否则会提示图2中信息。 图2 界面报错
面包屑 面包屑组件用于显示网站的层级结构,告知用户当前所在位置以及在需要向上级导航时显示。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“面包屑”组件至页面工作区域,如图1。 图1 面包屑 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性
-云模型按需部署能力,帮助用户快速创建和部署AI智能模型,管理全周期AI工作流。更多ModelArts的介绍,请参见ModelArts官方网站。 在AstroZero中,通过配置ModelArts连接器,可实现AstroZero与华为ModelArts对接,用于图像识别、文字识别等AI(人工智能)场景。