本文實例講述了Node.js基于connect和express框架的多頁面實現數學運算。分享給大家供大家參考,具體如下:
1、使用connect框架
.use方法用于綁定中間件到connect服務器,它會配置一系列在接到請求時調用的中間件模塊,此例中我們要配置的中間件有favicon logger static router
app.get/post/put 寫法:app.requestName('path', function(req, res, next){});
app-connect.js
var connect = require('connect'); //npm install connect connect.createServer() .use(connect.favicon()) .use(conect.logger()) .use('/filez', connect.static(__dirname + '/filez')) .use(connect.router(function(app){ app.get('/', require('./home-node').get); //一個URL字符串和兩個函數類型的參數 //路由器配置函數可以包含不限數量的函數,你可以為自己的應用構造一個處理函數的隊列 app.get('/square', htutil.loadParams, require('./square-node').get); app.get('/factorial', htutil.loadParams, require('./factorial-node').get); app.get('/fibonacci', htutil.loadParams, require('./fibo2-node').get); app.get('/mult', htutil.loadParams, require('./mult-node').get); })).listen(3000);console.log('listening to http://localhost:3000');2、使用express框架
Express框架是一個基于connect(一個中間件框架)的web應用框架
Express專注于構建一個應用,包括提供一個模板系統;connect專注于做web服務的基礎設施
安裝Express和EJS(模塊處理系統) npm install express ejs
app-express.js
var htutil = require('./htutil');var math = require('./math');var express = require('express');//var app = express.createServer(express.logger()); //express 2.Xvar app = express(); //express 3.X//可選,因為Express下默認為CWD/viewsapp.set('views', __dirname + '/views');app.engine('.html', require('ejs').__express);app.set('view engine', 'ejs');app.configure(function(){ app.use(app.router); app.use(express.static(__dirname + '/filez')); //默認的錯誤處理函數,顯示棧軌跡 //如果要顯示用戶友好的錯誤,app.err(function(err, req, res, next){ // res.send(error page); //or res.render('template'); // }); app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));/*改成下面的話,瀏覽器會顯示一個簡單的消息-Internal Server Error內部服務器錯誤app.use(express.errorHandler({ dumpExceptions: true }));*/});//以上配置了必需的中間件,因為這里展示的配置項對應的是模板系統的配置,所有.html文件會由EJS引擎處理//以下是路由器配置app.get('/', function(req, res){ res.render('home.html', {title: "Math Wizard"});});app.get('/mult', htutil.loadParams, function(req, res){ if (req.a && req.b) req.result = req.a * req.b; res.render('mult.html', {title: "Math Wizard", req: req});});app.get('/square', htutil.loadParams, function(req, res){ if (req.a) req.result = req.a * req.a; res.render('square.html', {title: "Math Wizard", req: req});});app.get('/fibonacci', htutil.loadParams, function(req, res){ if (req.a){ math.fibonacciAsync(Math.floor(req.a), function(val){ req.result = val; res.render('fibo.html', {title: "Math Wizard", req: req}); }); }else { res.render('fibo.html', {title: "Math Wizard", req: req}); }});app.get('/factorial', htutil.loadParams, function(req, res){ if (req.a) req.result = math.factorial(req.a); res.render('factorial.html', {title: "Math Wizard", req: req});});app.get('/404', function(req, res){ res.send('NOT FOUND' + req.url);});//res.render函數通過一個模板文件渲染數據,EJS只是Express里眾多模板引擎中的一個//配置目的是讓EJS能夠為views目錄下的所有.html文件服務/*Express里還有其他一些模板引擎 res.render('index.haml', {..data..}); 使用Haml res.render('index.jade', {..data..}); 使用Jade res.render('index.ejs', {..data..}); 使用EJS res.render('index.coffee', {..data..}); 使用CoffeeKup res.render('index.jqtpl', {..data..}); 使用jQueryTemplates也可以通過 app.set('view engine', 'haml'); app.set('view engine', 'jade'); 方法來改變默認的渲染引擎layout.html默認情況下,模板中用于渲染的內容會被命名為body,然后傳遞到layout模板中,當app-express.js調用res.render('fibo.html'...)時,它會先用fibo.html渲染對應的頁面片段,然后再使用layout模板渲染整個頁面有兩種方法覆蓋這一默認的行為1、在Express里創建一個全局的配置,通過這個全局配置來控制layout模板的啟用與禁用app.set('view options', {layout: false(or true)});2、覆蓋layout模板對應的渲染方式或者使用不同的layout模板res.render('myview.ejs', {layout: false(or true)});或者res.render('page', {layout: 'mylayout.jade'});<% code %> Javascript代碼<%= code %> 顯示替換過HTML特殊字符的內容<%- code %> 顯示原始HTML內容*/app.listen(3000);console.log('listening to http://localhost:3000');
新聞熱點
疑難解答
圖片精選