如何自定义库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。 自定义库 将自定义库的相关文件打成Zip包。 例如，在MintUI官网下载组件库的代码，增加一个packageinfo.json元数据描述文件，在该文

查看更多 →

详情页面，单击“删除”，输入待删除库的名称，可删除该库。若需解除禁用，可单击“启用”，重新启用该库。 自定义并上传新库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。 将自定义库的相关文件打成Zip包。 例如，在

查看更多 →

页面资产管理 > 库”。 单击“提交新库”，进入提交新库页面。 设置库的基本信息，上传1中的zip包后，单击“提交”。 图3 上传库 表1 新建MintUI库参数说明 参数 说明 示例 名字 新建库的名称。 取值范围：1~80个字符。 MintUI 上传源文件 选择自定义库的压缩包。 选择1中的库

查看更多 →

AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create my-app

查看更多 →

上传图标 库的显示图标。 上传源文件 库文件包。 库ID 上传库的ID，由字母及数字组成，且必须以字母开头。 分类 库所属的分类。 库类型 上传的库，所属的类型。 发行说明 上传库的发布描述信息。 上传成功后，在库的“租户”中，可查看到上传的库。 图3 上传完成 “全局”页签中的库，是

查看更多 →

禁用资产”中，可查看已禁用的库。库禁用后，在库详情页面，单击“删除”，输入待删除库的名称，单击“确定”，即可删除该库。若需解除禁用，可单击“启用”，在弹出的对话框中单击“确定”，即可重新启用该库。 自定义并上传新库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。

查看更多 →

json文件中定义所依赖的Element库即可。 在新版环境配置中，查看库ID和版本号。 以查询ElementPlus库为例，在AstroZero环境配置的“维护 > 全局元素 > 页面资产管理 > 库”，搜索库，查看库ID和版本号信息。 图4 查询库信息 图5 查看库版本和ID 本例中查询的E

查看更多 →

json文件中定义所依赖的Element库即可。 在经典版设计器中，单击，选择“应用管理 > 页面资产管理 > 库”，搜索库，查看库ID和版本号信息（以查询Element库为例）。 图3 查询库信息 本例中查询的Element库ID为：global_Element，库最新版本号为：101.0.4。

查看更多 →

关闭Vue3框架渲染组件开关 本案例所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在

查看更多 →

widegtApi name：组件的名称。 widgetDescription：组件的描述信息。 authorName: ：组件的作者信息。 localFileBasePath：组件本地调测路径。 i18n：指定组件的国际化资源文件（本例模板中未体现）。 requires：依赖的库名称和版本号。

查看更多 →

内。 组件名遵循Vue组件命名，并且要在当前应用中唯一。您可参考Vue框架指南定义Vue组件代码，并参考Vue组件打包指南对Vue组件进行打包，打包后才能使用。 表1 组件包文件说明 目录/文件 是否可选 描述 custom-property-editor/index.js 可选

查看更多 →

使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。

查看更多 →

待任务执行成功时，进入私有依赖库，可找到通过构建任务上传的Npm私有组件。 从Npm私有依赖库获取依赖包 以发布私有组件到Npm私有依赖库中发布的Npm私有组件为例，介绍如何从Npm私有依赖库中获取依赖包。 配置代码仓库。 进入 代码托管服务 ，创建Node.js代码仓库（操作步骤请参考创

查看更多 →

已创建NPM格式私有依赖库。 请添加当前账号对当前私有库的权限，请参考管理用户权限。 发布私有组件到NPM私有依赖库 下载私有依赖库配置文件。 登录制品仓库，选择私有依赖库，进入NPM私有依赖库。单击页面右侧“设置仓库”，记录仓库的路径。 单击“取消”返回私有依赖库页面，单击页面右侧“操作指导”。

查看更多 →

json：用于定义一组组件的元数据，包括组件的配置、依赖关系、版本信息等。 index.js：作为应用程序的入口文件，即程序启动时首先执行的脚本。 *.vue：用于定义Vue组件，包括模板（HTML）、脚本（JavaScript）和样式（ CSS ）。 组件协议结构规范 组件协议结构规范用于描述组件的关键信息和配置项，对应组件的components字段。

查看更多 →

Element库即可。 在左侧导航栏中，单击，选择“高级页面 > 库”。 搜索库，查看库ID和版本号信息（以查询Element库为例）。 本例中查询的Element库ID为：global_Element，库最新版本号为：101.0.4。 继续查找VueI18n库的库ID和最新版本号。

查看更多 →

编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口来实现灵活的可定制性，这样就可

查看更多 →

调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结构

查看更多 →

在“requires”里增加库文件时，需要注意某些库文件之间有依赖关系，增加库文件需要有先后顺序，例如“global_VueI18n”是基于“global_Vue”的，需要写在“global_Vue”之后。 在“widget_demo_i18n.js”的render方法中，使用平台提供的“HttpUtils

查看更多 →

引用数据库 引用数据库 平台支持引用其他项目的数据库，用户需是其他项目中的成员，且为其他项目的“所有者”或“管理员”。 引用的数据库为只读状态。引用的数据库不支持导入数据。 图1 引用数据库 父主题： 数据库管理

查看更多 →

在“requires”里增加库文件时，需要注意某些库文件之间有依赖关系，增加库文件需要有先后顺序，例如“global_VueI18n”是基于“global_Vue”的，需要写在“global_Vue”之后。依赖关系的详细介绍，请参见如何引入第三方库。 在“widget_demo_i18n.js”的re

查看更多 →