在ag-Grid中使用PostgreSQL数据



我是Javascript(和一般的web开发)的新手,并希望使用ag-Grid在网页上显示来自PostgreSQL服务器的数据。我遵循了一些教程,并成功地从postgreSQL中提取数据,并成功地使用ag-Grid显示了一些示例数据。现在我试着把两者结合起来,但我想不出来。

我已经创建了一个'database.js',它从PostgreSQL中提取数据-它从本教程(链接)修改:

database.js:

const {Client} = require("pg");
const client = new Client ({
host: "<IPaddress>",
user: "<username>",
port: 5432,
password: "<password>",
database: "postgres"
})
client.connect();
var Query = function(){
client.query( `select * from test1`, (err, res) => {
callback (err, res)
client.end;
})
return {
Query1: Query
}
}();
module.exports = Query;

然后在main.js中,我有以下内容来自ag-grid教程:

main.js:

var QueryResults = require('database');
var columnDefs = [
{headerName: 'Make', field: 'make', sortable: true, filter: true},
{headerName: 'Model', field: 'model', sortable: true, filter: true},
{headerName: 'Price', field: 'price', sortable: true, filter: true}
];
var gridOptions = {
columnDefs: columnDefs,
rowModelType: 'infinite',
datasource: datasource,
};
var eGridDiv = document.querySelector('#myGrid');
new agGrid.Grid(eGridDiv, gridOptions);

我有几个顾虑:

  • 是我引用我的查询结果在database.js正确的方法。
  • 我的数据结构兼容吗?

如有任何建议,不胜感激。

您需要理解,在这类应用程序中,有两个单独的地方执行代码。

在"服务器"上,例如运行数据库的计算机,或连接到它的另一台计算机上,有一个应用程序正在执行包括查询数据库在内的操作,并向用户的web浏览器提供web应用程序代码。这通常也被称为"后端"。

关于"客户端"(用户的web浏览器),通常被称为"前端",web应用程序将通过HTTP/S("API调用")从后端获取数据。

在您提供的示例代码中,database.js中的功能属于后端(在服务器上),而main.js中的代码属于前端(在用户的web浏览器中)。

相关内容

  • 没有找到相关文章