langwenda
6 years ago
2 changed files with 0 additions and 154 deletions
@ -1,151 +0,0 @@
|
||||
# database-connection 数据连接设置页面 |
||||
![start](https://img.shields.io/badge/start-2019%2F04%2F26-blue.svg) ![finui](https://img.shields.io/badge/lib-FinUi-blue.svg) |
||||
|
||||
[KERNEL-493](http://www.finedevelop.com:2016/browse/KERNEL-493) |
||||
## 开始 |
||||
下载代码 |
||||
|
||||
``` |
||||
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`的连接: |
||||
|
||||
```js |
||||
BI.config(ConstantName, (datas: string[]) => [...datas, 'Redis']); |
||||
``` |
||||
|
||||
### 数据连接填写页面 |
||||
ConstantName名称为`dec.constant.database.conf.connect.form.${name.toLowerCase()}.edit`,值为组件shortcut的名称 |
||||
|
||||
例如配置`Redis`的连接填写页面: |
||||
|
||||
```js |
||||
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`的连接预览页面: |
||||
|
||||
```js |
||||
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`,值为插件数据结构 |
||||
|
||||
例如: |
||||
|
||||
```js |
||||
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`的连接预览页面: |
||||
|
||||
```js |
||||
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); |
||||
``` |
Loading…
Reference in new issue