-
{widget}.css - Astro大屏应用 AstroCanvas
css为组件的样式文件,在该文件中编写组件的CSS样式。AstroCanvas的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate { height: 100 % } #EchartsWidgetTemplate
-
桥接器模板 - Astro大屏应用 AstroCanvas
桥接器模板 操作场景 桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时,经常要调用后台数据,例如购物车中用户的ID,订单编号,商品信息等,这时需要通过桥接器动态调用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需
-
DLI数据源 - Astro大屏应用 AstroCanvas
结尾。 项目名称:DLI服务所在区域的项目名称,获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上,在下拉列表中单击“我的凭证”。 在“我的凭证 > API凭证 > 项目列表”中,获取“项目”的值。 项目ID:DLI服务所在的区域的项目ID,获取方法如下。 登录华为云管理控制台。
-
eventConfig - Astro大屏应用 AstroCanvas
eventConfig 字段介绍 eventConfig为组件事件配置项,用于定义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig示例如下:
-
AstroCanvas私有化部署 - Astro大屏应用 AstroCanvas
yApp.log 重启服务:sh restart.sh,执行启动命令后,如果修改了“application.yml”文件,需要执行该命令,重启启动。 停止服务:sh stop.sh 服务启动后,在浏览器中,输入AstroCanvas服务所在服务器的IP地址和端⼝,获取机器码。 http://10
-
Astro大屏应用 AstroCanvas - Astro大屏应用 AstroCanvas
3分钟创建一个游戏类容器应用 3分钟创建一个游戏类容器应用 02 购买 AstroCanvas提供了基础版、专业版和企业版三种规格套餐,以满足不同场景下的用户需求。 计费模式 包年/包月 计费说明 快速购买 购买AstroCanvas实例 购买页面扩容包 04 使用 AstroCanvas改
-
AstroZero数据源 - Astro大屏应用 AstroCanvas
能以下划线开头或结尾。 域名:AstroZero环境的域名,需要携带“https://”。 客户端ID:调用AstroZero接口前,需要配置“客户端模式”OAuth鉴权的客户端ID,获取方法请参考客户端模式接入认证。 OAuth认证过程中,新建认证密钥时授权类型需选择“客户端模
-
如何自定义动作 - Astro大屏应用 AstroCanvas
console.log(data); console.log($pageStore); 单击页面上方的,保存页面。 单击,在预览页面,设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后,按F12,在“Console”页签,即可获取查看eventParam。 图5 eventParam
-
其他数据源 - Astro大屏应用 AstroCanvas
其他数据源 配置组件数据时,支持直接创建关系型数据库、ROMA连接器、DLI、DWS、AstroZero、AstroZero API和HTTP连接器数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前,需要提前在数据中心创建各种类型数据源,配置过程中页面跳转较多,为
-
如何自定义库 - Astro大屏应用 AstroCanvas
zip)的“packageinfo.json”文件中增加requires节点,指定需要依赖库的库ID和版本号。 其中,“name”为库ID、“version”为库版本号数字部分。 例如,增加如下requires节点,库文件名称和版本号在库详情页面获取。 "requires": [{ "name":
-
下载项目 - Astro大屏应用 AstroCanvas
还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID:小程序AppID,请登录小程序管理后台获取。 主页:选择一个发布的页面作为首页,即打开小程序时,显示的默认页面。 环境类型:承载应用程序服务的环境类型,支持开发环境、生产环境、沙箱环境和不依赖。 开发
-
安装项目 - Astro大屏应用 AstroCanvas
还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID:小程序AppID,请登录小程序管理后台获取。 主页:选择一个发布的页面作为首页,即打开小程序时,显示的默认页面。 环境类型:承载应用程序服务的环境类型,支持开发环境、生产环境、沙箱环境和不依赖。 开发
-
select - Astro大屏应用 AstroCanvas
noClearable: true 是否允许清空。 remote Boolean 否 remote: false 是否为远程搜索。 fetchData Function 否 () => () 远程搜索方法。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change
-
如何使用高级表格的后台排序功能 - Astro大屏应用 AstroCanvas
操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时,在添加转换器时,需要先筛选、再排序、最后分页,如图1。 图1 转换器添加顺序 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 新建后台排序转换器。 在主菜单中,选择“数据中心”。
-
如何使用高级表格的后台筛选功能 - Astro大屏应用 AstroCanvas
操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时,在添加转换器时,需要先筛选、再排序、最后分页,如图1。 图1 转换器添加顺序 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 新建后台筛选转换器。 在主菜单中,选择“数据中心”。
-
新建转换器 - Astro大屏应用 AstroCanvas
(可选)新建转换器存放目录。 在鼠标放在所有转换器上,单击,选择“新增目录”。 输入目录名称,单击“确定”。 目录名称长度为1~64个字符,可包括中文、字母、数字和下划线,且不能以下划线开头或结尾。 在转换器管理页面,单击“新建转换器”。 输入转换器名称,选择转换器存放的目录,单击“确定”。
-
{widget}.ftl - Astro大屏应用 AstroCanvas
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件,需要在服务端提前渲染的部分,可以写在此文件中,相当于HTML文件,负责样式展示。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"
-
我的组件 - Astro大屏应用 AstroCanvas
操作场景 在我的组件中,管理系统预置的和自定义组件,如复制组件到其他工作空间、查看组件历史版本、删除组件等。 系统预置的组件,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义组件为例。 请购买“Astro大屏应用专业版”和“Astro大屏应用企业版”实例,“As
-
新建并开发自定义组件 - Astro大屏应用 AstroCanvas
在AstroCanvas界面“我的资产 > 我的库”中,搜索所需库“Element”,单击,查看库ID和版本号信息。 本例中查询的Element库ID为“global_Element”,库最新版本号为“101.0.8”。 图2 查看库详情 图3 查看库ID和版本 修改TabsWidget组件包中“packageinfo
-
{widget}.js - Astro大屏应用 AstroCanvas
init中抽取的独立逻辑,注册组件对外暴露的的事件和动作。 按需实现,组件定义事件和动作时使用。 getMockData 组件在没有对接外部数据源时,使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象,桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}