华为云首页用户手册

ASTRO大屏应用 ASTROCANVAS-了解代码目录结构:认识Widget包目录结构

ASTRO大屏应用 ASTROCANVAS-了解代码目录结构:认识Widget包目录结构

时间：2024-11-06 10:52:56

ASTRO大屏应用 ASTROCANVAS 代码结构介绍

认识Widget包目录结构

解压下载到本地的组件Widget包，认识组件结构。如解压EchartsWidgetTemplate组件包，其目录结构如图2所示。

图2 Widget包目录结构

为了便于描述，对于名称不固定的手册，统一采用“{widget}”来命名。

i18n.json：组件的国际化资源文件，用于配置多语言。例如，messages-zh.json为中文，messages-en.json为英文。
packageinfo.json：组件的元数据描述文件。
{widget}.css：组件的样式文件，在该文件中编写组件的 CSS 样式。
{widget}.editor.js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。
{widget}.flt：组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。
{widget}.js：组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。

上一篇：ASTRO大屏应用 ASTROCANVAS-排行榜:卡片

下一篇：ASTRO大屏应用 ASTROCANVAS-AstroZero:在组件中使用数据集

华为云11.11 2核1G 2M 云服务器

29元/年

立即注册领万元上云礼券

抽奖赢11111元免单

续费同价 L实例 2核2G 4M

98元/年

热门域名 1元随心购

1元/年

ASTRO大屏应用 ASTROCANVAS-了解代码目录结构:认识Widget包目录结构

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题