检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用fetch(第三方库)为例,向您介绍上传第三方库以及如何在组件中管理并使用库。 制作第三方库文件压缩包。 单击fetch.zip,下载示例库文件包,示例文件中包含需要引入的JS文件和一个元数据描述文件,如图2所示。 图2 示例库文件 其中,packageinfo.json是元
json元数据描述文件,在该文件中列出Library包含的js和css文件名,并打成Zip包,如图2。您也可以单击链接,获取该包。 图2 MintUI库文件结构 packageinfo.json中必选要包含待引入的文件。例如,MintUI库需要引入文件“js/index.js”和“css/index.css”,请在packageinfo
在“widget_demo_property.editor.js”的“propertiesConfig”中,定义Widget属性,包含属性的类型、名称和在界面展示的标签名。 如下加粗代码所示,“widget_demo_property.editor.js”中分别定义了text、 checkbox以及select类型的三个属性参数。
当组件中定义的桥接器属性设置的model值和桥接器中定义的model值相同时,桥接器实例选项可选到这些桥接器。 例如,查看组件editor.js文件中model值为“SingleRepireDataViewModel”,查看“折柱图数据桥接器”和“柱状图和折线图数据桥接器”的“packageinfo
解压后目录 userLogin.js:存放vue业务逻辑的代码,请根据业务需求自行开发。 userLogin.ftl:存放html代码,请根据业务需求自行开发。 userLogin.css:存放样式代码,请根据业务需求自行开发。 userLogin.editor.js、packageinfo
r/index.js 可选 自定义属性的编辑控件。 custom-panel/index.js 可选 自定义属性的面板。 design-time/index.js 可选 组件设计态。 resources目录 可选 组件相关静态资源,如组件图片。 index.js - 组件运行态。
片宽高为准。 自定义尺寸压缩:宽度和高度两个属性都没有设置或者只设置了其中一个,没有设置值的属性以原图片的同属性值为准。 压缩宽度(px):指定图片压缩的宽度。当“图片压缩”开关打开时,该参数才会显示。 压缩高度(px):指定图片压缩的高度。当“图片压缩”开关打开时,该参数才会显示。
查看需要导出的镜像及tag。 执行如下命令制作镜像压缩包。 docker save OPTIONS IMAGE包名 IMAGENAME 说明如下: OPTIONS:--output , -o,表示导出到文件。(可选) IMAGE包名:制作的镜像压缩包名。压缩包格式为:.tar或.tar.gz。
导入SOAP Package 通过导入WSDL文件,实现系统自动生成SOAP Service。 前提条件 已获取第三方提供的WSDL文件,并已压缩成zip格式。 场景描述 通过导入WSDL文件形式,创建“CCQuery”SOAP Service。 操作步骤 参考登录经典应用设计器中操作,登录经典版应用设计器。
name"></el-input> </el-form-item> </el-form> </div> 将开发好的组件代码压缩到后缀为“.zip”的压缩文件中,也可以单击下载链接,获取样例包“widget_demo_i18n.zip”。 在组件库中上传组件包。 在环境配置的“维护
标准页面主要适用于对样式要求相对简单的场景(如表单类应用),这种页面一般用于业务数据的增、删、改、查等基础功能,例如绩效管理、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue.js的通用基础组件,常用于管理端表格表单类的页面开发,如布局容器、数据容器、输入、显示、按钮等。 图1 标准页面 高级页面
导出应用 操作场景 将应用导出为压缩文件,导出后可将该文件导入到团队内实现应用的迁移。当前仅支持导出应用结构,应用数据不会导出。 如果应用中的表单关联了其他应用中的表单,导出应用时,将失去这部分关联关系,请导入后重新设置。 AstroZero免费版或专业版实例,暂不支持导入零代码应用。
图3 编译资产包 在应用开发页面左侧,单击,选择“我的仓库”。 配置版本信息,单击“发布”。 如果勾选“压缩高级页面”,表示会对包中所有高级页面涉及的css和js文件进行合并及压缩,这样可以有效降低运行时服务器压力,但从终端浏览器首次访问该站点页面时,访问时间会稍微增加。 发布成功
实例化数据是应用需要自带的预设数据,用于支持应用的默认行为。 在AstroZero平台中,实例化数据包是由以下三种类型数据的整体或部分构成的数据压缩包: 系统对象数据 AstroZero系统定义的实例化数据主要是用户在开发应用过程中平台产生或用户使用平台功能生成的,在应用安装完成后能够进行配置的数据。
TabsWidget.js 在开发自定义组件时,需要定义“组件名.js”文件,该文件为组件逻辑文件,是整个组件的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明请参见表3 组件名.js中预置API说明。 TabsWidget.editor.js 组件属
导入导出应用源码包 什么是应用包 轻应用或行业应用开发完成后,应用需要编译打包,这种编译后的压缩包即应用包。 应用包类型 在AstroZero中,编译打包的应用包类型有以下两种: 源码包:该类型包中的所有组件,都不受保护和限制。在其他环境安装后可编辑包中组件,即在原有基础上可进行
Page传值原理 主要实现原理如下: widgetPageMacroTemplate 在widgetPageMacroTemplate.editor.js文件中定义页面宏数据。 propertiesConfig: [ { config: [ {
Page传值原理 主要实现原理如下: widgetPageMacroTemplate 在widgetPageMacroTemplate.editor.js文件中定义页面宏数据。 propertiesConfig: [ { config: [ {
组件模板”中,可查找并下载组件模板。 图1 事件、动作组件模板 组件模板中包含多种功能的示例组件,可以参考组件模板开发自定义组件,组件模板的下载及说明请参见在线开发高级组件。 在组件模板代码中,包含低代码平台定义的事件、动作的注册和触发API(应用程序接口),详细介绍如表1所示。 表1 事件、动作API说明
下载“路由导航(示例)”组件 下载后的压缩包名为“global_NavigatorWidget.zip”,请解压该包。 修改解压后的“Navigator_Widget.js”文件。 “Navigator_Widget.js”文件是Widget逻辑文件,整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue