关于仪表板配置

我们把一组部件的组合称之为仪表板配置,有两类:系统配置用户自定义配置

用户可以自行添加仪表板配置,并向配置中添加部件,修改部件的属性,并实现多个部件之间的数据绑定

这里,主要对系统配置进行说明

原子数据

为了更灵活的使用仪表板,CabloyJS提供了一个新的原子类型dashboard,从而可以像一般的原子一样来管理仪表板

  1. 可以通过页面进行仪表板增删改查
  2. 可以通过静态原子来初始化数据

使用仪表板

- 引用仪表板

由于每个原子都有atomStaticKey,因此,可以通过atomStatickKey来直接引用仪表板

- 前端页面

模块a-dashboard提供了一个仪表板的渲染页面,只需指定仪表板的atomStaticKey,即可完成相应仪表板的渲染,页面Path格式如下:

/a/dashboard/dashborad?key={atomStaticKey}
名称 说明
key atomStaticKey/home/default
  • 需要特别说明:为了方便一般场景的使用,模块a-dashboard内置提供了两个静态仪表板,通过homedefault来引用
  • 当key为空时,默认为default

- home/default

模块a-dashboard内置的两个静态仪表板,可以通过页面进行修改。当然,也可以创建新的仪表板,然后与home/default进行绑定

如何绑定新的仪表板,只需覆盖前端Config配置即可

a-dashboard/front/src/config/config.js

export default function(Vue) {
  return {
    dashboard: {
      default: 'a-dashboard:dashboardDefault',
      home: 'a-dashboard:dashboardHome',
    },
  };
}