帆软决策平台数据连接界面库
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 c82e33fdb2 Merge pull request #83 in DEC/decision-webui-dcm from ~ALAN/decision-webui-dcm:feature/10.0 to feature/10.0 5 years ago
assets/scripts fix: 根据最新交互修改,调整数据库模式交互逻辑。 5 years ago
config refactor: 重构页面 5 years ago
i18n fix: DEC-10010 补充缺失的表单,修改表单提交bug 5 years ago
lib refactor: 重构页面 5 years ago
private fix: DEC-10010 补充缺失的表单,修改表单提交bug 5 years ago
src fix: 删除无用代码 5 years ago
types refactor: 重构页面 5 years ago
webpack fix: 修改webpack 5 years ago
.eslintignore refactor: 重构页面 5 years ago
.eslintrc feat: DEC-9068 加入表单验证,添加other类型数据连接 5 years ago
.gitignore refactor: 重构页面 5 years ago
README.md docs: fineui 拼错了。。。 5 years ago
babel.config.js refactor: 重构页面 5 years ago
index.html fix: DEC-9958 在操作数据连接之前,判断数据连接是否可用。 5 years ago
jest.config.js fix: BI-51537 未拥有编辑权限的不可编辑、删除、重命名、复制。 5 years ago
package.json build: KERNEL-1221 优化css打包,去重。 5 years ago
redis.js fix: 无jira任务 重命名的时候也发送socket,修改插件图片地址 5 years ago
tsconfig.json refactor: 重构页面 5 years ago
yarn.lock fix: 使用loadingbar 5 years ago

README.md

Database Connection Manager

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

fineui

开始

安装依赖

yarn

开始开发

yarn dev

接口文档:

增加数据连接类型

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

例如增加Redis的连接:

BI.config(ConstantPluginTyps, (datas: string[]) => [...datas, {
    text: 'Redis',
    databaseType: 'Redis',
}]);

数据连接填写页面

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

数据连接展示页面

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

示例

const ConstantRedisType = 'dec.constant.database.conf.connect.types';
const ConstantRedisShow = 'dec.constant.database.conf.connect.form.Redis.show';
const ConstantRedisEdit = 'dec.constant.database.conf.connect.form.Redis.edit';

BI.DOM.ready(() => {
    BI.config(ConstantRedisType, datas => [...datas, {
        text: 'Redis',
        databaseType: 'Redis',
    }]);

    const RedisShowName = 'dec.dcm.connection.plugin.redis.show';
    const RedisShow = BI.inherit(BI.Widget, {
        props: {
            formData: {
                url: '',
                port: '6379',
                password: '',
            },
        },
        render() {
            const o = this.options;
            
            return {
                type: 'bi.vertical',
                hgap: 15,
                vgap: 10,
                items: [
                    {
                        type: 'bi.left',
                        items: [
                            {
                                type: 'bi.label',
                                cls: 'bi-font-bold',
                                width: 100,
                                textAlign: 'left',
                                text: '数据库地址',
                            },
                            {
                                type: 'bi.label',
                                text: o.formData.url,
                            },
                        ],
                    },
                    {
                        type: 'bi.left',
                        items: [
                            {
                                type: 'bi.label',
                                cls: 'bi-font-bold',
                                width: 100,
                                textAlign: 'left',
                                text: '端口号',
                            },
                            {
                                type: 'bi.label',
                                text: o.formData.port,
                            },
                        ],
                    },
                    {
                        type: 'bi.left',
                        items: [
                            {
                                type: 'bi.label',
                                cls: 'bi-font-bold',
                                width: 100,
                                textAlign: 'left',
                                text: '密码',
                            },
                            {
                                type: 'bi.label',
                                text: o.formData.password,
                            },
                        ],
                    },
                ],
            };
        },
    });

    BI.shortcut(RedisShowName, RedisShow);
    BI.constant(ConstantRedisShow, RedisShowName);


    const RedisEditName = 'dec.dcm.connection.plugin.redis.edit';
    const RedisEdit = BI.inherit(BI.Widget, {
        props: {
            formData: {
                url: '',
                port: '6379',
                password: '',
            },
        },
        render() {
            const o = this.options;
            
            return {
                type: 'bi.vertical',
                hgap: 15,
                vgap: 10,
                items: [
                    {
                        type: 'bi.left',
                        items: [
                            {
                                type: 'bi.label',
                                cls: 'bi-font-bold',
                                width: 100,
                                textAlign: 'left',
                                text: '数据库地址',
                            },
                            {
                                type: 'bi.text_editor',
                                width: 300,
                                allowBlank: true,
                                ref: _ref => {
                                    this.url = _ref;
                                },
                                text: o.formData.url,
                            },
                        ],
                    },
                    {
                        type: 'bi.left',
                        items: [
                            {
                                type: 'bi.label',
                                cls: 'bi-font-bold',
                                width: 100,
                                textAlign: 'left',
                                text: '端口号',
                            },
                            {
                                type: 'bi.text_editor',
                                width: 300,
                                allowBlank: true,
                                ref: _ref => {
                                    this.port = _ref;
                                },
                                text: o.formData.port,
                            },
                        ],
                    },
                    {
                        type: 'bi.left',
                        items: [
                            {
                                type: 'bi.label',
                                cls: 'bi-font-bold',
                                width: 100,
                                textAlign: 'left',
                                text: '密码',
                            },
                            {
                                type: 'bi.text_editor',
                                width: 300,
                                allowBlank: true,
                                inputType: 'password',
                                ref: _ref => {
                                    this.password = _ref;
                                },
                                text: o.formData.password,
                            },
                        ],
                    },
                ],
            };
        },
        getSubmitValue() {
            return {
                url: this.url.getValue(),
                port: this.port.getValue(),
                password: this.password.getValue(),
            };
        },
    });

    BI.shortcut(RedisEditName, RedisEdit);
    BI.constant(ConstantRedisEdit, RedisEditName);
});