Node.js 有关模版引擎ejs和jade的结合(非express)
2013-06-29 00:43
786 查看
//以下为Ubuntu下的命令,创建文件夹,安装引擎等
等待安装完成后,在testEJS 文件夹下新建两个文件,如:
index.js
test.ejs
运行命令
然后在浏览器中输入localhost:8888即可看到效果
下面为jade的引用,和ejs差不多,几乎同样的使用方法
先安装
等待安装完成
在testJade中新建两个文件 如下:
index.js
test.jade
cd workspace/node mkdir testEJS cd testEJS npm install ejs
等待安装完成后,在testEJS 文件夹下新建两个文件,如:
index.js
var ejs = require('ejs'); var http = require('http'); varfs = require('fs'); function onRequest(request,response){ fs.readFile('test.ejs', 'utf8', function (err, data) { if (err) throw err; var ret = ejs.render(data,{user:{name:"hello World"}}); response.writeHead(200, {"Content-Type": "text/html"}); response.write(ret); response.end(); }); } http.createServer(onRequest).listen(8888);
test.ejs
<!-- DOCTYPE html--> <h1 align="center"> <%= user.name%> </h1> </pre> <br />
运行命令
node index.js
然后在浏览器中输入localhost:8888即可看到效果
下面为jade的引用,和ejs差不多,几乎同样的使用方法
先安装
cd workspace/node/ mkdir testJade npm install jade
等待安装完成
在testJade中新建两个文件 如下:
index.js
var jade = require('jade'); var http = require('http'); fs = require('fs'); function onRequest(request,response){ /*第一种,间接读写文件 fs.readFile('test.jade', 'utf8', function (err, data) { if (err) throw err; console.log(data); var fn = jade.compile(data); var html = fn({username:"huyinghuan"}); response.writeHead(200, {"Content-Type": "text/html"}); response.write(html); response.end(); }); */ //第二种直接读写文件 jade.renderFile('test.html.jade', {user:{username:"huyinghuan2"}}, function(err, html) { response.writeHead(200, {"Content-Type": "text/html"}); response.write(html); response.end(); }); } http.createServer(onRequest).listen(8888);
test.jade
!!! 5 tml(lang="en") head title= pageTitle body h1 Jade - node template engine #container.col if youAreUsingJade p You are amazing else p Get on it! p. Jade is a terse and simple templating language with a strong focus on performance and powerful features. p #{user.username}
相关文章推荐
- Express创建并运行node项目(Jade和EJS模版引擎)
- nodejs express框架一个工程中同时使用ejs模版和jade模版
- Nodejs express框架一个工程中同时使用ejs模版和jade模版
- node把jade模版引擎改成ejs
- Nodejs express使用ejs模版
- nodejs express template (模版)的使用 (ejs + express)
- nodejs+express生成的模板引擎jade改为html
- nodejs+express +jade模板引擎 新建项目
- node模版引擎(ejs/jade/handlebars)
- Nodejs express中创建ejs项目,解决express下默认创建jade,无法创建ejs问
- node.js中的模板引擎jade、handlebars、ejs
- node+express+ejs使用模版引擎做的一个示例demo
- Nodejs express中创建ejs项目,解决express下默认创建jade,无法创建ejs问题
- Nodejs + express + ejs, jade
- Nodejs express中创建ejs项目,解决express下默认创建jade,无法创建ejs问题
- nodejs express template (模版)的使用 (ejs + express)
- nodejs express template (模版)的使用 (ejs + express)
- Nodejs express使用jade模版
- node.js 使用express生成网站基本结构,默认是jade?如何切换成ejs
- Jade、EJS、JSHTML、Mustache、Handlebars 五大node模板引擎区别