WebStorm 2025.2 Help

数据库功能快速入门

本快速入门指南将向您介绍关键概念,并帮助您开始在 WebStorm 中使用数据库的初步操作。

开始之前

启用 数据库工具与 SQL 插件

此功能依赖于 数据库工具与 SQL 插件,默认已在 WebStorm 中捆绑并启用。 如果相关功能不可用,请确保未禁用该插件。

  1. 按下 Ctrl+Alt+S 打开设置,然后选择 插件

  2. 打开 已安装 选项卡,找到 数据库工具与 SQL 插件,并选中插件名称旁的复选框。

步骤 1。 创建数据源

根据数据库供应商(MySQL、PostgreSQL、Oracle 等),您需要创建相应的 数据源 以连接数据库。

数据源

数据源 是一种连接配置。 它存储了一组用于建立与数据库连接的连接详细信息。 例如,主机、端口、数据库名称、驱动程序、SSH 与 SSL 配置设置等。 在数据源设置中,您还可以选择用于 introspection 的数据库与架构,并在 数据库 工具窗口中显示它们,以及更改连接使用的驱动程序。

数据源 中了解有关数据源的更多信息。

在本教程中,您将设置一个演示数据源并连接到一个演示数据库。 为此,您可以使用远程部署的 PostgreSQL 或 MySQL 示例数据库,也可以下载并使用 SQLite 示例数据库文件。

您还可以使用已在其他位置配置并运行的数据库的连接凭据设置此演示数据源。 为此并连接到您的数据库,请在本教程所述的 数据源与驱动程序 对话框的相应字段中输入凭据或其 JDBC URL。

  1. 在 WebStorm 中,转到 数据库 工具窗口(视图(V) | 工具窗口 | 数据库⌘ 1)。

  2. 单击 创建数据源 链接。

  3. 导航到 数据源 并选择 PostgreSQL

    选择 $postgresql% 数据源

WebStorm 将打开一个 数据源与驱动程序 对话框,显示新数据源的设置。

新建数据源设置
  1. 在 WebStorm 中,转到 数据库 工具窗口(视图(V) | 工具窗口 | 数据库⌘ 1)。

  2. 单击 创建数据源 链接。

  3. 导航到 数据源 并选择 MySQL

    选择 mysql% 数据源

WebStorm 将打开一个 数据源与驱动程序 对话框,显示新数据源的设置。

新建数据源设置
  1. 准备 SQLite 示例数据库文件,可从 GitHub 仓库 下载,然后将下载的文件复制到剪贴板。

  2. 在 WebStorm 中,将 SQLite 数据库文件粘贴到 IDE 的项目根目录中。

    为此,请在 项目 工具窗口(视图(V) | 工具窗口 | 项目Alt+1 )中单击任意区域,然后按 Ctrl+V。 在打开的 复制 对话框中,单击 确定

    将数据库文件粘贴到项目工具窗口中
  3. 转到 数据库 工具窗口(视图(V) | 工具窗口 | 数据库⌘ 1)。

  4. 单击 创建数据源 链接。

  5. 导航到 数据源 并选择 SQLite

    选择 sqlite% 数据源

WebStorm 将打开一个 数据源与驱动程序 对话框,其中包含新数据源的设置。

