码迷,mamicode.com
首页 > Web开发 > 详细

express结合EJS模板渲染HTML

时间:2015-11-01 12:42:15      阅读:973      评论:0      收藏:0      [点我收藏+]

标签:

注意:以下是在Windwo环境下 

运行:

npm install ejs

然后你的目录node_modules下将增加ejs文件夹

 

app.js

var express=require("express");
var app=express();

//指定模板引擎
app.set("view engin",‘ejs‘);
app.use(express.static(__dirname+"/views"));

//利用模板文件home.ejs渲染,此时将home.ejs渲染为html
app.get("/",function(req,res){
    res.render(‘home.ejs‘,{name:‘tinyphp‘});
});

var server = app.listen(3000,function(){
    console.log("请在浏览器访问:http://localhost:3000/");
});

 

home.ejs

<html>
<head>
<title>a template</title>
</head>

<body>
    <p>输出模板</p>
    <p>Hi <%= name %></p>
</body>
</html>

 

node下app.js后,访问:http://localhost:3000/

技术分享

 

上面不想手动创建文件夹和文件的,可以参考以下命令:

新建文件夹

mkdir views

 

新建文件

cd.>home.ejs

 

express结合EJS模板渲染HTML

标签:

原文地址:http://www.cnblogs.com/tinyphp/p/4926699.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!