帆软决策平台数据连接界面库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
alan c55fe27149 Merge pull request #4 in DEC/decision-webui-dcm from ~ALAN/decision-webui-dcm:feature/10.0 to feature/10.0 6 years ago
i18n refactor: 修正不规范的写法 6 years ago
private refactor: 修正不规范的写法 6 years ago
src refactor: 使用bi.linear_segment替换掉自己实现的tab 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

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

finui

开始

下载代码

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);