DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> NodeJS創建基礎應用並應用模板引擎
NodeJS創建基礎應用並應用模板引擎
編輯:關於JavaScript     

本次的目的是搭建一個最基礎的可以實現功能的NodeJS服務器,能夠體現出NodeJS的工作流程以及開發的基本框架。
需求:已經安裝了nodejs以及express。
一、構建基礎的NodeJS服務器(express、路由)

var express = require(‘express'); //引入express模塊 
var app = express(); //調用express()函數,對函數進行初始化 
app.get('/stooges/:name?', function(req, res, next){ //設置第一個路由,期待一個name被輸入 
 var name = req.params.name; //獲取輸入的名字,req.params 
 switch(name?name.toLowerCase():' '){ //對名字進行判斷 
 case ‘larry': 
 case ‘curly': 
 case ‘moe': 
  res.send(name + 'is my favorite stooge.'); //符合條件利用res.send發送信息 
 break; 
 default:  
  next(); //next()函數,在function中也有參數傳遞,它的含義是如果這個路由傳遞的參數不夠不能執行這個路由的話,next()函數表示跳轉到下一個函數繼續執行(這裡是路由) 
} 
}); 
app.get(‘/stooges/*?', function(){ //這裡?表示最後的參數可以有也可以沒有,同上一個路由相同 
 res.send(‘no stooges listed'); 
}); 
app.get(‘/?', function(req,res){ //什麼都沒有的時候默認的路由 
 res.send(‘hello world'); 
}); 
var port = 8080; //設定並對端口進行監聽 
app.listen(port); 
console.log(‘Listensing on port' + port); 

二、使用Jade模板引擎,加入模板渲染

var express = require(‘express'); 
var app = express(); 
//下面三句話完成了對view的設定,包括引擎、模板路徑以及其他設定 
app.set(‘view engine', ‘jade'); 
app.set(‘view options', {layout:true}); 
app.set(‘views', __dirname + ‘/views'); 
app.get('/stooges/:name?', function(req, res, next){ 
 var name = req.params.name; 
 switch(name?name.toLowerCase():' '){ 
 case ‘larry': 
 case ‘curly': 
 case ‘moe': 
  res.render(‘stooges', {stooge: name}); //進行視圖的渲染,傳入模板名即可 
 break; 
 default:  
  next(); 
} 
}); 
app.get(‘/stooges/*?', function(req, res){ 
 res.render(‘stooges', {stooges:null}); 
}); 
app.get(‘/?', function(req, res){ 
 res.render(‘index'); 
}); 
var port = 8080; 
app.listen(port); 
console.log(‘Listensing on port' + port); 

一共有三個模板文件,分別為layout.jade(布局文件),index.jade以及stooges.jade,三個模板文件代碼如下:
layout.jade

!!! 5 //代表文檔類型是HTML5
html(lang=”en”)
head
 title My Web Site
 block scripts
block content
 

index.jade

entends layout
block content
hi hello world
 

stooges.jade

extends layout
block content
if(stooge)
 p #{stooge} is my favorite stooge. //這裡的#{stooge}獲取了js渲染模板時傳遞進來的參數
Else
 p no stooges listed 

通過以上的代碼,就可以利用node.js以及express搭建出一個基礎的node應用了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved