mirror of
https://github.com/flipped-aurora/gin-vue-admin.git
synced 2026-10-13 04:39:36 +00:00
增加pgsql适配
This commit is contained in:
蒋吉兆
+37
-10
@@ -22,8 +22,9 @@
|
||||
<div v-if="hello > 0 " :class="[(hello > 0 && !out)? 'slide-in-left' : '' , out ? 'slide-out-right' : '']" class=" form">
|
||||
<el-form ref="form" :model="form" label-width="100px">
|
||||
<el-form-item label="数据库类型">
|
||||
<el-select v-model="form.sqlType" disabled placeholder="请选择">
|
||||
<el-option key="mysql" label="mysql(目前只支持mysql)" value="mysql" />
|
||||
<el-select v-model="form.dbType" placeholder="请选择" @change="changeDB">
|
||||
<el-option key="mysql" label="mysql" value="mysql" />
|
||||
<el-option key="pgsql" label="pgsql(测试版)" value="pgsql" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="host">
|
||||
@@ -63,7 +64,7 @@ export default {
|
||||
hello: 0,
|
||||
out: false,
|
||||
form: {
|
||||
sqlType: 'mysql',
|
||||
dbType: 'mysql',
|
||||
host: '127.0.0.1',
|
||||
port: '3306',
|
||||
userName: 'root',
|
||||
@@ -72,14 +73,40 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// setInterval(() => {
|
||||
// if (this.hello < 3) {
|
||||
// this.hello = this.hello + 1
|
||||
// }
|
||||
// }, 2000)
|
||||
},
|
||||
methods: {
|
||||
changeDB(val) {
|
||||
switch (val) {
|
||||
case 'mysql':
|
||||
this.form = {
|
||||
dbType: 'mysql',
|
||||
host: '127.0.0.1',
|
||||
port: '3306',
|
||||
userName: 'root',
|
||||
password: '',
|
||||
dbName: 'gva'
|
||||
}
|
||||
break
|
||||
case 'pgsql':
|
||||
this.form = {
|
||||
dbType: 'pgsql',
|
||||
host: '127.0.0.1',
|
||||
port: '5432',
|
||||
userName: 'postgres',
|
||||
password: '',
|
||||
dbName: 'gva'
|
||||
}
|
||||
break
|
||||
default:
|
||||
this.form = {
|
||||
dbType: 'mysql',
|
||||
host: '127.0.0.1',
|
||||
port: '3306',
|
||||
userName: 'root',
|
||||
password: '',
|
||||
dbName: 'gva'
|
||||
}
|
||||
}
|
||||
},
|
||||
showNext() {
|
||||
this.hello = this.hello + 1
|
||||
},
|
||||
|
||||
@@ -1,106 +0,0 @@
|
||||
<template>
|
||||
<div class="init">
|
||||
<p class="in-one a-fadeinT">欢迎使用GIN-VUE-ADMIN</p>
|
||||
<p class="in-two a-fadeinT">您需要初始化您的数据库并且填充初始数据</p>
|
||||
<div class="form-card in-three a-fadeinB">
|
||||
<el-form ref="form" :model="form" label-width="100px">
|
||||
<el-form-item label="数据库类型">
|
||||
<el-select v-model="form.sqlType" disabled placeholder="请选择">
|
||||
<el-option key="mysql" label="mysql(目前只支持mysql)" value="mysql" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="host">
|
||||
<el-input v-model="form.host" placeholder="请输入数据库链接" />
|
||||
</el-form-item>
|
||||
<el-form-item label="port">
|
||||
<el-input v-model="form.port" placeholder="请输入数据库端口" />
|
||||
</el-form-item>
|
||||
<el-form-item label="userName">
|
||||
<el-input v-model="form.userName" placeholder="请输入数据库用户名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="password">
|
||||
<el-input
|
||||
v-model="form.password"
|
||||
placeholder="请输入数据库密码（没有则为空）"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="dbName">
|
||||
<el-input v-model="form.dbName" placeholder="请输入数据库名称" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<div style="text-align: right">
|
||||
<el-button type="primary" @click="onSubmit">立即初始化</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { initDB } from '@/api/initdb'
|
||||
export default {
|
||||
name: 'Init',
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sqlType: 'mysql',
|
||||
host: '127.0.0.1',
|
||||
port: '3306',
|
||||
userName: 'root',
|
||||
password: '',
|
||||
dbName: 'gva'
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async onSubmit() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在初始化数据库，请稍候',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
try {
|
||||
const res = await initDB(this.form)
|
||||
if (res.code === 0) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.msg
|
||||
})
|
||||
this.$router.push({ name: 'Login' })
|
||||
}
|
||||
loading.close()
|
||||
} catch (err) {
|
||||
loading.close()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.init {
|
||||
height: 100vh;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
}
|
||||
.in-one {
|
||||
font-size: 26px;
|
||||
line-height: 98px;
|
||||
}
|
||||
.in-two {
|
||||
font-size: 22px;
|
||||
}
|
||||
.form-card {
|
||||
margin-top: 60px;
|
||||
box-shadow: 0px 0px 5px 0px rgba(5, 12, 66, 0.15);
|
||||
width: 60vw;
|
||||
height: auto;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
</style>
|
||||
@@ -13,6 +13,7 @@
|
||||
<el-form-item label="数据库类型">
|
||||
<el-select v-model="config.system.dbType" style="width:100%">
|
||||
<el-option value="mysql" />
|
||||
<el-option value="pgsql" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="Oss类型">
|
||||
@@ -162,6 +163,29 @@
|
||||
<el-checkbox v-model="config.mysql.logMode" />
|
||||
</el-form-item>
|
||||
</template>
|
||||
<template v-if="config.system.dbType === 'pgsql'">
|
||||
<el-form-item label="username">
|
||||
<el-input v-model="config.pgsql.username" />
|
||||
</el-form-item>
|
||||
<el-form-item label="password">
|
||||
<el-input v-model="config.pgsql.password" />
|
||||
</el-form-item>
|
||||
<el-form-item label="path">
|
||||
<el-input v-model="config.pgsql.path" />
|
||||
</el-form-item>
|
||||
<el-form-item label="dbname">
|
||||
<el-input v-model="config.pgsql.dbname" />
|
||||
</el-form-item>
|
||||
<el-form-item label="maxIdleConns">
|
||||
<el-input v-model.number="config.pgsql.maxIdleConns" />
|
||||
</el-form-item>
|
||||
<el-form-item label="maxOpenConns">
|
||||
<el-input v-model.number="config.pgsql.maxOpenConns" />
|
||||
</el-form-item>
|
||||
<el-form-item label="logMode">
|
||||
<el-checkbox v-model="config.pgsql.logMode" />
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item title="oss配置" name="10">
|
||||
@@ -321,6 +345,7 @@ export default {
|
||||
jwt: {},
|
||||
casbin: {},
|
||||
mysql: {},
|
||||
pgsql: {},
|
||||
excel: {},
|
||||
autoCode: {},
|
||||
redis: {},
|
||||
|
||||
Reference in New Issue
Block a user