yuebonui-vue3/src/views/tool/dbtools.vue

（开头部分） 5KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <div class="app-container">
    <el-card>
      <div class="yuebon-app-leftcontainer">
        <el-form ref="editFromRef" :model="editFrom" :rules="rules" label-position="right" class="yuebon-db-editform">
          <el-form-item label="数据库类型" :label-width="formLabelWidth" prop="DbType">
            <el-select v-model="editFrom.DbType" clearable placeholder="请选数据库类型">
              <el-option
                v-for="item in selectDbTypes"
                :key="item.Id"
                :label="item.Title"
                :value="item.Id"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="数据库地址" :label-width="formLabelWidth" prop="DbAddress">
            <el-input v-model="editFrom.DbAddress" placeholder="请输入数据库地址" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item label="数据库名称" :label-width="formLabelWidth" prop="DbName">
            <el-input v-model="editFrom.DbName" placeholder="请输入数据库名称" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item label="用户名" :label-width="formLabelWidth" prop="DbUserName">
            <el-input v-model="editFrom.DbUserName" placeholder="请输入用户名" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item label="访问密码" :label-width="formLabelWidth" prop="DbPassword">
            <el-input v-model="editFrom.DbPassword" placeholder="请输入访问密码" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="handleEncrypt()">生成连接字符串</el-button>
          </el-form-item>
        </el-form>
      </div>

      <div class="yuebon-app-rightcontainer">
        <el-form ref="resultFromRef" :model="resultFrom" :rules="rules" label-position="top" class="yuebon-db-editform">
          <el-form-item label="数据库连接字符串" :label-width="formLabelWidth" prop="ConnStr">
            <el-input v-model="resultFrom.ConnStr" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="数据库连接字符串" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item label="加密数据库连接字符串" :label-width="formLabelWidth" prop="EncryptConnStr">
            <el-input v-model="resultFrom.EncryptConnStr" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="数据库连接字符串" autocomplete="off" clearable />
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="handleDecrypt()">解密数据库连接字符串</el-button>
          </el-form-item>
        </el-form>
      </div>
    </el-card>
  </div>
</template>

<script setup name="DbTools">

import { dbtoolsConnStrDecrypt, dbtoolsConnStrEncrypt } from '@/api/developers/toolsservice'

const { proxy } = getCurrentInstance()

const formLabelWidth=ref("120px")
const data = reactive({
  selectDbTypes: [{
    Id: '1',
后面还有 97 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。