组件所属分类，上传组件后，该组件将会在页面的该分类下进行展示。 领域 组件包应用的领域，一般保持默认“通用”。 场景 组件包的应用场景。 高级页面：组件适用于高级页面开发场景。 标准页面：组件适用于标准页面开发场景。 业务大屏：组件适用于Astro Canvas大屏页面开发场景。 业务小屏：组件适用于Astro

查看更多 →

使用AstroZero开发高级页面时如何引用第三方库 期望实现效果 在自定义高级页面组件开发过程中，AstroZero支持开发者直接引用第三方库，在降低组件开发复杂度的同时，丰富了组件的功能。库是支撑高级页面组件运行的第三方依赖，如果缺少相应的库，则高级页面组件不能正常运行。As

查看更多 →

总体开发思路 开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 我们可以把功能或者需求类似的有机体封装成一个业

查看更多 →

创建规则引擎目的端 功能介绍 在ROMA Connect创建规则引擎目的端。 URI POST /v1/{project_id}/link/instances/{instance_id}/rules/destinations 表1 参数说明 名称 类型 是否必填 描述 project_id

查看更多 →

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

查看更多 →

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

查看更多 →

组件包的应用场景，可同时选择多个。 高级页面 发行说明 组件的描述信息，按需进行设置。此处配置的信息，将会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲

查看更多 →

@vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer @opentiny/vue 父主题： 使用工具类方法

查看更多 →

组件所属分类，上传组件后，该组件将会在页面的该分类下进行展示。 领域 组件包应用的领域，一般保持默认“通用”。 场景 组件包的应用场景。 高级页面：组件适用于高级页面开发场景。 标准页面：组件适用于标准页面开发场景。 业务大屏：组件适用于Astro Canvas大屏页面开发场景。 业务小屏：组件适用于Astro

查看更多 →

。同时页面经常会有一些通用的交互模块，例如“人员选择”、“部门选择”等，这些页面交互模块可能会在多个页面中用到，逻辑也相对独立。面对这个情况，平台提供了让开发者自己创建组件的特性，称之为“自定义标准组件”。通过这个特性，开发者就能够将这样的交互模块抽象成标准页面组件，使页面的构建

查看更多 →

在菜单栏中，选择“高级设置”。 在“兼容性设置”页签中，打开“页面组件的渲染框架由Vue2升级为Vue3”开关。 图1 高级设置 父主题： 使用AstroZero对应用进行个性化设置

查看更多 →

创建应用页面。 单击“Page”文件夹右侧的，选择“标准页面”。在弹窗中输入页面的“标签”、“名称”为“Questionnaires_questionnairePage”。 图2 选择标准页面 图3 添加标准页面 选中“页面”标签，在右侧配置面板“样式 > 布局”下，为页面左右各设置“15%”和“18%”的内边距。

查看更多 →

参考开发高级组件中操作，将高级页面组件包上传至组件库中，在页面上中添加该高级页面组件。 当高级页面中拖入widget_demo_mintui高级页面组件后，即可在“页面设置 > 资源”中发现Vue库和MintUI库已加载，表示引用成功。 图5 库的引用情况 保存发布页面，页面效果如下图所示。

查看更多 →

使用Vue应用部署模板创建并部署应用 在主机上部署Vue框架的web服务，并启动该服务。 请确认目标主机已安装Nginx，若已安装请移除模板中“安装Nginx”步骤。 该模板涉及的部署步骤如下所示： 安装Nginx 下载软件包 解压软件包 启动Nginx 重载Nginx配置文件 服务启动测试

查看更多 →

新建并开发自定义组件 背景信息 当系统预置的组件无法满足用户需求时，用户可自定义组件包进行上传，在页面中进行使用。 场景描述 本节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。如图1所示，页面中主要包含标签栏和详情展示两部分，通过切换标签栏来控制详情展示中的内容。

查看更多 →

组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 在设计页面左上方单

查看更多 →

开发中心支持数据转发吗？ 开发中心不支持规则引擎功能，无法进行数据转发。 您可在开发中心调测的时候使用API接口，订阅设备上报的数据。 开发中心调测完成，使用设备管理商用环境时，可以使用规则引擎的数据转发功能进行数据转发。 父主题： 设备集成（联通用户专用）

查看更多 →

新建并开发自定义组件 背景信息 当系统预置的组件无法满足用户需求时，用户可自定义组件包进行上传，在页面中进行使用。在开发自定义组件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。 场景描述 本节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。

查看更多 →

zip，输入发行说明为“commodityListWidget”，单击“提交”。 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。

查看更多 →

创建应用 创建“设备维修管理系统”应用 关闭Vue3框架渲染组件开关 了解应用目录及菜单 创建“业务用户登录”页面 父主题： 通过AstroZero开发设备维修管理应用

查看更多 →

</div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 单击页面上方的，保存高级页面。 切换环境语言，在不同语种下，在页面中选中拖出的Widget，会在右侧显示该组件的属性配置面板，查看Widget属性是否符合预期。

查看更多 →