0%

716_express框架_ejs列表渲染

const xiyou = ["唐僧", "猪八戒", "沙僧", "孙猴子"];
const fs = require("fs");
const ejs = require("ejs");

//原生js
// let str = "";
// xiyou.forEach((item) => {
//   str += `<li>${item}</li>`;
// });

let html = fs.readFileSync("./02_西游.html").toString();

let str = ejs.render(html, { xiyou });

console.log(str);
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <% xiyou.forEach((item) => { %>
    <li><%=item%></li>
    <%})%>
  </body>
</html>