新建数据源设置

    然后,使用数据库的连接设置配置新数据源。

    1. 在对话框的 名称 字段中,输入新数据源的名称。 例如, Demo DB

    2. 如果在连接设置区域底部看到 警告图标下载缺失的驱动文件 链接,请单击以下载 JDBC 驱动程序。

      新建数据源设置
    3. 主机 字段中,输入以下服务器地址:

      postgresql.datagrip-dbs.intellij.net
    4. 请确保 端口 字段包含 PostgreSQL 的默认值: 5432

    5. 用户 字段中,输入演示用户名: datagrip

    6. 密码 字段中,输入密码: datagrip

    7. 数据库 字段中,输入数据库名称: datagrip

    8. 为确保连接可以成功建立,请单击连接详细信息区域底部的 测试连接 链接。

      成功连接到数据库
    9. 架构 选项卡中,请确保选择了将要使用的 datagrip 数据库。

      在“数据源和驱动程序”对话框中选择要显示的架构
    10. 单击 确定 以创建数据源。

      在“数据源和驱动程序”对话框中配置新建数据源

    创建数据源后,它会显示在 数据库 工具窗口中。

    数据库资源管理器中的新建数据源
    1. 在对话框的 名称 字段中,输入新数据源的名称。 例如, Demo DB

    2. 如果在连接设置区域底部看到 警告图标下载缺失的驱动文件 链接,请单击以下载 JDBC 驱动程序。

      新建数据源设置
    3. 主机 字段中,输入以下服务器地址:

      mysql.datagrip-dbs.intellij.net
    4. 请确保 端口 字段包含 MySQL 的默认值: 3306

    5. 用户 字段中,输入演示用户名: datagrip

    6. 密码 字段中,输入密码: datagrip

    7. 数据库 字段中,输入数据库名称: datagrip

    8. 为确保连接可以成功建立,请单击连接详细信息区域底部的 测试连接 链接。

      成功连接到数据库
    9. 架构 选项卡中,请确保选择了将要使用的 datagrip 数据库。

      在“数据源和驱动程序”对话框中选择要显示的架构
    10. 单击 确定 以创建数据源。

      在“数据源和驱动程序”对话框中配置新建数据源

    创建数据源后,它会显示在 数据库 工具窗口中。

    数据库资源管理器中的新建数据源
    1. 在对话框的 名称 字段中,输入新数据源的名称。 例如, Demo DB

    2. 如果在连接设置区域底部看到 警告图标下载缺失的驱动文件 链接,请单击以下载 JDBC 驱动程序。

      新建数据源设置
    3. 文件 字段中,输入项目根目录下数据库文件的路径: demo_db.sqlite

      或者,单击 打开图标打开 并导航到该文件。

    4. 为确保连接能够成功建立,请单击连接详情区域底部的 测试连接 链接。

      成功连接到数据库
    5. 架构 选项卡中,请确保选中了将要使用的 main 数据库。

      在“数据源和驱动程序”对话框中选择要显示的架构
    6. 单击 确定 以创建数据源。

      在“数据源和驱动程序”对话框中配置新建数据源

    创建数据源后,它将显示在 数据库 工具窗口中。

    数据库资源管理器中的新建数据源

      步骤 2。 编写并运行 SQL 查询

      借助 数据库工具与 SQL 插件,您可以在附加到数据源的 查询控制台中编写 SQL 及 NoSQL 代码。 当您创建新的数据源时,IDE 会为该数据源创建一个 默认 查询控制台

      查询控制台

      查询控制台 是 SQL 文件,您可以在其中编写并执行 SQL 语句。 与常规 SQL 文件不同,它们默认已附加到您的数据源。

      有关 查询控制台 的更多信息,请参见 查询控制台 主题。

      在本教程中,我们将在 WebStorm 创建并在新建数据源时打开的默认 查询控制台 中运行简单查询。

      1. 在默认 查询控制台 中,输入以下 SQL 查询:

        SELECT * FROM actor;
      2. 要运行该查询,请单击编辑器工具栏上的 执行图标执行

        WebStorm 将运行该查询,并在 服务 工具窗口的数据编辑器选项卡(视图(V) | 工具窗口 | 服务Alt+8 )中显示结果集以供分析。

      此步骤中, <schema> 控制台工具栏下拉菜单中未选中任何当前架构。 不过仍可执行该查询,因为 WebStorm 会使用数据源的默认架构。

      有关如何设置默认架构的更多信息,请参见 Schemas主题。

      1. 在默认 查询控制台 中,输入以下 SQL 查询:

        SELECT * FROM actor;
      2. 要运行该查询,请单击编辑器工具栏上的 执行图标执行

        WebStorm 将运行该查询,并在 服务 工具窗口的数据编辑器选项卡(视图(V) | 工具窗口 | 服务Alt+8 )中显示结果集以供分析。

      此步骤中, <schema> 控制台工具栏下拉菜单中未选中任何当前架构。 不过仍可执行该查询,因为 WebStorm 会使用数据源的默认架构。

      有关如何设置默认架构的更多信息,请参见 Schemas主题。

      1. 在默认 查询控制台 中,输入以下 SQL 查询:

        SELECT * FROM actor;
      2. 要运行该查询,请单击编辑器工具栏上的 执行图标执行

        WebStorm 将运行该查询,并在 服务 工具窗口的数据编辑器选项卡(视图(V) | 工具窗口 | 服务Alt+8 )中显示结果集以供分析。

      此步骤中, <schema> 控制台工具栏下拉菜单中未选中任何当前架构。 不过仍可执行该查询,因为 WebStorm 会使用数据源的默认架构。

      有关如何设置默认架构的更多信息,请参见 Schemas 主题。

        步骤 3。 浏览数据库

        现在,您可以在树状视图中浏览数据库及数据库对象,并打开这些对象以查看其数据。 借助 数据库工具与 SQL 插件,您可以在 数据库 工具窗口中完成这项操作。

        数据库资源管理器

        数据库 工具窗口会以树状结构显示数据库结构。 您可以创建文件夹并将数据源移入其中,为数据源分配颜色、筛选数据库对象等。

        有关该工具窗口的更多信息,请参见 数据库工具窗口 主题。 有关树形图标的更多信息,请参见 数据源及其元素 章节。

        例如,让我们定位到 actor 表及其列。

        1. 数据库 工具窗口中,双击 Demo_DB 数据源名称以展开已解析数据库的列表。

        2. 然后,双击节点或单击其旁边的 展开图标 箭头图标以展开项目列表: datagrip | public | 表 | actor | 列

        3. 要查看 actor 表数据,请双击其名称。

        WebStorm 将在数据编辑器选项卡中打开 actor 表。

        1. 数据库 工具窗口中,双击 Demo_DB 数据源名称以展开已解析架构的列表。

        2. 然后,双击节点或单击其旁边的 展开图标 箭头图标以展开项目列表: datagrip | 表 | actor | 列

        3. 要查看 actor 表数据,请双击其名称。

        WebStorm 将在数据编辑器选项卡中打开 actor 表。

        1. 数据库 工具窗口中,双击 Demo_DB 数据源名称以展开已解析的列表。 架构

        2. 然后,双击这些节点,或单击其旁边的 展开图标 箭头图标以展开项目列表: main | 表 | actor | 列

        3. 要查看 actor 表数据,请双击其名称。

        WebStorm 会在数据编辑器选项卡中打开 actor 表。

          步骤 4。 查看、排序和筛选数据

          使用 数据库工具与 SQL 插件,您可以在 数据编辑器与查看器中查看和编辑数据库表及视图的数据。

          数据编辑器与查看器

          数据编辑器与查看器 (亦称为 数据编辑器 )提供了一个用于处理数据的用户界面。 在数据编辑器中,您可以对数据进行排序、筛选、添加、编辑和删除操作,还可以执行其他相关任务。

          如需了解有关数据编辑器的更多信息,请参阅 数据编辑器与查看器 主题。

          在本教程中,我们将按字母顺序排序 first_name 列(属于 actor 表),并筛选 last_name 列以查看以 JO 开头的姓氏。

          1. 要对数据进行排序,在数据编辑器选项卡中,单击 first_name 列标题中的箭头图标。 WebStorm 会向数据库发送 ORDER BY 查询并在编辑器中显示其结果。

            有关在数据库端和客户端对数据进行排序的更多信息,请参阅 排序数据 主题。

          2. 要筛选数据,在数据编辑器选项卡中,请单击 筛选器图标本地过滤器 ,位于 last_name 列标题中。 在搜索字段中输入 JO 并选中 复选框,然后单击数据编辑器中的任意区域。

            WebStorm 会筛选数据并显示结果。

          如需了解在 IDE 中筛选数据的更多信息,请参阅 筛选数据 主题。

          1. 要对数据进行排序,在数据编辑器选项卡中,单击 first_name 列标题中的箭头图标。 WebStorm 会向数据库发送 ORDER BY 查询并在编辑器中显示其结果。

            有关在数据库端和客户端对数据进行排序的更多信息,请参阅 排序数据 主题。

          2. 要筛选数据,在数据编辑器选项卡中,请单击 筛选器图标本地过滤器 ,位于 last_name 列标题中。 在搜索字段中输入 JO 并选中 复选框,然后单击数据编辑器中的任意区域。

            WebStorm 会筛选数据并显示结果。

          如需了解在 IDE 中筛选数据的更多信息,请参阅 筛选数据 主题。

          1. 要对数据进行排序,在数据编辑器选项卡中,单击 first_name 列标题中的箭头图标。 WebStorm 会向数据库发送 ORDER BY 查询并在编辑器中显示其结果。

            有关在数据库端和客户端对数据进行排序的更多信息,请参阅 排序数据 主题。

          2. 要筛选数据,在数据编辑器选项卡中,请单击 筛选器图标本地过滤器 ,位于 last_name 列标题中。 在搜索字段中输入 JO 并选中 复选框,然后单击数据编辑器中的任意区域。

            WebStorm 会筛选数据并显示结果。

          如需了解在 IDE 中筛选数据的更多信息,请参阅 筛选数据 主题。

            后续步骤

            阅读本教程后,您可以创建连接配置并使用 JDBC URL 连接到数据库,浏览所连接的数据库,在 查询控制台 中运行 SQL 查询,并查看查询结果。 此外,您还可以查看、排序和筛选数据库对象数据。

            如需了解更多有关 IDE 的内容,请参阅以下主题与章节:

            创建数据源

            请根据不同数据库厂商的指南为您的数据库创建数据源。

            数据编辑器与查看器

            了解可用于查看和管理数据库对象、查询结果集与 DSV 文件数据的功能。

            查询控制台

            本主题介绍了 查询控制台 的基本概念及其在 IDE 中的使用方法。

            查询结果

            本主题介绍了查看查询结果的多种方式。

            编写和编辑源代码

            了解可在 查询控制台、SQL 文件和临时文件中使用的代码编辑器功能说明。

            导出

            了解如何导出数据和数据库对象。

            数据库图表

            了解如何查看数据库和架构的图表。

            最后修改日期: 2025年 9月 26日