nodejs 模板引擎ejs的使用

時間 2019-11-30

標籤 nodejs 模板引擎 ejs 使用简体版

原文原文鏈接

一、test.ejs文件html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <% for(var i=0;i<json.arr.length;i++){ %>
    <div>用戶名：<%=json.arr[i].user%> 密碼：<%=json.arr[i].pass%></div>
    <% } %>
</body>
</html>

二、ejs.js文件json

var ejs=require('ejs');
var http = require('http');
ejs.renderFile('cleaning.ejs', {json: {arr: [
            {user: '馬武', pass: '1269'},
            {user: '張三', pass: '7654'},
            {user: '王二', pass: '2143'}
        ]}}, function (err, data){
    //建立服務
    http.createServer(function(req,res){
        res.writeHead(200,{'Content-Type':'text/html'});
        res.write(data);
        res.end('<p>渲染結束</p>');
    }).listen(8080,"localhost",function () {
        console.log("open server at port:8080...");
    });
});

三、瀏覽器直接訪問接口8080便可展現頁面瀏覽器

相關標籤/搜索