[nodejs] ejs模版引擎

index.ejs

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1><%= msg %></h1>
  <ul>
    <% for (let i = 0; i < list.length; i++) { %>
    <li><%= list[i].title %></li>
    <% } %>
  </ul>

</body>
</html>

 

server.js

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

http.createServer(function (req, res) {
  const { url } = req;
  if (url === '/index') {
    ejs.renderFile('./tpl/index.ejs', {
      msg: '数据',
      list: [
        { title: '标题111' },
        { title: '标题222' },
        { title: '标题333' },
        { title: '标题444' },
        { title: '标题555' },
      ]
    }, (err, str) => {
      if (!err) {
        res.writeHead(200, {'Content-Type': 'text/html'});
        res.end(str);
      }
    });
  }
}).listen(3000);

console.log('Server running at http://127.0.0.1:3000/');

 

posted @ 2021-10-28 09:37  zhoulixue  阅读(44)  评论(0)    收藏  举报