如何将查询结果数据传递到Express.js和Mysql中的视图

How to pass query result data to the view in Express.js and Mysql

本文关键字：js Express Mysql 视图 查询 结果 数据      更新时间：2023-09-26

我试图在视图中显示我的查询结果，但似乎什么都不起作用，因为我是新手，我可以在控制台日志中看到结果，但不能在我的html文件3 上看到

var express = require('express');
var router = express.Router();
var connection = require('../connection');
/* GET home page. */
router.get('/', function(req, res, next) {
connection.query('SELECT * FROM articles',function(error,results,fields){
 if(error) throw error;
  console.log('Data received from Db:'n');
  console.log(results);
  res.render('index', {data:results,error:null});
   });

});
 module.exports = router;

我的观点是

<!DOCTYPE html>
<html>
 <head>
 <title></title>
 <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
  <h1>test</h1>
  <p>Welcome to <%= ??????? %> </p>
  </body>
  </html>

感谢

我在这里使用EJS作为模板引擎，但您可以使用任何其他引擎。

您的index.js路由文件代码：

var express = require('express');
const sql = require('mssql');
var router = express.Router();
 router.get('/', function(req, res, next) {
 var myArr= [];
 const request = new sql.Request();
 request.query("SELECT * FROM Student", function(err, rows, fields) {
  if (err) {
    res.status(500).json({"status_code": 500,"status_message": "internal server 
  error"});
  } else {
  // Loop on each row
  var lng = rows.recordsets[0].length;
  var rc = rows.recordsets[0];
  for (var i = 0; i < lng; i++) {
    //Create an object to save current row's data
    var person = {
      'LastName':rc[i].LastName,
      'FirstName':rc[i].FirstName
    }
     // Add object into array
     myarr.push(person);
 }
// Render index page using array 
  res.render('index', {"myres": myarr});
}
});
});
 module.exports = router;

你的index.ej应该如下：

 <ul>
  <%for(let i=0; i<myres.length; i++){%>
   <li><%=myres[i].LastName%></li>
  <%}%>
 </ul>
相关文章：