5.5. 管理看板资源

在看板编辑界面,可以新建和编辑HTML、CSS、JS等文本类资源,或者上传任意资源(比如图片、视频、音频等)。
例如,上传一个名称为bg.png的图片资源后,将它设置为看板的背景:

  1. ...
  2. <style type="text/css">
  3. .my-dashboard{
  4. background: url(bg.png);
  5. }
  6. </style>
  7. ...
  8. <body class="my-dashboard">
  9. ...
  10. </body>
  11. ...

上传一个名称为custom-map.json的JSON地图文件,将它设置为地图图表的地图:

  1. ...
  2. <body class="my-dashboard">
  3. ...
  4. <div dg-chart-map="custom-map.json" dg-chart-widget="..."></div>
  5. ...
  6. </body>
  7. ...

管理员登录后,可在系统设置菜单中打开看板全局资源管理功能,可以新建和编辑JS/CSS全局资源、或者上传任意全局资源。

看板全局资源可被系统所有看板以global/前缀的方式引用,例如,对于全局资源:

  1. css/common.css
  2. img/logo.png

可以在如下看板中引用:

  1. <html>
  2. <head>
  3. <link type='text/css' href='global/css/common.css' rel='stylesheet' />
  4. </head>
  5. <body>
  6. <div class="logo">
  7. <img src="global/img/logo.png">
  8. </div>
  9. ...
  10. <div dg-chart-widget="..."></div>
  11. ...
  12. </body>
  13. </html>