~~~ //第二個參數tplData的作用是用來傳遞html頁面中要使用的模板數據 res.render = function(filename,tplData) { fs.readFile(filename, function(err, data) { if (err) { res.writeHead(404, 'Not Found', { 'Content-Type': 'text/html;charset=utf-8' }); res.end("404,page not found."); return; } if(tplData){ //如果用戶傳遞了模版數據，表示要進行模板替換 var fn=_.template(data.toString('utf8')); data=fn(tplData); } res.setHeader("Content-Type", mime.getType(filename)); res.end(data); }) } ~~~ ~~~ if (req.url === '/' || req.url === '/index' && req.method === 'get') { //1.讀取data.json文件中的數據，并將讀取到的數據轉換為arr 數組 fs.readFile(path.join(__dirname, "data", 'data.json'), 'utf8', function(err, data) { if (err && err.code !== 'ENOENT') { throw err; } var arr_news = JSON.parse(data || '[]'); //字符串解析為數組 //讀取index.html 并返回 //2.在服務器端使用模板引擎，將arr中的數據和index.html文件中的內容結合，渲染給客戶端 res.render(path.join(__dirname, 'views', 'index.html'),{arr:arr_news}); }); } ~~~ index.html內容修改如下：