在没有PHP的HTML页面上显示MySQL数据库中的值

Question

我是Web开发的新手。 我有一个带有select下拉列表的HTML页面，想要从数据库向它显示一些动态值，并且我使用Node.js作为服务器脚本。 有没有不使用PHP就能达到相同目的的方法？ 如果是，请分享给我示例代码/链接。

我尝试从服务器（使用res.write）生成具有动态值的页面，但是我想拥有静态HTML页面并执行操作。

res.write('<label style = "margin-left :5px"><b>LogFileName :</b> </label>');
res.write('<select name = "select1" id = "select1">');
res.write('<option hidden value="default" >Select file</option>');
for(var i in result)
  res.write('<option value='+ result[i].LogFile_Name + '>' + result[i].LogFile_Name +'</option>');         
res.write('</select>');

我想拥有静态HTML页面并填充其动态值

Answer 1

您可以使用模板引擎（ ejs ， handlebarsjs等）。

EJS样本

安装ejs

$ npm install ejs --save

main.ejs

<select>
  <option>Select file</option>

  <% resultData.forEach(function(result) { %>
    <option><%= result %></option>
  <% }); %>
</select>

app.js

var ejs = require('ejs'); 
var fs = require('fs'); 

var htmlContent = fs.readFileSync(__dirname + '/main.ejs', 'utf8'); 

var result = ['test_1', 'test_2', 'test_3']; 

var renderedHtml = ejs.render(htmlContent, {filename: 'main.ejs', resultData: result}); 

console.log(renderedHtml);