NodeJS創(chuàng)建基礎(chǔ)應(yīng)用并應(yīng)用模板引擎
本次的目的是搭建一個最基礎(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ù)進行初始化
app.get('/stooges/:name?', function(req, res, next){ //設(shè)置第一個路由,期待一個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發(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){ //什么都沒有的時候默認的路由
res.send(‘hello world');
});
var port = 8080; //設(shè)定并對端口進行監(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}); //進行視圖的渲染,傳入模板名即可
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渲染模板時傳遞進來的參數(shù)
Else
p no stooges listed
通過以上的代碼,就可以利用node.js以及express搭建出一個基礎(chǔ)的node應(yīng)用了。
相關(guān)文章
Windows7系統(tǒng)下如何安裝nodejs16以上版本
這篇文章主要給大家介紹了關(guān)于Windows7系統(tǒng)下如何安裝nodejs16以上版本的相關(guān)資料,很多時候node.js的版本存在兼容,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-07-07
用Electron寫個帶界面的nodejs爬蟲的實現(xiàn)方法
這篇文章主要介紹了用Electron寫個帶界面的nodejs爬蟲的實現(xiàn)方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
node.js支持多用戶web終端實現(xiàn)及安全方案
這篇文章主要介紹了node.js支持多用戶web終端實現(xiàn)方案以及web終端安全性保證的解決方法,一起學習參考下。2017-11-11
NodeJS http模塊用法示例【創(chuàng)建web服務(wù)器/客戶端】
這篇文章主要介紹了NodeJS http模塊用法,結(jié)合實例形式分析了node.js創(chuàng)建web服務(wù)器與客戶端,進行HTTP通信的相關(guān)操作技巧,需要的朋友可以參考下2019-11-11
nodejs async異步常用函數(shù)總結(jié)(推薦)
這篇文章主要介紹了nodejs async異步常用函數(shù)總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-11-11
Nodejs+express+html5 實現(xiàn)拖拽上傳
文件上傳是一個比較常見的功能,傳統(tǒng)的選擇方式的上傳比較麻煩,需要先點擊上傳按鈕,然后再找到文件的路徑,然后上傳。給用戶體驗帶來很大問題。html5開始支持拖拽上傳的需要的api。nodejs也是一個最近越來越流行的技術(shù),這也是自己第一次接觸nodejs。2014-08-08

