如何将 pass/access node.js 变量转换为 html file/template

Question

我是 Node.js 的新手，我正在尝试传递和访问来自 Node.js 的变量加载 html file/template，如何实现？

示例代码如下：

test.html

<!DOCTYPE html>
<html>
    <head>
        <mate charest="utf-8" />
        <title>Hello world!</title>
    </head>
    <body>
        <h1>User List</h1>
        <ul>
            <li>Name: Name</li> <!-- how do I call the name variable here -->
            <li>Age: Age</li> <!-- how do I call the age variable here -->
            <br>
        </ul>
    </body>
</html>

myService.js

let fs = require('fs');
let path = require('path');

// How do I pass this variables to test.html
let age = 1;
let name = "this is name";

// Read HTML Template
let html = fs.readFileSync(path.resolve(__dirname, "../core/pdf/test.html"), 'utf8');

如何将 name 和 age 变量传递和访问到 test.html模板，这样当我读取文件时，变量的值已经在模板中生成了。

Answer 1

您需要为此使用快速和模板引擎。请参考模板引擎列表 - https://expressjs.com/en/resources/template-engines.html

https://expressjs.com/en/starter/generator.html

Answer 2

您可以使用这个库 handlebars。
这个非常适合处理较大的模板。
如果你必须 return 一个标签，你可以试试这个

return `<ul>
            <li>Name: ${name}</li>
            <li>Age: ${age}</li>
            <br>
        </ul>`

您也可以考虑将此模板库用于node.js npm-ejs

如何将 pass/access node.js 变量转换为 html file/template

How to pass/access node.js variable to an html file/template

html

javascript

fs

node.js