源于 Node.js的HTML 模板引擎Jade的一个hello world项目
生活随笔
收集整理的這篇文章主要介紹了
源于 Node.js的HTML 模板引擎Jade的一个hello world项目
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Jade 是一個高性能的模板引擎,它深受 Haml 影響,它是用 JavaScript 實現的,并且可以供 Node 使用。其使用也是非常簡單易學的。
我們現在看一下如何用Jade做一個最簡單的nodejs hello world應用。
在nodejs應用的package.json里引入對jade的依賴:
在nodejs代碼中使用如下代碼設置express返回的app實例使用的視圖引擎:
var app = express();// view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'jade');按照下圖的方法設置待渲染的視圖,名稱為index:
router.get('/', function(req, res, next) {res.render('index', { title: 'CoreSystem Proxy Project' });res.send('hahahaha,my god!'); });在views文件夾里新建一個同名視圖模板index.jade,內容如下:
extends layoutblock contenth1= titlep Welcome to #{title}模板源文件里通過井號和大括號包裹的變量title,運行時會被模型字段title的值:CoreSystem Proxy Project所替換,如下圖所示:
要獲取更多Jerry的原創文章,請關注公眾號"汪子熙":
總結
以上是生活随笔為你收集整理的源于 Node.js的HTML 模板引擎Jade的一个hello world项目的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 一个好用的基于若干静态图片生成gif图片
- 下一篇: 使用SAT跟踪监控从浏览器打开的SAP应