NodeJS創(chuàng)建基礎(chǔ)應(yīng)用并應(yīng)用模板引擎

字號:


    這篇文章主要介紹了NodeJS創(chuàng)建基礎(chǔ)應(yīng)用并應(yīng)用模板引擎的相關(guān)資料,需要的朋友可以參考下
    本次的目的是搭建一個最基礎(chǔ)的可以實現(xiàn)功能的NodeJS服務(wù)器,能夠體現(xiàn)出NodeJS的工作流程以及開發(fā)的基本框架。
    需求:已經(jīng)安裝了nodejs以及express。
    一、構(gòu)建基礎(chǔ)的NodeJS服務(wù)器(express、路由)
    var express = require(‘express'); //引入express模塊 
    var app = express(); //調(diào)用express()函數(shù),對函數(shù)進(jìn)行初始化 
    app.get('/stooges/:name?', function(req, res, next){ //設(shè)置第一個路由,期待一個name被輸入 
     var name = req.params.name; //獲取輸入的名字,req.params 
     switch(name?name.toLowerCase():' '){ //對名字進(jìn)行判斷 
     case ‘larry': 
     case ‘curly': 
     case ‘moe': 
      res.send(name + 'is my favorite stooge.'); //符合條件利用res.send發(fā)送信息 
     break; 
     default:  
      next(); //next()函數(shù),在function中也有參數(shù)傳遞,它的含義是如果這個路由傳遞的參數(shù)不夠不能執(zhí)行這個路由的話,next()函數(shù)表示跳轉(zhuǎn)到下一個函數(shù)繼續(xù)執(zhí)行(這里是路由) 
    } 
    }); 
    app.get(‘/stooges/*?', function(){ //這里?表示最后的參數(shù)可以有也可以沒有,同上一個路由相同 
     res.send(‘no stooges listed'); 
    }); 
    app.get(‘/?', function(req,res){ //什么都沒有的時候默認(rèn)的路由 
     res.send(‘hello world'); 
    }); 
    var port = 8080; //設(shè)定并對端口進(jìn)行監(jiān)聽 
    app.listen(port); 
    console.log(‘Listensing on port' + port);
    二、使用Jade模板引擎,加入模板渲染
    var express = require(‘express'); 
    var app = express(); 
    //下面三句話完成了對view的設(shè)定,包括引擎、模板路徑以及其他設(shè)定 
    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}); //進(jìn)行視圖的渲染,傳入模板名即可 
     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渲染模板時傳遞進(jìn)來的參數(shù)
    Else
     p no stooges listed 
    通過以上的代碼,就可以利用node.js以及express搭建出一個基礎(chǔ)的node應(yīng)用了。