关于仪表板配置

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

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

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

原子数据

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

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

使用仪表板

- 引用仪表板

由于每个原子都有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 认证用户对应的仪表板