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

查看更多 →

选择“Pinout & Configuration”标签页，在左边的“System Core”中选择RCC，设置HSE（High Speed Clock，外部高速时钟）为Crystal/ Ceramic Resonator（晶振/陶瓷谐振器），即采用外部晶振作为 HSE 的时钟源，如下图所示：将标签页切换为“Clock Configura

查看更多 →

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

查看更多 →

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

查看更多 →

设置系统主频。可在STM32F407_OpenEdv\include\hisoc\clock.h文件中设置，一般将时间频率设置为SystemCoreClock，实现代码为：#define get_bus_clk() SystemCoreClock可在STM32F407_OpenEdv\include\hisoc\clock.h文件中设置

查看更多 →

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

查看更多 →

节点时钟同步 服务器 检查异常处理 检查项内容 检查节点时钟同步服务器ntpd或chronyd是否运行正常。 解决方案 问题场景一：ntpd运行异常 请登录该节点，执行systemctl status ntpd命令查询ntpd服务运行状态。若回显状态异常，请执行systemctl restart

查看更多 →

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

查看更多 →

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

查看更多 →

js”的“propertiesConfig”中，定义Widget属性，包含属性的类型、名称和在界面展示的标签名。 如下加粗代码所示，“widget_demo_property.editor.js”中分别定义了text、 checkbox以及select类型的三个属性参数。 widget_demo_property

查看更多 →

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

查看更多 →

目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍

查看更多 →

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

查看更多 →

版本说明：发布描述信息。 在组件中引用库。 以自定义组件（widget_demo_mintui）为例，在该组件中引用第三方库，单击widget_demo_mintui.zip获取该组件包。 在组件Widget包（widget_demo_mintui.zip）的“packageinfo

查看更多 →

根据需要修改解压后的“Navigator_Widget.css”文件（本场景不需要修改）。 “Navigator_Widget.css”文件是Widget的样式文件，在该文件中编写Widget的css样式。 #navigator_widget { font-size: 20px;

查看更多 →

根据需要修改解压后的“Vue3Navigator_Widget.css”文件（本场景不需要修改）。 “Vue3Navigator_Widget.css”文件是Widget的样式文件，在该文件中编写Widget的css样式。 .navigator-widget-container { text-align:

查看更多 →

原因3：指定对端不可达 原因4：指定对端认证失败 原因5：指定对端时钟未同步 原因6：源级别大于本地级别 原因7：指定对端时钟服务关闭 原因8：指定对端时钟源层数增加 处理步骤 原因1：配置系统时钟复位 指定新时钟，NTP将进入同步状态。 如果是，则请执行步骤3。 如果不是，则请执行步骤2。

查看更多 →

的，需要写在“global_Vue”之后。 在1中获取的Widget包（widget_demo_mintui.zip）的widget_demo_mintui.ftl中写一个简单的表单DOM。 <div id="widget_demo_mintui"> <mt-field label="username"

查看更多 →

设置完成后，单击页面上方的，保存设置。 使用宏 宏创建完成后，可在开发Widget时使用该变量。 例如，在编辑某页面Widget时，将页面属性“Text Property”设置为“${sm.macro1}”，左侧该Widget“Text Property”属性值展示为“hello world”，即成功使用宏。

查看更多 →

高级页面是由一个或者多个Widget（即组件）拼装而成。如图1所示，组件是可复用的页面组成元素，一个页面由一个或多个组件拼装而成。如果将一个页面看成拼图游戏的完整图案，那么组件就相当于拼图的每一小块。 图1 页面与widget（组件）的关系 Widget的运行依赖Library（

查看更多 →

{ "widgetApi": [ { "name": "widget_demo_i18n" } ], "widgetDescription": "widget i18n demo", "authorName": "test", "width":

查看更多 →