express框架結合ejs模板引擎使用
阿新 • • 發佈：2017-07-16
.cn ejs func get src ren 項目 maximum png
我們在項目裏建立一個views文件夾(必須),然後在裏面建立一個模板文件news.ejs:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<ul>
<% for(var i = 0;i<news.length;i++){%>
<li><%=news[i]%></li>
<%}%>
</ul>
</body>
</html>
然後js文件裏綁定渲染關系:
var express = require("express"); var app = express(); app.set("view engine","ejs"); app.get("/",function (req,res) { res.render("news",{ "news":["新聞1","新聞2","新聞3"] }) }).listen(3000);
然後啟動服務,訪問3000端口,頁面輸出:
express框架結合ejs模板引擎使用