我对我正在创建的应用程序有疑问，我正在使用 Oracle 数据库，并且我正在从数据库中获取信息并通过表格将其呈现在屏幕上，但我想尝试单独处理这些数据，例如创建一个段落并显示一个值。
我只能通过表格来呈现数据，还有其他方法吗？如果有人能帮助我，非常感谢。
我接受所有改进代码的提示。
我的Index.html页面
Apontamentos da Produção PAINEL-1 | APONTAMENTOS DA PRODUÇÃO
| Data | Hora | Orig. | O.P. | Produto | Deriv. | Peso (TN) | Refugo (TN) | Lote | Operador |
|---|
这是我的Index.js，我在其中进行选择并发送数据
const express = require('express'); const oracledb = require('oracledb'); const app = express(); var cors = require('cors') app.use(cors()) const http = require('http'); app.engine('html', require('ejs').renderFile); app.set('view engine', 'html'); // Connection details for the Oracle database const connectionString = ''; const user = ''; const password = ''; // Connect to the database app.get('/teste', (req, res) => { // within the endpoint, query the database oracledb.getConnection( { connectionString: connectionString, user: user, password: password }, function teste(err, connection) { if (err) { console.error(err.message); return; } console.log('Conexão deu certo!'); const query = 'SELECT DATREA,HORREA,CODORI,NUMORP,CODPRO,CODDER,QTDRE1,QTDRFG,CODLOT,OPERADOR from USU_VPROEXT ORDER BY DATREA DESC, HORREA DESC'; connection.execute(query, [], (err, result) => { if (err) { console.error(err.message); return; } console.log('Banco de Dados Atualizado'); console.log(); // return the results to the user res.json(result.rows); }); }); }); app.listen(3000, () => { console.log('Server is listening on port 3000'); });
假设：
由于无法准确重现该场景，我将重点关注客户端，只理所当然地认为您的后端端点将正确返回一个数组，例如：
data[iRow][iColumn]这样的假设来自这样的行
cell1.innerHTML = data[i][0];静态定义的数据示例：
我不太确定数据是否只是数组的数组，或者是否有某种方法可以通过列名称来寻址列值。无论如何，在这里我们将坚持使用普通数组范例，因为它似乎按照您自己的话工作。
这里我们定义了一个
data数组，包含 2 行，每行 10 列：定义列名称和顺序：
我还可以说自从显示 SQL 查询以来从数据库获取的列的顺序，这就是有序列表：
DATREA、HORREA、CODORI、NUMORP、CODPRO、CODDER、QTDRE1、QTDRFG、CODLOT、OPERADOR我们在 js 中将其定义为一个字符串数组，如下所示：
将行数组转换为对象：
将行
data转换为一个对象数组，该数组具有以前面显示的列列表命名的行列作为属性：function getRowObject(row){ const rowObject = {}; //for each col in columnNames columnNames.forEach((col, i)=>{ //set the prop of rowObject named as col = the value at the i position in row rowObject[col] = row[i]; }); return rowObject; }对于第一行数据（
data[0]）将返回如下对象：{ "DATREA": "rowX_cell(01)", "HORREA": "rowX_cell(02)", "CODORI": "rowX_cell(03)", "NUMORP": "rowX_cell(04)", "CODPRO": "rowX_cell(05)", "CODDER": "rowX_cell(06)", "QTDRE1": "rowX_cell(07)", "QTDRFG": "rowX_cell(08)", "CODLOT": "rowX_cell(09)", "OPERADOR": "rowX_cell(10)" }如何在文档中显示该数据？
根据具体目标，您有无限种方法。实际上，您一开始并不需要将数组转换为对象，但它使得通过名称而不是使用索引号来访问其列变得更容易。
无论如何，例如，如果您需要将每一行显示为单个段落的内容，并将其所有列数据的串联作为内容：
function appendRowsAsParagraphsInTarget(target, rowObjects){ //you can loop through all the rows and print them on screen rowObjects.forEach( row => { //here we are converting the row object back to a list of values values = columnNames.map( columnName => row[columnName] ); //here to a single string where values are separated by ', ' and wrapped in [] values = values.map( value => `[${value}]`); values = values.join(', '); //append the newly created p in target const p = document.createElement('p'); p.textContent = values; target.append(p); }); }演示：
这是到目前为止所说内容的现场演示：