@shixinde/vuepress-theme-init
Version:
44 lines (41 loc) • 40.7 kB
HTML
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="generator" content="VuePress 2.0.0-rc.14" />
<style>
:root {
--c-bg: #fff;
}
html.dark {
--c-bg: #22272e;
}
html,
body {
background-color: var(--c-bg);
}
</style>
<script>
const userMode = localStorage.getItem('vuepress-color-scheme')
const systemDarkMode =
window.matchMedia &&
window.matchMedia('(prefers-color-scheme: dark)').matches
if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
document.documentElement.classList.toggle('dark', true)
}
</script>
<link rel="icon" href="/favicon.ico"><title>IDEA高效开发：Database Navigator插件安装与核心使用指南 | Guoguo-notes</title><meta name="description" content="袁果锅笔记">
<link rel="preload" href="/guoguo-notes/assets/style-35EaXqtH.css" as="style"><link rel="stylesheet" href="/guoguo-notes/assets/style-35EaXqtH.css">
<link rel="modulepreload" href="/guoguo-notes/assets/app-Dx9bNbfq.js"><link rel="modulepreload" href="/guoguo-notes/assets/lingzhi.html-DrDRjKEH.js">
<link rel="prefetch" href="/guoguo-notes/assets/index.html-D6hY1Pr0.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/React.html-DpSypgmq.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/java jdk 管理.html-UyxKEztz.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/临时使用.html-D81L-GXB.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/新公司.html-Bp4Oxj5H.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/项目架构升级版.html-CpJwv32O.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/风扬小记.html-BTKAsyQB.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Python代码片段.html-3rxV2C-F.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Python笔记.html-DfxyADl3.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/AjaxResult.html-CcB1SHt9.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Java 基础.html-C0Mw79YJ.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Java 注解.html-DMhJ2pfz.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/MyBatis Plus.html-DXaupZNq.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/MySQL完整.html-E-VKR_Bm.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Mybatis 语法.html-BtyLUnj2.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/StringBoot.html-IewOkkS1.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/idea 插件.html-yFlZz-2q.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/idea快捷键.html-CI1PJIaN.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/java 代码片段.html-mGveOiyh.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/mySql.html-mha8lKTS.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/分页插件使用.html-BpMDhHym.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/项目初始化.html-TexbaFDo.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/02_react案例_笔记.html-BzISG9Ro.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/03_react-router_教程.html-CiEuDnOl.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/04_react-UI_教程.html-CptRBAn1.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/05_redux笔记.html-BBtVc0mQ.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/React 笔记.html-BPeqw1PX.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/React 项目配置流程.html-BXl6Ye6r.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/尚硅谷React扩展笔记.html-CCxyveD2.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/尚硅谷react-redux笔记.html-DYzvAaxv.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/index.html-3ZVA3kn7.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Element Plus --vue3.0.html-DXuv_b9N.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Element ui 笔记.html-sVqlVk_V.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Taro.html-CA8JB-of.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Vue 代码片段.html-DKeMa5iO.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Vue 全局封装 main.js.html-D9vo-8hy.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Vue 笔记.html-DGHKF3_K.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Vue3 .html--oEgCjOt.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Vue3_Element Plus.html-BVAoHXff.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/element plus 本地启动.html-CgsgPmvg.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/jsx tsx 代码片段.html-G1ShCdaZ.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/jsx tsx 笔记.html-BtuYzmC-.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/uniapp笔记.html-ok2vMZAr.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/vite 笔记.html-D-EBkJ0C.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/vite手写插件.html-Cggy24Oh.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/vue.js 下载文件.html-B1uCoFDS.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/vueuse笔记.html-DS6eTZ6y.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/vxe-table笔记.html-yUGgZHig.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/代码片段 - 解析数学公式.html-DdcBDyRv.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/常用插件.html-CZkTIVvE.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/汇智腾远笔记.html-moZCMq7M.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/视频播放插件.html-BcEFDEgf.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/CSS笔记.html-fAv9dNNH.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Echarts.html-Cge55fid.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Git 代码管理.html-B63UoB0T.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Html 笔记.html--NntXjWX.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/TypeScript.html-D-Qjaudh.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/axios 请求拦截.html-D1TCv2Mj.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/js常规.html-Ka8coTuF.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/npm.html-B-EmKZd8.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/sh 笔记.html-B3G_4KZW.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/valibot校验学习.html-BBH2-2ZH.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/云开发教程.html-DRtT7hW1.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/公共API接口.html-p1pxjePH.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/小程序笔记.html-BJbLxiMh.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/插件库.html-CZ-6S-Qp.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/服务器.html-BNfIswB8.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/服务器部署教学.html-T1qkai4O.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/浏览器px to rem适配.html-DPzD4TkF.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/登录逻辑.html-D5sdqJbb.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/网站配色.html-B_2Exge9.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/跨域代理.html-BYkKrkY7.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/接入AI.html-DVRrF1MA.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/查看 编辑对话框组件.html-zEZcOjWH.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/简易电影选座.html-TuQVklis.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/index.html-1f6p3-c_.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/CSS--common.html-D0ck7nMZ.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/ES6.html-wEFap9Uq.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Git提交.html-CHssaRZs.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Js获取当前时间的方法.html-BRnoMyWs.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Uni-App笔记.html-BUy_Af_M.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Uni-app API.html-CAzH1d66.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Uniapp-插件.html-DB8eOvmu.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/VueX 笔记.html-BrvLUsYq.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/js函数封装.html-Cc5d9Th4.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/js常规.html-CIq-xlv8.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/uView基本使用.html-CCsyyvNN.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/uniapp 引入组件库.html-BnVxGutO.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/常用正则表达式.html-AS2O_lcX.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/界面类.html-BEOhA9U_.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/笔记.html-DcjAVSiK.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/组件封装.html-BF9gShal.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/编程逻辑整理.html-CZRD3wTo.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/调用接口.html-DniVQnty.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/SSH 配置.html-9u6Q-DHg.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/Editor.html-CfSL24h8.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/分页组件.html-DcRa4Q6p.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/拖拽组件.html-D6yjy7lX.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/index.html-LinbGCk2.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/GIt 代码提交规范及步骤.html-w7f6_4N9.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/命名_ 开发期间的命名规范.html-DhnWSrsL.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/大佬项目组织规范.html-B32Km5um.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/重要_框架 - 初始化项目约束.html-Sw9ULLk3.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/404.html-BZdzN0T2.js" as="script"><link rel="prefetch" href="/guoguo-notes/assets/SearchResult-DqPIHYal.js" as="script">
</head>
<body>
<div id="app"><!--[--><div class="vp-theme-container no-sidebar external-link-icon"><!--[--><header class="vp-navbar"><div class="vp-toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a class="route-link" href="/guoguo-notes/"><!----><span class="vp-site-name" aria-hidden="true">Guoguo-notes</span></a></span><div class="vp-navbar-items-wrapper" style=""><!--[--><!--]--><nav class="vp-navbar-items vp-hide-mobile" aria-label="site navigation"><!--[--><div class="vp-navbar-item"><a class="route-link auto-link" href="/guoguo-notes/" aria-label="主页"><!---->主页<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/guoguo-notes/%E5%B8%B8%E7%94%A8%E7%AC%94%E8%AE%B0/%E7%BD%91%E7%AB%99%E9%85%8D%E8%89%B2.html" aria-label="常用笔记"><!---->常用笔记<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/guoguo-notes/vue%E7%AC%94%E8%AE%B0%E5%8F%8A%E5%91%A8%E8%BE%B9%E7%94%9F%E6%80%81/Vue%20%E7%AC%94%E8%AE%B0.html" aria-label="vue笔记及周边生态"><!---->vue笔记及周边生态<!----></a></div><div class="vp-navbar-item"><div class="vp-navbar-dropdown-wrapper"><button class="vp-navbar-dropdown-title" type="button" aria-label="袁果锅生态"><span class="title">袁果锅生态</span><span class="arrow down"></span></button><button class="vp-navbar-dropdown-title-mobile" type="button" aria-label="袁果锅生态"><span class="title">袁果锅生态</span><span class="right arrow"></span></button><ul style="display:none;" class="vp-navbar-dropdown"><!--[--><li class="vp-navbar-dropdown-item"><a class="route-link auto-link" href="/guoguo-notes/%E8%A2%81%E6%9E%9C%E9%94%85%E7%94%9F%E6%80%81/%E5%9B%A2%E9%98%9F%E5%8D%8F%E4%BD%9C%E5%8F%8A%E8%A7%84%E8%8C%83/%E5%91%BD%E5%90%8D_%20%E5%BC%80%E5%8F%91%E6%9C%9F%E9%97%B4%E7%9A%84%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83.html" aria-label="团队协作及规范"><!---->团队协作及规范<!----></a></li><li class="vp-navbar-dropdown-item"><a class="route-link auto-link" href="/guoguo-notes/%E8%A2%81%E6%9E%9C%E9%94%85%E7%94%9F%E6%80%81/%E9%A1%B9%E7%9B%AE%E6%A1%86%E6%9E%B6%E5%8F%8A%E6%9E%B6%E6%9E%84/%E9%87%8D%E8%A6%81_%E6%A1%86%E6%9E%B6%20-%20%E5%88%9D%E5%A7%8B%E5%8C%96%E9%A1%B9%E7%9B%AE%E7%BA%A6%E6%9D%9F.html" aria-label="项目框架及架构"><!---->项目框架及架构<!----></a></li><!--]--></ul></div></div><div class="vp-navbar-item"><div class="vp-navbar-dropdown-wrapper"><button class="vp-navbar-dropdown-title" type="button" aria-label="个人笔记"><span class="title">个人笔记</span><span class="arrow down"></span></button><button class="vp-navbar-dropdown-title-mobile" type="button" aria-label="个人笔记"><span class="title">个人笔记</span><span class="right arrow"></span></button><ul style="display:none;" class="vp-navbar-dropdown"><!--[--><li class="vp-navbar-dropdown-item"><a class="route-link auto-link" href="/guoguo-notes/%E9%A3%9E%E7%A0%81%E7%AF%87/Uni-App%E7%AC%94%E8%AE%B0.html" aria-label="飞码篇"><!---->飞码篇<!----></a></li><li class="vp-navbar-dropdown-item"><a class="route-link auto-link" href="/guoguo-notes/Java/Java%20%E5%9F%BA%E7%A1%80.html" aria-label="Java"><!---->Java<!----></a></li><li class="vp-navbar-dropdown-item"><a class="route-link auto-link" href="/guoguo-notes/React%E7%AC%94%E8%AE%B0/React%20%E7%AC%94%E8%AE%B0.html" aria-label="React笔记"><!---->React笔记<!----></a></li><!--]--></ul></div></div><div class="vp-navbar-item"><a class="auto-link external-link" href="https://github.com/shixindea/shixinde-notes" aria-label="GitHub" rel="noopener noreferrer" target="_blank"><!---->GitHub<!----></a></div><!--]--></nav><!--[--><!--]--><button class="vp-toggle-color-mode-button" title="toggle color mode"><svg class="light-icon" viewbox="0 0 32 32" style=""><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg class="dark-icon" viewbox="0 0 32 32" style="display:none;"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><!--[--><button type="button" class="search-pro-button" aria-label="搜索"><svg xmlns="http://www.w3.org/2000/svg" class="icon search-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="search icon" name="search"><path d="M192 480a256 256 0 1 1 512 0 256 256 0 0 1-512 0m631.776 362.496-143.2-143.168A318.464 318.464 0 0 0 768 480c0-176.736-143.264-320-320-320S128 303.264 128 480s143.264 320 320 320a318.016 318.016 0 0 0 184.16-58.592l146.336 146.368c12.512 12.48 32.768 12.48 45.28 0 12.48-12.512 12.48-32.768 0-45.28"></path></svg><div class="search-pro-placeholder">搜索</div><div class="search-pro-key-hints"><kbd class="search-pro-key">Ctrl</kbd><kbd class="search-pro-key">K</kbd></div></button><!--]--></div></header><!--]--><div class="vp-sidebar-mask"></div><!--[--><aside class="vp-sidebar"><nav class="vp-navbar-items" aria-label="site navigation"><!--[--><div class="vp-navbar-item"><a class="route-link auto-link" href="/guoguo-notes/" aria-label="主页"><!---->主页<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/guoguo-notes/%E5%B8%B8%E7%94%A8%E7%AC%94%E8%AE%B0/%E7%BD%91%E7%AB%99%E9%85%8D%E8%89%B2.html" aria-label="常用笔记"><!---->常用笔记<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/guoguo-notes/vue%E7%AC%94%E8%AE%B0%E5%8F%8A%E5%91%A8%E8%BE%B9%E7%94%9F%E6%80%81/Vue%20%E7%AC%94%E8%AE%B0.html" aria-label="vue笔记及周边生态"><!---->vue笔记及周边生态<!----></a></div><div class="vp-navbar-item"><div class="vp-navbar-dropdown-wrapper"><button class="vp-navbar-dropdown-title" type="button" aria-label="袁果锅生态"><span class="title">袁果锅生态</span><span class="arrow down"></span></button><button class="vp-navbar-dropdown-title-mobile" type="button" aria-label="袁果锅生态"><span class="title">袁果锅生态</span><span class="right arrow"></span></button><ul style="display:none;" class="vp-navbar-dropdown"><!--[--><li class="vp-navbar-dropdown-item"><a class="route-link auto-link" href="/guoguo-notes/%E8%A2%81%E6%9E%9C%E9%94%85%E7%94%9F%E6%80%81/%E5%9B%A2%E9%98%9F%E5%8D%8F%E4%BD%9C%E5%8F%8A%E8%A7%84%E8%8C%83/%E5%91%BD%E5%90%8D_%20%E5%BC%80%E5%8F%91%E6%9C%9F%E9%97%B4%E7%9A%84%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83.html" aria-label="团队协作及规范"><!---->团队协作及规范<!----></a></li><li class="vp-navbar-dropdown-item"><a class="route-link auto-link" href="/guoguo-notes/%E8%A2%81%E6%9E%9C%E9%94%85%E7%94%9F%E6%80%81/%E9%A1%B9%E7%9B%AE%E6%A1%86%E6%9E%B6%E5%8F%8A%E6%9E%B6%E6%9E%84/%E9%87%8D%E8%A6%81_%E6%A1%86%E6%9E%B6%20-%20%E5%88%9D%E5%A7%8B%E5%8C%96%E9%A1%B9%E7%9B%AE%E7%BA%A6%E6%9D%9F.html" aria-label="项目框架及架构"><!---->项目框架及架构<!----></a></li><!--]--></ul></div></div><div class="vp-navbar-item"><div class="vp-navbar-dropdown-wrapper"><button class="vp-navbar-dropdown-title" type="button" aria-label="个人笔记"><span class="title">个人笔记</span><span class="arrow down"></span></button><button class="vp-navbar-dropdown-title-mobile" type="button" aria-label="个人笔记"><span class="title">个人笔记</span><span class="right arrow"></span></button><ul style="display:none;" class="vp-navbar-dropdown"><!--[--><li class="vp-navbar-dropdown-item"><a class="route-link auto-link" href="/guoguo-notes/%E9%A3%9E%E7%A0%81%E7%AF%87/Uni-App%E7%AC%94%E8%AE%B0.html" aria-label="飞码篇"><!---->飞码篇<!----></a></li><li class="vp-navbar-dropdown-item"><a class="route-link auto-link" href="/guoguo-notes/Java/Java%20%E5%9F%BA%E7%A1%80.html" aria-label="Java"><!---->Java<!----></a></li><li class="vp-navbar-dropdown-item"><a class="route-link auto-link" href="/guoguo-notes/React%E7%AC%94%E8%AE%B0/React%20%E7%AC%94%E8%AE%B0.html" aria-label="React笔记"><!---->React笔记<!----></a></li><!--]--></ul></div></div><div class="vp-navbar-item"><a class="auto-link external-link" href="https://github.com/shixindea/shixinde-notes" aria-label="GitHub" rel="noopener noreferrer" target="_blank"><!---->GitHub<!----></a></div><!--]--></nav><!--[--><!--]--><!----><!--[--><!--]--></aside><!--]--><!--[--><main class="vp-page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><ul><li><h1 id="idea高效开发-database-navigator插件安装与核心使用指南" tabindex="-1"><a class="header-anchor" href="#idea高效开发-database-navigator插件安装与核心使用指南"><span>IDEA高效开发：Database Navigator插件安装与核心使用指南</span></a></h1><hr><p><strong>目录</strong></p><p><a href="#1.%E5%89%8D%E8%A8%80">1.前言</a></p><p><a href="#2.%E6%AD%A3%E6%96%87">2.正文</a></p><p><a href="#2.1%E5%AE%89%E8%A3%85%E6%B5%81%E7%A8%8B">2.1安装流程</a></p><p><a href="#2.1.1IDE%E5%86%85%E9%83%A8%E5%AE%89%E8%A3%85">2.1.1IDE内部安装</a></p><p><a href="#2.1.2%E6%89%8B%E5%8A%A8%E4%B8%8B%E8%BD%BD%E5%AE%89%E8%A3%85">2.1.2手动下载安装</a></p><p><a href="#%E2%9A%A0%EF%B8%8F%20%E9%81%BF%E5%9D%91%E6%8C%87%E5%8D%97">⚠️ 避坑指南</a></p><p><a href="#2.2%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B">2.2使用教程</a></p><p><a href="#2.2.1%E8%BF%9E%E6%8E%A5%E6%95%B0%E6%8D%AE%E5%BA%93">2.2.1连接数据库</a></p><p><a href="#2.2.2%E6%9F%A5%E7%9C%8B%E6%95%B0%E6%8D%AE%E5%BA%93%2F%E8%A1%A8">2.2.2查看数据库/表</a></p><p><a href="#2.2.3%E6%9F%A5%E8%AF%A2%E6%95%B0%E6%8D%AE">2.2.3查询数据</a></p><p><a href="#2.2.4%E4%BF%AE%E6%94%B9%E8%A1%A8%E7%BB%93%E6%9E%84">2.2.4修改表结构</a></p><p><a href="#2.2.5%E7%94%9F%E6%88%90%E4%BB%A3%E7%A0%81">2.2.5生成代码</a></p><p><a href="#2.2.6%E5%B8%B8%E8%A7%81%E6%95%85%E9%9A%9C%E6%8E%92%E9%99%A4">2.2.6常见故障排除</a></p><p><a href="#3.%E5%B0%8F%E7%BB%93">3.小结</a></p><hr><h2 id="_1-前言" tabindex="-1"><a class="header-anchor" href="#_1-前言"><span>1.前言</span></a></h2><p>“作为<a href="https://so.csdn.net/so/search?q=Java%E5%BC%80%E5%8F%91&spm=1001.2101.3001.7020" target="_blank" rel="noopener noreferrer">Java开发</a>者，日常与数据库打交道是家常便饭。你是否也经历过这样的场景：在IDEA里写着代码，突然需要查个表结构或验证下SQL，不得不切换到Navicat、DBeaver等外部工具？频繁的切换不仅打断思路，效率也大打折扣。</p><p>今天要介绍的 <strong>Database Navigator</strong> 插件，正是解决这一痛点的绝佳方案。它能<strong>深度集成到IntelliJ IDEA</strong>中，让你无需离开熟悉的开发环境，就能<strong>高效完成数据库连接、查询、结构查看、甚至代码生成</strong>等核心操作。它不仅是数据库连接工具，更是提升Java后端开发流畅度的利器。</p><p>本文将手把手带你完成插件的安装配置，并重点讲解那些能显著提升我们日常开发效率的<strong>核心功能</strong>。告别低效切换，让我们直接在IDEA里‘玩转’数据库！”</p><hr><p><strong>插播一条消息~</strong></p><p>🔍 <strong>十年经验淬炼 · 系统化AI学习平台推荐</strong></p><p><a href="https://www.captainbed.cn/scy/" title="系统化学习AI平台" target="_blank" rel="noopener noreferrer">系统化学习AI平台<img src="https://csdnimg.cn/release/blog_editor_html/release2.3.9/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=P4F5" alt=" ">https://www.captainbed.cn/scy/</a></p><p><strong>✅ 为什么值得投入？</strong></p><blockquote><ul><li>📚 **完整知识体系：**从数学基础 → 工业级项目（人脸识别/自动驾驶/GANs），内容由浅入深</li><li>💻 **实战为王：**每小节配套可运行代码案例（提供完整源码）</li><li>🎯 **零基础友好：**用生活案例讲解算法，无需担心数学/编程基础</li></ul></blockquote><p><strong>🚀 特别适合</strong></p><blockquote><ul><li>想系统补强AI知识的开发者</li><li>转型人工智能领域的从业者</li><li>需要项目经验的学生</li></ul></blockquote><hr><h2 id="_2-正文" tabindex="-1"><a class="header-anchor" href="#_2-正文"><span>2.正文</span></a></h2><h3 id="_2-1安装流程" tabindex="-1"><a class="header-anchor" href="#_2-1安装流程"><span>2.1安装流程</span></a></h3><h4 id="_2-1-1ide内部安装" tabindex="-1"><a class="header-anchor" href="#_2-1-1ide内部安装"><span>2.1.1IDE内部安装</span></a></h4><p>下面是详细的IDE内部安装流程：</p><p><strong>步骤详解</strong>：</p><p><strong>1.打开插件市场</strong></p><blockquote><ul><li>顶部菜单栏 → <code>File</code> → <code>Settings</code>（Windows/Linux）</li><li><em>或</em></li><li><code>IntelliJ IDEA</code> → <code>Preferences</code>（macOS）</li><li>左侧导航 → 选择 <code>Plugins</code> → 切换到 <code>Marketplace</code> 标签页。</li></ul></blockquote><p><img src="https://i-blog.csdnimg.cn/direct/65da1112cbd24473bf7856a67871c282.png" alt=""></p><p><strong>2.搜索插件</strong></p><blockquote><ul><li>在搜索框输入 <strong><code>Database Navigator</code></strong> → 按回车。</li><li><strong>认准官方标识</strong>：检查作者是否为 <code>JetBrains</code> 或 <code>RedNixon</code>（历史维护者），避免安装第三方仿冒插件。</li></ul></blockquote><p><img src="https://i-blog.csdnimg.cn/direct/acc782c228804bea910b6da2ed3c3392.png" alt=""></p><p><strong>3.安装并重启</strong></p><blockquote><ul><li>点击插件右侧的 <strong><code>Install</code></strong> 按钮 → 等待进度条完成。</li><li><strong>强制重启</strong>：安装完成后弹出提示 → 点击 <strong><code>Restart IDE</code></strong> 激活插件。</li><li><em>（未自动弹窗？手动重启IDEA即可）</em></li></ul></blockquote><p><img src="https://i-blog.csdnimg.cn/direct/6e436fcce7fc4f9f88c2848e749a58b9.png" alt=""></p><p><strong>4.验证安装</strong></p><blockquote><ul><li>重启后观察左侧工具栏 → 出现 <strong>数据库图标</strong>（<code>[ ]</code> 或 <code>>_></code> 样式）即表示成功。</li><li>无图标？手动启用：<code>View</code> → <code>Tool Windows</code> → <code>Database Navigator</code>。</li></ul></blockquote><p><img src="https://i-blog.csdnimg.cn/direct/92b9f949e478402aabc0fc0e0585d403.png" alt=""></p><h4 id="_2-1-2手动下载安装" tabindex="-1"><a class="header-anchor" href="#_2-1-2手动下载安装"><span>2.1.2手动下载安装</span></a></h4><p>如果公司内网限制、插件市场访问失败，可以采用手动下载</p><p><strong>操作流程</strong>：</p><p><strong>1.下载插件包</strong></p><blockquote><p>访问 <a href="https://plugins.jetbrains.com/plugin/1800-database-navigator" title="JetBrains 插件官网" target="_blank" rel="noopener noreferrer">JetBrains 插件官网</a></p><p>点击 <code>Download</code> → 选择 <strong>兼容当前IDEA版本</strong> 的 <code>.zip</code> 文件（如 <code>Database Navigator-12.x.zip</code>）。</p></blockquote><p><img src="https://i-blog.csdnimg.cn/direct/dd99fb79ed724caea45065a3620b0777.png" alt=""></p><p><strong>2.本地安装</strong></p><blockquote><p>打开IDE设置 → <code>Plugins</code> → 点击 ⚙️ 设置图标 → <code>Install Plugin from Disk...</code></p><p>选择下载的 <code>.zip</code> 文件 → 点击 <code>OK</code> 加载。</p></blockquote><p><img src="https://i-blog.csdnimg.cn/direct/fdba3efb328d4c3eb03aae0653a64c00.png" alt=""></p><p><strong>3.重启并生效</strong></p><blockquote><p>提示安装成功 → <strong>必须重启IDEA</strong> → 验证方式同 2.1.1。</p></blockquote><hr><h4 id="⚠️-避坑指南" tabindex="-1"><a class="header-anchor" href="#⚠️-避坑指南"><span><strong>⚠️ 避坑指南</strong></span></a></h4><p><strong>1.驱动报错？优先检查JDBC驱动！</strong></p><blockquote><p>连接数据库时若提示 <code>No suitable driver found</code>：</p><p>在配置数据源的界面 → 点击 <code>Driver</code> 选项卡 → 手动添加对应数据库的JDBC驱动包（如MySQL的 <code>mysql-connector-java-8.x.jar</code>）。</p><p><em>驱动包需提前下载到本地</em>。</p></blockquote><p><strong>2.重启后插件不显示？</strong></p><blockquote><p>进入 <code>Settings</code> → <code>Plugins</code> → <code>Installed</code> 标签页 → 确认 <code>Database Navigator</code> 已启用（复选框打钩✅）。</p></blockquote><p><strong>3.版本兼容性问题</strong></p><blockquote><p>手动安装时 → 务必下载与IDEA大版本匹配的插件（如IDEA 2023.x 选插件12.x版本）。</p></blockquote><h3 id="_2-2使用教程" tabindex="-1"><a class="header-anchor" href="#_2-2使用教程"><span>2.2使用教程</span></a></h3><h4 id="_2-2-1连接数据库" tabindex="-1"><a class="header-anchor" href="#_2-2-1连接数据库"><span>2.2.1连接数据库</span></a></h4><p><strong>步骤</strong>：</p><p><strong>1.打开插件窗口</strong>：</p><blockquote><ul><li>左侧工具栏点击 <strong><code>[ ]</code> 数据库图标</strong> → 或通过菜单 <code>View</code> → <code>Tool Windows</code> → <code>Database Navigator</code></li><li><strong>首次使用窗口为空</strong></li></ul></blockquote><p><strong>2.新建数据源</strong>：</p><p>这里以MySQL为例：</p><p><img src="https://i-blog.csdnimg.cn/direct/0c0588497115489c8cc3b7e288b9d4b5.png" alt=""></p><blockquote><ul><li><p>点击工具栏 <strong><code>+</code> 按钮</strong> → 选择数据库类型（MySQL, PostgreSQL, Oracle等）</p></li><li><p><strong>关键配置项</strong>（以MySQL为例）：</p><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">1. - Host:</span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div></div></div></li><li><p><strong>测试连接</strong>：</p></li><li><p>点击 <code>Test Connection</code> → 出现 <strong><code>Successfully connected</code></strong> 提示才保存<img src="https://i-blog.csdnimg.cn/direct/d0d395272c4f4d99b4f658b4dde9a79e.png" alt=""></p></li></ul></blockquote><p><strong>避坑提示</strong>：<br> ⚠️ 80%连接失败因驱动问题！务必通过 <code>Test Connection</code> 验证<br> ✅ 保存后可重命名连接（右键连接 → <code>Rename</code>）</p><h4 id="_2-2-2查看数据库-表" tabindex="-1"><a class="header-anchor" href="#_2-2-2查看数据库-表"><span>2.2.2<a href="https://so.csdn.net/so/search?q=%E6%9F%A5%E7%9C%8B%E6%95%B0%E6%8D%AE%E5%BA%93&spm=1001.2101.3001.7020" target="_blank" rel="noopener noreferrer">查看数据库</a>/表</span></a></h4><p><strong>操作方式</strong>：</p><p><strong>1.树形结构浏览</strong>：</p><blockquote><ul><li>展开连接 → <code>Schemas</code> → 选择数据库 → 查看 <code>Tables</code>, <code>Views</code>, <code>Procedures</code> 等</li></ul></blockquote><p><strong>2.右键表名</strong>：</p><blockquote><ul><li><code>Open</code>：查看表数据（同2.2.3）</li><li><code>Properties</code>：查看列/索引/约束详情（<strong>替代<code>DESC table</code>命令</strong>）</li><li><code>Jump to DDL</code>：跳转查看建表语句</li></ul></blockquote><p><strong>3.快速搜索</strong>：</p><blockquote><ul><li>在Database Navigator窗口顶部输入表名 → <strong>实时过滤</strong></li></ul></blockquote><p><img src="https://i-blog.csdnimg.cn/direct/d0fd038a301c45a4aac6669a279a33bd.png" alt=""></p><p><strong>价值点</strong>：<br> 🔍 无需写SQL即可直观查看表结构，特别适合新人熟悉数据库设计</p><h4 id="_2-2-3查询数据" tabindex="-1"><a class="header-anchor" href="#_2-2-3查询数据"><span>2.2.3查询数据</span></a></h4><p><strong>两种入口</strong>：</p><blockquote><p><strong>1.新建查询控制台</strong>：</p><ul><li>右键连接/数据库 → <code>New</code> → <code>Query Console</code></li></ul><p><strong>2.快捷查询表数据</strong>：</p><ul><li>右键表 → <code>Open</code></li></ul></blockquote><p><strong>核心功能</strong>：</p><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">1. -- 示例：编写SQL（支持自动补全、语法高亮） 2. SELECT * FROM user WHERE status = 1;</span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div></div></div><blockquote><ul><li><p><strong>执行SQL</strong>：</p><ul><li><p>快捷键：<code>Ctrl + Enter</code>（Win/Linux） / <code>Cmd + Enter</code>（Mac）</p></li><li><p>或点击工具栏 ▶️ 按钮</p></li></ul></li><li><p><strong>结果处理</strong>：</p><ul><li><p>表格形式展示数据 → 支持排序（点击列头）、过滤（右键列）</p></li><li><p><strong>导出数据</strong>：右键结果网格 → <code>Export Data</code> → 支持CSV/Excel/JSON</p></li><li><p><strong>编辑数据</strong>（谨慎）：</p><ul><li>直接修改表格 → 按 <code>Submit</code> 提交（需开启事务）</li></ul></li></ul></li></ul></blockquote><p><strong>效率技巧</strong>：<br> 💡 使用 <code>F5</code> 刷新结果集，<code>Ctrl + D</code> 复制当前行数据</p><h4 id="_2-2-4修改表结构" tabindex="-1"><a class="header-anchor" href="#_2-2-4修改表结构"><span>2.2.4修改表结构</span></a></h4><p><strong>适用场景</strong>：新增列、修改字段类型、添加索引等<br><strong>操作路径</strong>：</p><ul><li>右键表 → <code>Go To</code> → <code>Database Tools</code> → <code>Modify Table...</code></li></ul><p><strong>功能亮点</strong>：</p><p><strong>1.图形化编辑器</strong>：</p><blockquote><ul><li>添加/删除列 → 设置主键/自增/默认值</li><li>管理索引（INDEX）、外键（FOREIGN KEYS）</li></ul></blockquote><p><strong>2.实时预览DDL</strong>：</p><blockquote><ul><li>底部自动生成SQL语句 → 可复制执行</li></ul></blockquote><p><strong>3.保存生效</strong>：</p><blockquote><ul><li>点击 <code>Execute</code> → 自动执行ALTER语句修改表</li></ul></blockquote><p><strong>注意事项</strong>：<br> ❗ 生产环境谨慎操作！建议先导出DDL（右键表 → <code>Export DDL</code>）备份</p><h4 id="_2-2-5生成代码" tabindex="-1"><a class="header-anchor" href="#_2-2-5生成代码"><span>2.2.5生成代码</span></a></h4><p><strong>核心价值</strong>：自动生成实体类，减少重复编码<br><strong>操作路径</strong>：</p><ul><li>右键表 → <code>Scripted Extensions</code> → <code>Generate POJOs</code></li></ul><p><strong>配置选项</strong>：</p><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">1. 1. **Target Package**：</span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div></div></div><p><strong>生成结果示例</strong>：</p><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">1. @Data 2. @Entity 3. @Table(name = "user") 4. public class User { 5. @Id 6. @GeneratedValue(strategy = GenerationType.IDENTITY) 7. private Long id; 8. private String username; 9. private LocalDateTime createTime; 10. }</span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div></div></div><p><strong>效率对比</strong>：<br> ⏱️ 手动创建10字段的实体类 ≈ 3分钟 → 插件生成 ≈ 3秒</p><h4 id="_2-2-6常见故障排除" tabindex="-1"><a class="header-anchor" href="#_2-2-6常见故障排除"><span>2.2.6常见故障排除</span></a></h4><p><strong>1. 连接失败 <code>No suitable driver found</code></strong></p><blockquote><ul><li><p><strong>原因</strong>：JDBC驱动未加载</p></li><li><p><strong>解决</strong>：</p><ol><li><p>检查数据源配置 → <code>Driver</code> 选项卡</p></li><li><p>点击 <code>Download</code> 或手动指定驱动路径</p></li></ol></li></ul></blockquote><p><strong>2. 查询结果乱码</strong></p><blockquote><ul><li><p><strong>原因</strong>：数据库字符集与IDE不一致</p></li><li><p><strong>解决</strong>：</p><ul><li>连接配置 → <code>Advanced</code> 标签页 → 添加参数：<br><code>useUnicode=true&characterEncoding=UTF-8</code></li></ul></li></ul></blockquote><p><strong>3. 修改数据不生效</strong></p><blockquote><ul><li><p><strong>原因</strong>：未提交事务</p></li><li><p><strong>解决</strong>：</p><ol><li><p>开启手动事务：工具栏点击 <code>Auto-Commit</code> 切换为手动</p></li><li><p>执行修改后点击 <code>Submit</code></p></li><li><p>点击 <code>Commit</code> 提交事务</p></li></ol></li></ul></blockquote><p><strong>4. 插件卡顿</strong></p><blockquote><p><strong>解决</strong>：</p><p>关闭不用的数据库连接</p><p>限制查询结果行数：<code>Settings</code> → <code>Database Navigator</code> → <code>Max rows to show</code></p></blockquote><h2 id="_3-小结" tabindex="-1"><a class="header-anchor" href="#_3-小结"><span>3.小结</span></a></h2><p>“通过本文的介绍，相信你已经掌握了Database Navigator插件的安装方法和核心使用技巧。这款插件的真正价值在于它<strong>无缝融入IDEA的开发流</strong>，让我们能够：</p><ul><li><p><strong>告别繁琐切换：</strong> 查询数据、查看结构、调试SQL，一切都在IDE内完成，思路不再中断。</p></li><li><p><strong>显著提升效率：</strong> 特别是<strong>快速生成POJO/JPA实体类</strong>的功能，对于Java开发者来说简直是解放双手的利器，极大减少了重复编码工作。</p></li><li><p><strong>操作直观便捷：</strong> 图形化的连接管理、智能的SQL编辑与结果展示、方便的表结构修改，让数据库操作变得简单高效。</p></li></ul><p>虽然对于极复杂的数据库管理任务，可能仍需专业工具，但Database Navigator <strong>足以覆盖日常开发中绝大部分的数据库交互需求</strong>，是提升Java开发效率和体验的强力辅助。</p><p>如果你在使用过程中发现了更多实用技巧或遇到了问题，也欢迎在评论区留言分享交流。</p><p><img src="https://i-blog.csdnimg.cn/direct/2d20333d275f4eaea9886df079636b01.jpeg" alt=""> 商务合作，技术交流，欢迎添加</p><p><img src="https://g.csdnimg.cn/extension-box/2.0.0/image/weixin.png" alt=""></p></li></ul></div><!--[--><!--]--></div><footer class="vp-page-meta"><div class="vp-meta-item edit-link"><a class="auto-link external-link label" href="https://github.com/shixindea/shixinde-notes/edit/main/lingzhi.md" aria-label="Edit this page" rel="noopener noreferrer" target="_blank"><!--[--><svg class="edit-icon" viewbox="0 0 1024 1024"><g fill="currentColor"><path d="M430.818 653.65a60.46 60.46 0 0 1-50.96-93.281l71.69-114.012 7.773-10.365L816.038 80.138A60.46 60.46 0 0 1 859.225 62a60.46 60.46 0 0 1 43.186 18.138l43.186 43.186a60.46 60.46 0 0 1 0 86.373L588.879 565.55l-8.637 8.637-117.466 68.234a60.46 60.46 0 0 1-31.958 11.229z"></path><path d="M728.802 962H252.891A190.883 190.883 0 0 1 62.008 771.98V296.934a190.883 190.883 0 0 1 190.883-192.61h267.754a60.46 60.46 0 0 1 0 120.92H252.891a69.962 69.962 0 0 0-69.098 69.099V771.98a69.962 69.962 0 0 0 69.098 69.098h475.911A69.962 69.962 0 0 0 797.9 771.98V503.363a60.46 60.46 0 1 1 120.922 0V771.98A190.883 190.883 0 0 1 728.802 962z"></path></g></svg><!--]-->Edit this page<!----></a></div><div class="vp-meta-item git-info"><div class="vp-meta-item last-updated"><span class="meta-item-label">Last Updated: </span><!----></div><div class="vp-meta-item contributors"><span class="meta-item-label">Contributors: </span><span class="meta-item-info"><!--[--><!--[--><span class="contributor" title="email: 2914310412@qq.com">袁果锅</span><!----><!--]--><!--]--></span></div></div></footer><!----><!--[--><!--]--></main><!--]--></div><!--[--><!----><!----><!--]--><!--]--></div>
<script type="module" src="/guoguo-notes/assets/app-Dx9bNbfq.js" defer></script>
</body>
</html>