再见 Navicat！一款开源的 Web 数据库管理工具！
<p>大家好，我是 <code>Java陈序员</code>。</p><p>在日常的开发工作中，常常需要与各种数据库打交道。而为了提高工作效率，常常会使用一些可视化工具进行操作数据库。</p>
<p>今天，给大家介绍一款开源的数据库管理工具，无需下载安装软件，基于 Web 端进行操作。</p>
<blockquote>
<p>关注微信公众号：【Java陈序员】，获取<strong>开源项目分享、AI副业分享、超200本经典计算机电子书籍等。</strong></p>
</blockquote>
<h2 id="项目介绍">项目介绍</h2>
<p><code>CloudBeaver</code>—— 一个基于 Web 的开源数据库管理工具，允许用户通过浏览器连接和管理各种数据库。</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527164330.png"></p>
<p><strong>功能特色</strong>：</p>
<ul>
<li><strong>多类型数据库支持</strong>：支持连接、管理、操作 MySQL、Oracle、PostgreSQL、ClickHouse 等多种主流数据库</li>
<li><strong>强大的 SQL 编辑器</strong>：支持 SQL 脚本提示功能、语法高亮、错误检查、格式化、导入导出等功能</li>
<li><strong>数据操作功能丰富</strong>：直观的表格视图，支持数据导入/导出、排序、过滤等操作</li>
<li><strong>可靠的安全性</strong>：提供身份验证和授权机制，保护数据安全</li>
<li><strong>界面简洁美观</strong>：提供国际化多语言支持，有明亮和暗黑两种主题</li>
</ul>
<p><strong>技术栈</strong>：</p>
<ul>
<li>Java</li>
<li>React</li>
<li>TypeScript</li>
</ul>
<h2 id="快速上手">快速上手</h2>
<h3 id="安装">安装</h3>
<p><code>CloudBeaver</code> 支持使用 Docker 进行安装部署，可直接使用 Docker 进行部署。</p>
<p>1、拉取镜像</p>
<pre><code class="language-bash">docker pull dbeaver/cloudbeaver
</code></pre>
<p>2、启动容器</p>
<pre><code class="language-bash">docker run --name cloudbeaver -d --rm -ti \
-p 8978:8978 \
-v /data/software/cloudbeaver:/opt/cloudbeaver/workspace \
dbeaver/cloudbeaver
</code></pre>
<p>3、容器启动成功后，浏览器访问：</p>
<pre><code class="language-bash">http://{ip/域名}:8978
</code></pre>
<p>4、如果使用 Nginx 进行代理设置，由于 <code>CloudBeaver</code> 使用到 Websocket, 需要同步配置 Websocket, 相关配置可参考如下：</p>
<pre><code class="language-bash">server {
listen 80;
server_name _;
location / {
proxy_pass http://localhost:8978;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
location /api/ws {
proxy_pass http://localhost:8978;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
}
}
</code></pre>
<h3 id="使用">使用</h3>
<p>1、首次打开 <code>CloudBeaver</code> 需要配置管理员信息</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527172333.png"></p>
<blockquote>
<p>管理员用户不能用 <code>admin</code>, 密码需要同时包含大小写。</p>
</blockquote>
<p>2、配置完成后，点击顶部的 Next, 最后点击 Finsih 就可以开始使用。</p>
<p>3、使用 <code>CloudBeaver</code> 时需要进行登录，用前面配置好的管理员账号直接登录。</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527172703.png"></p>
<p>4、登录后，切换到 Settings 菜单，修改系统工具语言为<strong>简体中文</strong>并保存。</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527172920.png"></p>
<p>5、设置好后，点击左上角的 Logo 回到首页，就可以开始使用 <code>CloudBeaver</code> 了</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527173050.png"></p>
<p>6、新建数据库连接，点击左上角的新建连接图标，选择数据库类型</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527173228.png"></p>
<p>7、输入连接地址、用户名、密码、数据库等信息，点击测试连接，如测试通过，即可创建使用</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527173720.png"></p>
<p>8、数据库连接建好后，就可以开始对数据库进行增删改查操作了</p>
<h2 id="工具截图">工具截图</h2>
<ul>
<li><strong>数据库表视图</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527174626.png"></p>
<ul>
<li><strong>表数据视图</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527174655.png"></p>
<ul>
<li><strong>SQL 查询器</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527174723.png"></p>
<ul>
<li><strong>数据导出</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527174739.png"></p>
<ul>
<li><strong>快捷键操作</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/cloudbeaver/img-20250527174838.png"></p>
<p>不同于 Navicat 等工具，<code>CloudBeaver</code> 实现了基于 Web 操作数据库的功能，无需下载安装软件，打开 Web 界面即可操作。可以说，十分方便，而且功能也很强大。快去试试吧~</p>
<pre><code>项目地址：https://github.com/dbeaver/cloudbeaver
</code></pre>
<h2 id="最后">最后</h2>
<p>推荐的开源项目已经收录到 <code>GitHub</code> 项目，欢迎 <code>Star</code>：</p>
<pre><code>https://github.com/chenyl8848/great-open-source-project
</code></pre>
<p>或者访问网站，进行在线浏览：</p>
<pre><code>https://chencoding.top:8090/#/
</code></pre>
<p><img src="https://chen-coding.oss-cn-shenzhen.aliyuncs.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240629100336.png"></p>
<p><strong>我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目</strong>。</p>
<p><strong>但是任何人在群里打任何广告，都会被 T 掉</strong>。</p>
<p><strong>如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群</strong>：</p>
<p><strong>关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群</strong>。</p>
<blockquote>
<p>大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！</p>
</blockquote>
<hr><br><br>
来源：https://www.cnblogs.com/codechen8848/p/18919634
頁:
[1]