iss-library-database-designer
v0.1.10
Published
ISS FETC LIBRARY: DATABASE DESIGNER BASE ON VUE.JS, MAKE DB DEVELOPMENT SIMPLE AND EFFICIENT.
Downloads
13
Maintainers
Readme
iss-library-database-designer 可视化DATABASE设计器
介绍
本项目使用 vue-cli 4
搭建,基于 vue
和 element-ui
实现。
可选参数
BPMN设计器(iss-library-database-designer)入参:
| 参数名 | 参数类型 | 描述 | |--------|--------|---------------------------| | schema | Object | 结构信息:JSON结构数据,存放database的详细信息 |
使用示例:
1.安装:
$ npm install -s [email protected]
2.引入:
import Vue from 'vue';
import App from './App.vue';
import router from './router';
import ElementUI from 'element-ui';
import { CoreDesigner, CoreRenderer } from './index';
import BaseIcon from './components/BaseIcon';
import BaseHelpIcon from './components/BaseHelpIcon';
import '@/assets/styles/theme/element-variables.scss';
import 'remixicon/fonts/remixicon.css';
import '@/assets/styles/designer/index.scss';
import '@/assets/styles/renderer/index.scss';
Vue.use(ElementUI, { zIndex: 2000 });
Vue.component('BaseIcon', BaseIcon);
Vue.component('BaseHelpIcon', BaseHelpIcon);
CoreDesigner.install(Vue, {}, {});
CoreRenderer.install(Vue, {}, {});
Vue.config.productionTip = false;
new Vue({
router,
render: h => h(App)
}).$mount('#app');
3.使用:
<template>
<iss-library-database-designer ref="database-designer"></iss-library-database-designer>
</template>