检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件数据接入 组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。
{widget}.editor.js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt：组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。
图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo.json中添加这两个文件的描述，如下所示。
EchartsWidgetTemplate.css 组件的样式文件，在该文件中编写组件的CSS样式。 EchartsWidgetTemplate.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。
getMessages 获取该组件国际化配置文件中定义的国际化文件内容，推荐配置vue和vueI18n使用。 hideWidget 隐藏组件。 showWidget 显示组件。 triggerEvent 触发事件，需要配合registerEvent使用。
创建页面 初识开发页面 使用空白画布新建页面 使用模板新建页面 使用页面模板文件新建页面
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
如果提示权限不足，请返回安装目录，设置目录下所有文件为最大权限。
图2 查找模型名 根据业务需求，设置自定义桥接器中的数据连接逻辑，并将该目录中的所有文件和文件夹打成zip包。 将开发好的自定义桥接器zip包上传到华为云Astro大屏应用中。 在我的资产中，单击左侧导航栏的“我的桥接器”。
图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例 */ Studio.registerAction( thisObj, 'confirmLocationWidgetCbk
图3 编辑该列 导入Excel或CSV 单击“新增静态数据”，将本地的Excel或CSV文件（文件大小不能超过100KB）拖入“上传文件”中，单击“保存”。 单击“保存”，完成数据集的创建。 在数据集管理列表中，可查看到已创建的数据集。
异步加载 对于部分配置项，初始化echarts之前需要异步加载文件。例如“地图（SVG）”组件需要先加载svg文件。这里需要在异步加载动作的完成回调函数中，手动调用echarts的setOption。
使用页面模板文件新建页面：将已开发的页面保存为模板，再次创建页面时可使用该页面模板文件，创建可视化页面，减少重复开发，提高交付效率。
图6 查看素材详情 在素材详情页面，查看素材名称、大小、文件尺寸和上传时间。 删除素材 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 将鼠标放在待删除的素材上，单击。
按需在线修改桥接器文件，单击。 在弹出的提示框中，单击“确定”。 在桥接器更新页面，按需设置桥接器参数（如修改桥接器名称为桥接器-Update），单击“更新”。 图7 更新桥接器 返回我的桥接器页面，可查看到桥接器名称变为“桥接器-Update”。
工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额 项目 创建大屏&PC端项目 创建移动端项目 设置项目锁 通用设置 健康检查设置 设置项目封面 页面 使用模板创建页面 使用页面模板文件新建页面 使用空白画布新建页面 为页面添加组件 设置页面数据 设置交互方式 资产迁移
按需在线修改组件文件，单击。 在弹出的提示框中，单击“确定”。 在组件更新页面，按需设置组件参数（如修改组件名称为TabsWidget_Update），单击“更新”。 图11 更新组件 返回我的组件页面，可查看到组件名称变为TabsWidget_Update。
图30 下载密钥文件 在弹出的页面，单击“确定”，将密钥下载到本地。 在下载的密钥文件中，获取客户端ID（client_id）和客户端密码（client_secret）。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
