国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

從零開始學習Node.js系列教程之基于connect和express框架的多頁面實

2024-05-06 15:18:29
字體:
來源:轉載
供稿:網友

本文實例講述了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');            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 堆龙德庆县| 赤峰市| 陵川县| 博乐市| 肇源县| 正镶白旗| 涞水县| 元氏县| 仪陇县| 深州市| 齐齐哈尔市| 罗源县| 平顶山市| 乌鲁木齐市| 崇阳县| 格尔木市| 华阴市| 日喀则市| 仁怀市| 辽宁省| 华阴市| 大名县| 鄂托克前旗| 沛县| 雷山县| 磐石市| 许昌县| 土默特左旗| 津市市| 天台县| 宿松县| 廊坊市| 甘谷县| 阿克苏市| 湾仔区| 台州市| 岐山县| 永昌县| 桐庐县| 桂东县| 延长县|