📜  如何在 jasperserver 中添加 json 数据源 - Javascript (1)

📅  最后修改于: 2023-12-03 15:24:12.322000             🧑  作者: Mango

如何在 jasperserver 中添加 JSON 数据源 - JavaScript

介绍

Jaspersoft Studio 是一款基于 Eclipse 的商业报表设计工具,可用于创建、设计、预览和打印报表。它支持多种数据源类型,其中包括 JSON。在本文中,我们将介绍如何在 Jasperserver 上添加 JSON 数据源,并使用 JavaScript 进行数据集创建和查询。

步骤
1. 添加 JSON 数据源

登录 Jasperserver,然后依次打开“管理”->“数据源”,在数据源管理页面点击“新建数据源”。

新建数据源

在弹出的窗口中选择“JSON”作为数据源类型,输入数据源名称,并填写 JSON 数据源 URL。如果需要鉴权,可以在“HTTP设置”选项卡中填写相关鉴权信息。

添加 JSON 数据源

点击“测试连接”按钮,确保数据源配置正确。

2. 创建数据集

接下来我们需要创建一个数据集,以便在报表中使用 JSON 数据。在 Jasperserver 数据集管理页面中,点击“新建数据集”。

新建数据集

在“数据集设置”选项卡中,选择刚刚添加的 JSON 数据源,并输入 JSON 数据集的 URL。

JSON 数据集设置

接下来,点击“字段”选项卡,在“字段”列表中添加需要的字段。如果 JSON 数据是嵌套的,则需要创建子数据集。

添加字段

3. 编写 JavaScript 查询

在数据集创建完成后,我们需要使用 JavaScript 查询 JSON 数据并将结果填充到数据集中。

打开数据集的“查询”选项卡,将查询语句设置为 JavaScript,并编写 JavaScript 查询(以 JQuery 为例)。

var url = "<JSON 数据集 URL>";
$.ajax({
   url: url,
   type: "GET",
   dataType: "json",
   contentType: "application/json",
   success: function(data) {
       return data; // 返回查询结果
   }
});

以上 JavaScript 代码使用 JQuery 库进行异步请求,在成功返回数据后将数据作为查询结果返回。如果需要在查询中使用参数,可以使用参数对象“parameters”。

var url = "<JSON 数据集 URL>";
$.ajax({
   url: url,
   type: "GET",
   data: {
       "param1": parameters["param1"].value,
       "param2": parameters["param2"].value
   },
   dataType: "json",
   contentType: "application/json",
   success: function(data) {
       return data; // 返回查询结果
   }
});
4. 预览报表

完成以上步骤后,可以在 Jasperserver 中预览报表。在 Jaspersoft Studio 中引用数据集时,选择“JavaScript”类型,并输入数据集的 JavaScript 查询。

引用数据集

5. 发布报表

最后,我们需要将报表发布到 Jasperserver 上。在 Jaspersoft Studio 中,点击“发布”按钮,选择需要发布的报表和目标服务器,并填写目标文件夹名称。

发布报表

至此,我们已经成功地使用 JavaScript 查询 JSON 数据源,并在 Jasperserver 上创建了报表。

结论

在本文中,我们介绍了如何在 Jasperserver 中添加 JSON 数据源,并使用 JavaScript 进行数据集查询。这些步骤将在报表中使用 JSON 数据变得更容易,并使报表更具有扩展性和灵活性。