帆软决策平台数据连接界面库

alan d0a59ac4fb refactor: 使用BI.Popovers.close(id)方式关闭Popovers		6 years ago
i18n	feat: 加入jdni连接	6 years ago
private	refactor: 将所有的布局移出css	6 years ago
src	refactor: 使用BI.Popovers.close(id)方式关闭Popovers	6 years ago
types	feat: 国际化	6 years ago
.eslintignore	feat: 完成数据库连接列表的显示	6 years ago
.eslintrc.js	refactor: 将验证方法提取出来	6 years ago
.gitattributes	the first	6 years ago
.gitignore	the first	6 years ago
README.md	docs: update readme	6 years ago
package.json	feat: 引用finui的样式库	6 years ago
tsconfig.json	refactor: 将常量单独出来	6 years ago
webpack.config.js	refactor: 调整color和font以符合规范	6 years ago

README.md

Database Connection Manager

用于决策平台和设计器中管理数据连接的通用管理器

开始

下载代码

git clone ssh://git@cloud.finedevelop.com:7999/~alan/database-connection.git

安装依赖

yarn

开始开发

yarn start

接口文档

增加数据连接类型

使用BI.config,ConstantName名称为dec.constant.database.conf.connect.list，值为连接的名称

例如增加Redis的连接：

BI.config(ConstantName, (datas: string[]) => [...datas, 'Redis']);

数据连接填写页面

ConstantName名称为dec.constant.database.conf.connect.form.${name.toLowerCase()}.edit，值为组件shortcut的名称

例如配置Redis的连接填写页面：

const className = 'fr.plugin.redis.preview';
const RedisPreview = BI.inherit(BI.Widget, {
  render() {
    return {
      type: 'bi.left',
      cls: 'title',
      items: [{
        type: 'bi.editor',
        watermark:'这里是编辑页',
      }],
    };
  },
});
BI.shortcut(className, RedisPreview);
BI.constant('dec.constant.database.conf.connect.form.redis.edit', className);

数据连接预览页面

ConstantName名称为dec.constant.database.conf.connect.form.${name.toLowerCase()}.show，值为组件shortcut的名称

例如配置Redis的连接预览页面：

const className = 'fr.plugin.redis.edit';
const RedisPreview = BI.inherit(BI.Widget, {
  render() {
    return {
      type: 'bi.left',
      cls: 'title',
      items: [{
        type: 'bi.label',
        text:'这里是预览页',
      }],
    };
  },
});
BI.shortcut(className, RedisPreview);
BI.constant('dec.constant.database.conf.connect.form.redis.edit', className);

插件配置表单值传递

ConstantName名称为dec.constant.database.conf.connect.form.${name.toLowerCase()}.value，值为插件数据结构

例如：

const ConstantName = 'dec.constant.database.conf.connect.form.redis.value';
const form = {
  url:'192.168.1.22',
  port: 6379,
  password: '123456'
};
BI.config(ConstantName, (data: object) => form);

数据连接池页面

ConstantName名称为dec.constant.database.conf.connect.form.${name.toLowerCase()}.pool，值为组件shortcut的名称

例如配置Redis的连接预览页面：

const classNamePool = 'fr.plugin.redis.pool';

const WidgetPool = BI.inherit(BI.Widget, {
  render() {
    const {maxActive, maxIdle, numActive, numIdle} = this.options;
    
    return {
      type: 'bi.left',
      items: [
        {
          type: 'bi.left',
          cls: 'right-status-item',
          items: [
            {
              type: 'bi.vertical',
              cls:'right-status-board',
              items: [
                {
                  type: 'bi.vertical',
                  cls:'right-status-board-item',
                  items: [
                    {
                      type: 'bi.label',
                      cls: 'right-status-text',
                      extraCls: 'card-font1',
                      text: numActive,
                    },
                    {
                      type: 'bi.label',
                      cls: 'right-status-text',
                      text: '/',
                    },
                    {
                      type: 'bi.label',
                      cls: 'right-status-text',
                      text: maxActive,
                    },
                  ],
                },
                {
                  type: 'bi.label',
                  text: 'Redis连接数',
                },
              ],
            },
          ],
        },
      ],
    };
  },
});
BI.shortcut(classNamePool, WidgetPool);
BI.constant('dec.constant.database.conf.connect.form.redis.pool', classNamePool);