关于仪表板配置
我们把一组部件的组合称之为仪表板配置
,有两类:系统配置
、用户自定义配置
用户可以自行添加仪表板配置,并向配置中添加部件,修改部件的属性,并实现多个部件之间的数据绑定
这里,主要对系统配置
进行说明
原子数据
为了更灵活的使用仪表板
,CabloyJS提供了一个新的原子类型dashboard
,从而可以像一般的原子
一样来管理仪表板
- 可以通过页面进行
仪表板
的增删改查
- 可以通过
静态原子
来初始化数据
使用仪表板
- 引用仪表板
由于每个原子都有atomStaticKey
,因此,可以通过atomStatickKey
来直接引用仪表板
- 前端页面
模块a-dashboard
提供了一个仪表板的渲染页面,只需指定仪表板的atomStaticKey
,即可完成相应仪表板的渲染,页面Path格式如下:
/a/dashboard/dashborad?key={atomStaticKey}
名称 | 说明 |
---|---|
key | atomStaticKey/home/default |
- 需要特别说明:为了方便一般场景的使用,模块
a-dashboard
内置提供了两个静态仪表板
,通过home
和default
来引用 - 当key为空时,默认为
default
- home/default
模块a-dashboard
内置的两个静态仪表板
,可以通过页面进行修改。当然,也可以创建新的仪表板,然后与home/default
进行绑定
如何绑定新的仪表板,只需覆盖前端Config配置即可
a-dashboard/front/src/config/config.js
export default function(Vue) {
return {
dashboard: {
presets: {
anonymous: {
default: 'a-dashboard:dashboardDefault',
home: 'a-dashboard:dashboardHome',
},
authenticated: {
default: 'a-dashboard:dashboardDefault',
home: 'a-dashboard:dashboardHome',
},
},
},
};
}
名称 | 说明 |
---|---|
anonymous | 匿名用户对应的仪表板 |
authenticated | 认证用户对应的仪表板 |
评论: