WebStorm 2025.2 Help

查看数据

当您在 数据库 工具窗口（视图(V)︱ 工具窗口︱ 数据库 ）中双击某张表时，该表、视图或虚拟视图将在数据编辑器选项卡中打开。

数据查看模式

您可以在三种模式下浏览和编辑数据： 表、 树、 文本 和 转置。 要在这些模式之间切换，请点击工具栏上的 “以此视图查看”按钮查看方式 ，然后选择所需的模式。

  • 转置 ：一种查看模式，其中行与列被 互换。 您可以将此复选框与其他查看模式组合使用。

    要将此模式设为表和视图的默认模式，请按 Ctrl+Alt+S 打开设置，并导航至 工具 | 数据库 | 数据编辑器与查看器。 在 自动转置表 下拉列表中，选择 始终。 启用此选项后，查询结果将不会被转置。

    转置表格查看模式

  • 表 ：表数据的默认查看模式。 表中的数据存储在由垂直列与水平行交叉所形成的单元格中。

    表格查看模式

  • 树 ：以键值表的形式显示数据的查看模式，并且如果键单元格包含子节点，您可以展开该键单元格。 展开的子节点中的数据将在键列和值列之间分布。 建议您在处理 JSON 和数组数据时使用此模式。

    树状查看模式

  • 文本 ：以文本形式显示数据的查看模式。 此模式使用数据提取器来呈现数据。 例如，如果在工具栏的 数据提取器 下拉列表中选择了 CSV 数据提取器，则数据库对象数据将以 CSV 格式显示。

    有关数据提取器的更多信息，请参阅 数据提取器 主题。

    转置表格查看模式

转置表、视图或虚拟视图

您可以将表数据从行旋转为列，或从列旋转为行。 在转置视图中，行与列被互换。 您可以将转置操作与其他查看模式结合使用。

  • 要转置表、视图或虚拟视图，请点击 “以此视图查看”按钮查看方式 并选择 转置。

    转置表格查看模式

为表格视图重新加载数据

如果您希望同步编辑器中显示的数据与数据库的内容，则需要重新加载表视图中的数据。 或者在更改后想要应用 page size limit 设置时。

  • 点击工具栏上的 “重新加载页面”图标重新加载页面。

  • 右键点击表格，在上下文菜单中选择 重新加载页面。

  • 按 Ctrl+F5。

查看生成结果集的查询

  • 要查看用于生成结果表的查询，请点击 “显示选项菜单”图标显示选项菜单 并选择 查看查询。 如有需要，您可以选择查询文本并按 Ctrl+C 将其复制到剪贴板。

    要关闭显示查询的窗格，请按 Escape。

    查看生成表格的查询

预览 DML

  • 在表编辑器中插入、删除或修改数据时，您可以预览 WebStorm 用于执行所选操作的查询。 要预览查询，请点击工具栏上的 “预览待更改内容”按钮预览挂起的更改。

应用热力图

  • 在网格工具栏中，点击 Table Coloring Options 并选择颜色方案：

    1. Sequential ：由单一颜色或一组强度不同但相近的颜色组成。

      带顺序配色方案的网格热力图

    2. Diverging ：强调相对于某一基准值的变化。 该方案包含两种对比色，分别向相反方向偏离中心值。

      带顺序配色方案的网格热力图

您可以将热图颜色方案应用于整个表格或分别应用于每一列，也可以仅对布尔值使用着色。

探索数值

请使用编辑器和视图来查看、编辑和分析表格单元格的值。

数值编辑器

Value editor 是一个独立的编辑器，您可以在其中编辑单元格中存储的数据。 要打开 Value editor，请在单元格上下文菜单中选择 在值编辑器中打开。

“在数值编辑器中打开”上下文菜单项

要在 Value editor 中编辑值，请执行以下操作：

  • 要开始新行，请按 Enter。

  • 要输入值，请按 Ctrl+Enter。

  • 要恢复初始值并退出编辑模式，请按 Escape。

  • 要在编辑器中启用软换行，请点击 “切换软换行”按钮切换自动换行。

如果单元格中存储了一行的 JSON，您可以点击 切换格式 启用格式化。 此操作可格式化单行的 XML 和 JSON 字符串。

预览图像

您可以在 Value editor 中预览图像。 为此，请右键点击包含图像的单元格，在上下文菜单中选择 查看图像。

请注意，为了提升性能，默认的 LOB 大小限制为 1024 字节。 这意味着仅有 1024 字节会被加载到表编辑器中。 要增加此大小并查看更大的图像，请按下 Ctrl+Alt+S 打开设置，导航到 工具︱ 数据库︱ 数据编辑器和查看器 ，然后更改 每个值加载的最大字节数(L) 选项的数值。

在数值编辑器中预览图像

聚合视图

在 WebStorm 中，您可以使用 data aggregator and data extractor scripts 获取聚合值和提取值。

在 Aggregate view 中，您可以选择多个单元格的值，并获取单个汇总值。 要打开 Aggregate view，请在单元格上下文菜单中选择 显示聚合视图。 该视图会显示由 aggregator 计算的值。

“在数值编辑器中打开”上下文菜单项

点击 “设置”图标 图标，在 聚合 选项卡的工具栏上查看、启用或禁用 aggregate。 要访问捆绑的 aggregator，请选择 转到脚本目录。 脚本位于 临时文件和控制台︱扩展︱数据库工具与 SQL︱data︱aggregators 。 该目录将在 项目 工具窗口中打开。

此外，您可以创建自己的 aggregate 脚本。 要添加您自己的 aggregator，请将脚本放置到 aggregators 目录中。

聚合脚本与提取器

单条记录视图

您可以在数据编辑器的侧边面板中使用 single record view 查看和编辑某条记录的值。

数据编辑器中的单条记录视图

要打开 single record view，请选择一个单元格或记录，然后执行以下操作之一：

  • 按下 Ctrl+Shift+Enter。

  • 点击工具栏上的 记录视图。

  • 右键点击并选择 显示记录视图。

对于 single record view，有两种布局：单列布局和双列布局。 您可以点击面板右上角的 单条记录视图设置设置 ，并选择另一种布局以切换布局。

单列布局

双列布局

数据编辑器中单列记录视图布局
数据编辑器中双列记录视图布局

可视化数据

您可以使用图表可视化数据库对象数据，并在数据编辑器中绘制查询结果集。 可用的图表类型包括：柱状图、饼图、面积图、折线图、散点图、气泡图、股票图、区间面积图和直方图。 您还可以对数据进行分组。

根据您正在处理的内容，图表将以拆分模式或替代表格的形式显示：

  • 数据库对象数据和 DSV 文件：拆分模式。

  • 在 服务 工具窗口中的编辑器结果和查询结果集：替代表格。

绘制图表

  • 要可视化数据，请点击数据编辑器工具栏上的 “显示图表”图标Show Chart。

    默认图表类型会根据数据类型自动选择。 要查看精确的数值，请将鼠标悬停于图表上。

以图表形式可视化数据

配置图表

您可以使用任意支持的图表类型查看数据。 可使用坐标轴设置，结合可用列绘制所需数据。

  1. 在图表工具栏上点击 显示系列设置显示系列设置。

  2. 在图表类型选择器中，点击想要绘制的图表类型图标。

  3. 对于每个坐标轴，配置其设置：

    • 点击 添加列 并选择要绘制的列。

    • 点击 “修改器”图标修饰符 以修改数据显示方式。

配置图表

绘制多个系列

  1. 在图表工具栏上点击 显示系列设置显示系列设置。

  2. 要使用来自同一表的数据显示另一条序列，请点击 添加新系列 并配置新系列。

  3. 要删除某个序列，请点击图表设置窗格右上角的 “移除”图标移除。

