{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的 CSS 样式。AstroCanvas的组件未进行打包编译， CS S样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate

查看更多 →

{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，需要在服务端提前渲染的部分，可以写在此文件中，相当于HTML文件，负责样式展示。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"

查看更多 →

{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate

查看更多 →

{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，需要在服务端提前渲染的部分，可以写在此文件中，相当于HTML文件，负责样式展示。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"

查看更多 →

ot和svg。 多个Widget样式可以抽取为单独库文件，独立库文件可以方便进行整体样式主题的切换。缺点是Widget的运行，需要对这个库文件产生依赖。 如果Widget比较独立，也可以将样式文件定义到Widget作用域的css中。 响应式设计 Widget需要支持响应式设计，页面需要在多屏下，进行充分测试验证。

查看更多 →

{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解

查看更多 →

{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解

查看更多 →

使用说明 通过配置Widget多语言，实现Widget在不同语种环境下都可正常显示。单击下载链接，获取样例包“widget_demo_i18n.zip”。 操作步骤 参考1中操作，模板选择“widgetVueTemplate”新建Widget（示例开发包为“widget_demo_i18n

查看更多 →

通过配置Widget多语言，实现Widget在不同语种环境下都可正常显示。单击下载链接，获取样例包“widget_demo_i18n.zip”。 操作步骤 参考在线开发高级组件中操作，下载“widgetVueTemplate”模板，新建Widget（示例开发包为“widget_demo_i18n

查看更多 →

一般用于在初始化阶段注册动作，只有通过此API注册后的事件才会在组件的动作列表中展现。使用方式参考如下： /* @param {obj} widgetInst widget实例 * @param {string} actionName 动作名称 * @param {string/{langKey:string}}

查看更多 →

一般用于在初始化阶段注册动作，只有通过此API注册后的事件才会在组件的动作列表中展现。使用方式参考如下： /* @param {obj} widgetInst widget实例 * @param {string} actionName 动作名称 * @param {string/{langKey:string}}

查看更多 →

库名字：库的名称。 操作类型：当前操作的类型，如新增、更新等。 库ID：上传库的ID，由字母及数字组成，且必须以字母开头。 版本说明：发布描述信息。 在组件中引用库。 以自定义组件（widget_demo_mintui）为例，在该组件中引用第三方库，单击widget_demo_mintui

查看更多 →

库名字：库的名称。 操作类型：当前操作的类型，如新增、更新等。 库ID：上传库的ID，由字母及数字组成，且必须以字母开头。 版本说明：发布描述信息。 在组件中引用库。 以自定义组件（widget_demo_mintui）为例，在该组件中引用第三方库，单击widget_demo_mintui

查看更多 →

AstroCanvas中的Widget分为以下两种： 系统预置Widget 系统预置Widget是系统已定义好的Widget，可直接拖拽到开发页面使用。更多关于预置组件的介绍，请参见组件介绍。 自定义Widget 自定义Widget是租户根据需要自行开发的Widget，通常开发过程是选择

查看更多 →

AstroCanvas中的Widget分为以下两种： 系统预置Widget 系统预置Widget是系统已定义好的Widget，可直接拖拽到开发页面使用。更多关于预置组件的介绍，请参见组件介绍。 自定义Widget 自定义Widget是租户根据需要自行开发的Widget，通常开发过程是选择

查看更多 →

数据参数说明如下。 桥接器实例：调用的桥接器名称，选中“通用AppCube Flow数据桥接器”。 请求方法：调用的方法名，如get（查询）、put（增加）、post（修改）和delete（删除），保持默认。 端点：选中“Flow”。如果选API，表示调用服务编排的API。 前缀：调用服务编排的版本号，此处不用配置。

查看更多 →

场景描述 本章节主要介绍，如何给Widget自定义属性以及如何在页面的Widget中，使用该属性值。单击链接，获取Widget样例包“widget_demo_property.zip”。 自定义Widget属性效果，如图1所示。 图1 自定义Widget属性 操作步骤 参考1中操作，

查看更多 →

使用说明 本章节主要介绍，如何给Widget自定义属性以及如何在页面的Widget中，使用该属性值。单击链接，获取Widget样例包“widget_demo_property.zip”。 自定义Widget属性效果，如图1所示。 图1 自定义Widget属性 操作步骤 参考1中操作，

查看更多 →

在模板详情页，单击“下载”，将模板下载到本地。 认识Widget包目录结构 解压下载到本地的组件Widget包，认识组件结构。如解压EchartsWidgetTemplate组件包，其目录结构如图2所示。 图2 Widget包目录结构 为了便于描述，对于名称不固定的手册，统一采用“{widget}”来命名。 i18n

查看更多 →