|
1.express中使用ejs var express = require('express');//需要安裝 express var app = express(); app.set("view engine","ejs");//模版引擎設(shè)置為 ejs 2.文件組織 在express中使用ejs，文件組織遵循express,。 .views-------放置動態(tài)模版 .public------放置靜態(tài)網(wǎng)頁 .layouts-----放置布局文件 3.基本語法 .<% code %> 無緩沖的條件語句元素 .<%= code %> 轉(zhuǎn)義HTML,，該code并且會打印出來 .<%- code %> 非轉(zhuǎn)義的buffering，該code并且會打印出來 .<% include file %> 內(nèi)嵌別的文件 .<% layout(file) -%> 指定布局文件 .<% script(file) -%> 包含js腳本文件 .<% stylesheet(file) -%> 包含css文件 .<% block(code, code) -%> 指定塊內(nèi)容 4.基本對象 .scripts 包含的腳本 .stylesheets 包含的css .blocks 包含的塊 5.例子 //index.ejs <% layout('boilerplate') -%> <% script('foo.js') -%> <% stylesheet('foo.css') -%> <h1>I am the <%=what%> template</h1> <% block('header', "<p>I'm in the header.</p>") -%> <% block('footer', "<p>I'm in the footer.</p>") -%> //boilerplate.ejs <!DOCTYPE html> <html> <head> <title>It's <%=who%></title> <%-scripts%> <%-stylesheets%> </head> <body> <header> <%-blocks.header%> </header> <section> <%-body -%> </section> <footer> <%-blocks.footer%> </footer> </body> </html> //app.js var express = require('express') , engine = require('ejs-locals') , app = express(); // use ejs-locals for all ejs templates: app.engine('ejs', engine); app.set('views',__dirname + '/views'); app.set('view engine', 'ejs'); // so you can render('index') // render 'index' into 'boilerplate': app.get('/',function(req,res,next){ res.render('index', { what: 'best', who: 'me' }); }); app.listen(3000); 結(jié)果 <!DOCTYPE html> <html> <head> <title>It's me</title> <script src="foo.js"></script> <link rel="stylesheet" href="foo.css" /> </head> <body> <header> <p>I'm in the header.</p> </header> <section> <h1>I am the best template</h1> </section> <footer> <p>I'm in the footer.</p> </footer> </body> </html> |
|
|