绘制多个系列

导出图表

  1. 点击图表工具栏上的 导出为 PNG导出为PNG ，将生成的图表保存为 .png 格式。

  2. 输入文件名并点击 保存。

参考

项目

描述

导出为 PNG导出为PNG

将图表导出为 .png 格式。

显示系列设置显示系列设置

打开包含图表类型选择器和坐标轴设置的系列设置窗格。

项目

描述

图表类型

“柱状图”图标

柱状图

“饼图”图标

饼图

“面积图”图标

面积图

“折线图”图标

折线图

“散点图”图标

散点图

“气泡图”图标

气泡图

“股票图”图标

股票图

“面积范围图”图标

区间面积图

“直方图”图标

直方图

控件

“移除”图标移除

（用于多序列图表。）从图表中移除某个序列。

X 轴

确定用于 X 轴绘图的列。

坐标轴 修饰符 决定数据显示方式：

  • 无 ：不应用。

  • 组 ：按 X 轴值对数据进行分组。

  • 分组和排序 ：按 X 轴值对数据进行分组并排序。

分组

确定如何对 X 轴的数值进行分组。

Y 轴

确定绘制在 Y 轴上的列。

轴 修饰符 用于定义显示哪些 Y 轴数值。

查看地理数据

Geographical data Viewer （或 地理查看器 ）是一个可用于探索地理空间数据的图形查看器。

目前，地理查看器 可处理来自 PostgreSQL 数据库表和表格数据文件（CSV、XLSX 和其他 受支持的文件格式 ）的数据。 WebStorm 支持以下格式的坐标：WKT、WKB 和 PostGIS geometry 4326。

打开 地理查看器 后，可点击表格行以跳转到地图上的相应区域，或点击地图上的图钉以跳转到对应的表格行。

PostgreSQL 数据库表

表格数据文件

Geo 查看器中来自 PostgreSQL 表的地理数据
Geo 查看器中来自表格数据文件的地理数据

查看 PostgreSQL 表中的地理数据

  1. 在 数据库 工具窗口中，双击包含地理数据的表。

  2. 点击 “显示选项菜单”图标显示选项菜单 工具栏中的按钮，然后选择 显示地理位置查看器。

  3. 阅读有关启用 JCEF 的潜在风险的通知。 如果接受该风险，请点击 启用JCEF。

  4. 在 需要重启 窗口中，点击 立即重启。

  5. 重启后，按下 Ctrl+F5 或重新打开包含地理数据的表。

  6. 点击 “显示选项菜单”图标显示选项菜单 工具栏中的按钮，然后选择 显示地理位置查看器。

要将 地理查看器 标签从 服务 工具窗口中分离，请将其从工具窗口中拖出。 要恢复布局，请点击查看器窗口右上角的 “布局设置”图标布局设置 ，然后选择 恢复默认布局。

查看表格数据文件中的地理数据

  1. 在 项目 工具窗口中，双击包含地理数据的文件。

  2. 在打开的编辑器标签页底部，点击 数据 以表格数据形式查看文件内容。

  3. 点击 “显示选项菜单”图标显示选项菜单 工具栏中的按钮，然后选择 显示地理位置查看器。

启用 JCEF 后恢复 WebStorm

  1. 导航到 config 目录。

    语法

    %HOMEPATH%\.<product><version>\config\projects

    示例

    C:\Users\JohnS\.WebStorm2025.2\config\projects

    语法

    ~/Library/Application Support/<product><version>

    示例

    ~/Library/Application Support/WebStorm2025.2

    语法

    ~/.<product><version>/config/plugins

    示例

    ~/.WebStorm2025.2/config/plugins

  2. 在 options 目录中，使用文本编辑器打开 ide.general.xml 。

  3. 删除以下行： <entry key="ide.browser.jcef.enabled" value="true" />

最后修改日期： 2025年 9月 26日
数据编辑器与查看器比较数据库对象的数据