Gcjt-starter-ds-ui NPM

千行低代码数据源

基于千行框架开发的数据源统一管理

一、安装

$ npm install gc-starter-ds-ui

二、在千行框架中使用

以组件 ApiManagement 为例，使用方式如下：

在组件中引入组件和样式

<template>
   <appCode :apiCode="appCode"></appCode>
</template>
<script>
  // 引入组件和样式css
  import { ApiManagement }  from 'gc-starter-ds-ui'
  import "gc-starter-ds-ui/lib/gcDataSource.css"
  export default {
    components: {
      ApiManagement
    }
  }
</script>

三、组件列表

3.1 api管理组件 -- ApiManagement

参数

名称	参数	说明
appCode		应用编码

3.2 数据源管理组件 -- DataSource

参数

名称	参数	说明
isDialog	true/false【默认为false】	是否应用到弹窗内的标识
sourceId	String/null【默认为null】	仅isDialog为true时有意义，用于回显选中数据源
appCode	String	应用编码

方法

名称	参数	说明
getSourceId		获取选中数据源id

this.$refscomponentRef.getSourceId();
3.3 数据集管理组件 -- DatasetConfig

参数

名称	参数	说明
isDialog	true/false【默认为false】	是否应用到弹窗内的标识
dsValue	Array/Object【默认为null】	仅isDialog为true时有意义，用于回显选中数据集
dsType	Array	新增数据集类型管理'original', 'custom', 'storedProcedure', 'json', 'dataModel', 'script'
appCode	String	应用编码
multiple	true/false【默认为false】	用于多选操作，仅isDialog为true时生效