JavaScript写后端从mysql数据库取数据并渲染到HTML上

首先需要安装mysql和node.js。

然后在node.js中安装mysql模块，可以使用npm命令进行安装：

npm install mysql

连接mysql数据库：

const mysql = require('mysql');

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'username',
  password: 'password',
  database: 'database_name'
});

connection.connect((err) => {
  if (err) throw err;
  console.log('Connected to MySQL server');
});

查询数据并渲染到HTML上：

const http = require('http');
const fs = require('fs');

http.createServer((req, res) => {
  connection.query('SELECT * FROM table_name', (err, results) => {
    if (err) throw err;
    fs.readFile('index.html', 'utf8', (err, data) => {
      if (err) throw err;
      let html = '';
      results.forEach((result) => {
        html += `<p>${result.column_name}</p>`;
      });
      data = data.replace('{{content}}', html);
      res.writeHead(200, {'Content-Type': 'text/html'});
      res.write(data);
      res.end();
    });
  });
}).listen(8080, () => {
  console.log('Server running at http://localhost:8080/');
});

这里将查询结果渲染到了一个模板文件index.html中的{{content}}占位符处，然后将整个HTML文件发送给客户端。