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

查看更多 →

添加组件 创建大屏后，您可以在大屏上添加所需要的组件， DLV 提供了丰富的可视化组件，帮助您快速开发大屏。本章节为您介绍如何在大屏中添加组件。 添加组件 登录DLV控制台。 在“我的大屏”页面，单击“新建大屏”。 在新建大屏页面，从左侧的场景模板中选择一个模板，例如，选择空白模板。然后输入大屏名称。

查看更多 →

参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在页面编辑模式下，按照组件分类，查找到对应组件。 您也可以在搜索框中，输入所需的组件（如图1），或者按照图2进行查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键，将目标组件拖拽到画布中。 图3 拖拽组件到画布中 组件添

查看更多 →

点击卡片右上角的“设置”按钮，设置卡片信息 图4 卡片设置 表1 卡片信息输入说明 输入项 输入说明 标题 必填项，手动输入，支持自定义设置，设置完成即显示在卡片顶部 网页地址 网页嵌入卡片专用字段，输入某个网页的URL，即可在卡片中展示该网页的内容 输入完成后，点击“确认”按钮 即可在网页嵌入卡片中预览该网页的信息

查看更多 →

，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持自定义、对象、服务和

查看更多 →

}); 上述代码中定义的展示图片文件可使用其他图片代替，将图片放到DisplayWidget目录中即可正常使用。 本示例代码中，widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例也展示了组件中如何引入本地图片的基本方法）。

查看更多 →

“--target lib”关键字指定打包的目录。 “--name”打包后的文件名字。 “--dest”打包后的文件夹的名称。 然后执行打包命令： npm run build-lib 打包执行完成后我们项目目录下就会多出一个“lib”文件夹，存放的是打包后的文件。 图9 输出件 修改文件名称并压缩为zip格式的压缩包。

查看更多 →

}); 上述代码中定义的展示图片文件可使用其他图片代替，将图片放到DisplayWidget目录中即可正常使用。 本示例代码中，widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例也展示了组件中如何引入本地图片的基本方法）。

查看更多 →

如何实现页面组件间的交互 组件之间的交互主要依托数据的变化和传输实现，将组件的属性与对应的数据进行绑定。当其他组件的事件、服务编排、事件等使属性绑定值发生变化时，绑定的属性也随即发生变化，实现了组件之间的交互。 数据绑定方式 在标准页面开发界面，选中任意组件，在右侧“属性”页签进行数据绑定。

查看更多 →

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

查看更多 →

够将这样的交互模块抽象成标准页面组件，使页面的构建更加快速灵活。自定义组件在使用时与标准组件一致。 适用场景 在不同的页面中，可重复使用的模块。 复杂的页面拆分成多个低耦合的模块，有助于代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底

查看更多 →

，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持自定义、对象、服务和

查看更多 →

参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击，选择待上传的库，并设置库的基本信息。 图2 上传自定义库 库名字：库的名称。 操作类型：当前操作的类型，如新增、更新等。 库ID：上传库的ID，由字母及数字组成，且必须以字母开头。

查看更多 →

基本属性通过数据绑定后，在运行时以数据绑定的值为准。 显示名称：按钮展示的名称。 类型：设置按钮的类型。 大小：设置按钮的大小。 鼠标悬停时展示：鼠标悬停时，展示的文字。 形状：设置按钮的形状。 选择图标：系统预置的按钮图标。 图标位置：按钮图标展示的位置。 加载中状态：按钮是否显示为加载中状态。 移动端设置

查看更多 →

JS面板中。 在JS面板中编写绑定方法的具体逻辑。 图2 实现逻辑编写 单击“保存”，绑定事件完成。 创建普通方法在生命周期中使用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。

查看更多 →

“组件列表”单击待操作组件名称。 在“组件管理”页面，单击待操作组件名称。 单击“标签管理”。 单击“添加标签”： 输入“键”、“值”。 “键”：请输入长度为1到36个字符的字符串，只能包含数字、英文字母、下划线（_）、中划线（-）或中文。输入的“键”名称不能和已有标签的“键”名称重复。

查看更多 →

strings 参数解释： 角色部署信息。可以指定节点组中部署的角色，该参数是一个字符串数组，每个字符串表示一个角色表达式。 角色表达式定义： 当该角色在节点组所有节点部署时： {role name}，如“DataNode”。 当该角色在节点组指定下标节点部署时：{role name}:{index1}

查看更多 →

，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持自定义、对象、服务和

查看更多 →

在上述步骤完成后，单击Login页面上方的，保存页面，再单击，发布页面。 页面发布成功后，单击，即可预览发布的登录页面。 图16 预览的登录页面 当前登录页中，输入业务用户账号及密码，单击“登录”的登录逻辑是通过“自定义登录”组件，调用用户登录服务编排完成的。 在预览的登录页面中，输入配置了权限的业务用户的账号密

查看更多 →

，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持自定义、对象、服务和

查看更多 →

在函数中引入动态链接库 函数运行环境中已经默认将代码根目录和根目录下的lib目录加入到LD_LIBRARY_PATH中，只需要将动态链接库放到此处即可。 在代码中直接修改LD_LIBRARY_PATH环境变量。 如果依赖的.so文件放在其他目录，可以在配置页面设置LD_LIBRA

查看更多 →