从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
本文实例讲述了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.X
var app = express(); //express 3.X
//可选，因为Express下默认为CWD/views
app.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');
html页面放在views目录下
layout.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1><%=title%></h1>
<table>
<tr>
<td>
<div class="navbar">
<p><a href="/" rel="external nofollow" >home</a></p>
<p><a href="/mult" rel="external nofollow" >Multiplication</a></p>
<p><a href="/square" rel="external nofollow" >Square</a></p>
<p><a href="/factorial" rel="external nofollow" >Factorial</a></p>
<p><a href="/fibonacci" rel="external nofollow" >Fibonacci</a></p>
</div>
</td>
<td></td>
</tr>
</table>
</body>
</html>
home.html
<% include layout.html %> <p>Math Wizard</p>
mult.html
<% include layout.html %>
<% if (req.a && req.b){ %>
<p class="result">
<%=req.a%> * <%=req.b%> = <%=req.result%>
</p>
<% } %>
<p>Enter numbers to multiply</p>
<form name="mult" action="/mult" method="get">
A: <input type="text" name="a" /><br/>
B: <input type="text" name="b" />
<input type="submit" name="Submit" />
</form>
还有其他一些页面就不一一列出来了，都大同小异
希望本文所述对大家nodejs程序设计有所帮助。
相关推荐
-
NodeJS学习笔记之Connect中间件应用实例
一,开篇分析 大家好哦,大熊君又来了,昨天因为有点个人的事没有写博客,今天又出来了一篇,这篇主要是写一个记事本的小应用,前面的文章, 我也介绍过"Connect"中间件的使用以及"Mongodb"的用法,今天就结合这两个中间件,写个实际的例子,不断完善和重构,已达到 充分学习的目的.好了,废话不说了,直接进入主题. 二,需求分析 (1),用户注册,登录功能(没有涉及很复杂的交互场景,注册时会有用户判断是否已存在). (2),用户登录成功,进入笔记管理系统的后台(笔记
-
NodeJS学习笔记之Connect中间件模块（二）
一,开篇分析 大家好,今天这篇文章主要是对"Connect"中间件以及相关辅助中间件,做一个源码分析系列,我想上一篇文章大家也看了, 介绍了使用方式及用途,而这篇也是出于本人的兴趣,让读者对其有一个更深入的认识,如在分析阶段有什么不正确的地方,请大家多多指教, 好了!老规矩然我们进入正题.先来看一个例子,结合会用引入分析,如下: 复制代码 代码如下: var connect = require("./lib/connect") ; var app = connec
-
nodejs模块学习之connect解析
nodejs 发展很快,从 npm 上面的包托管数量就可以看出来.不过从另一方面来看,也是反映了 nodejs 的基础不稳固,需要开发者创造大量的轮子来解决现实的问题. 知其然,并知其所以然这是程序员的天性.所以把常用的模块拿出来看看,看看高手怎么写的,学习其想法,让自己的技术能更近一步. 引言 express 是 nodejs 中最流行的 web 框架.express 中对 http 中的 request 和 response 的处理,还有以中间件为核心的处理流程,非常灵活,足以应对任何业务的
-
Node.js connect ECONNREFUSED错误解决办法
最近在准备Angularjs +node.js demo的时候在我的mac开发中 遇见此错误,如下: events.js:71 throw arguments[1]; // Unhandled 'error' event ^ Error: connect ECONNREFUSED at errnoException (net.js:770:11) at Object.afterConnect [as oncomplete] (net.js:761:19) 最后在stackoverflow找到解决
-
NodeJS学习笔记之Connect中间件模块（一）
希望大家能够坚持看下去我这系列的文章,这也是对我的最大的鼓励与支持,让我们共同进步,以文会友,相互帮助.好了直接进入今天的主题, 什么是"Connect",中间件又当如何理解,带着问题来看今天的文章. 如何理解 "中间件" ? 我的理解是这样的,中间件就是类似于一个过滤器的东西,在客户端和应用程序之间的一个处理请求和响应的的方法. 如果把一个http处理过程比作是污水处理,中间件就像是一层层的过滤网.每个中间件在http处理过程中通过改写request或(和)res
-
分析Node.js connect ECONNREFUSED错误
最近在准备Angularjs +node.js demo的时候在我的mac开发中 遇见此错误,如下: events.js:71 throw arguments[1]; // Unhandled 'error' event ^ Error: connect ECONNREFUSED at errnoException (net.js:770:11) at Object.afterConnect [as oncomplete] (net.js:761:19) 最后在stackoverflow找到解决
-
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
前言 最近用 Node 写一个小玩意,需要用到 MySQL 数据库,现在用得最广泛的是 mysql 这个库.然后呢,现在 ORM 这么火,干脆也上 ORM 吧,正好我也不会可以学习一下,于是找到了 Sequelize.js 这个 ORM 库. 发现问题 看看 Sequelize 的文档,so easy,两分钟搞定~ import Sequelize from 'sequelize'; let sequelize = new Sequelize('database', 'username', 'p
-
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
本文实例讲述了Node.js基于connect和express框架的多页面实现数学运算.分享给大家供大家参考,具体如下: 1.使用connect框架 .use方法用于绑定中间件到connect服务器,它会配置一系列在接到请求时调用的中间件模块,此例中我们要配置的中间件有favicon logger static router app.get/post/put 写法:app.requestName('path', function(req, res, next){}); app-co
-
从零开始学习Node.js系列教程四：多页面实现数学运算的client端和server端示例
本文实例讲述了Node.js多页面实现数学运算的client端和server端.分享给大家供大家参考,具体如下: 1.server端 支持数学运算的服务器,服务器的返回结果用json对象表示. math-server.js //通过监听3000端口使其作为Math Wizard的后台程序 var math = require('../nodejsExample3/math.js'); var express = require('express'); var app = express(); a
-
从零开始学习Node.js系列教程二：文本提交与显示方法
本文实例讲述了Node.js文本提交与显示方法.分享给大家供大家参考,具体如下: index.js var server = require("./server"); var router = require("./router"); var requestHandlers = require("./requestHandlers"); var handle = {} handle["/"] = requestHandlers
-
从零开始学习Node.js系列教程五：服务器监听方法示例
本文实例讲述了Node.js服务器监听方法.分享给大家供大家参考,具体如下: httpsnifferInvoke.js var http = require('http'); var sniffer = require('./httpsniffer'); var server = http.createServer(function(req, res){ res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello, Wor
-
从零开始学习Node.js系列教程六：EventEmitter发送和接收事件的方法示例
本文实例讲述了Node.js EventEmitter发送和接收事件的方法.分享给大家供大家参考,具体如下: pulser.js /* EventEmitter发送和接收事件 HTTPServer和HTTPClient类,它们都继承自EventEmitter EventEmitter被定义在Node的事件(events)模块中,直接使用EventEmitter类需要先声明require('events'), 否则不必显式声明require('events'),因为Node中很多对象都无需你调用r
-
从零开始学习Node.js系列教程三：图片上传和显示方法示例
本文实例讲述了Node.js图片上传和显示方法.分享给大家供大家参考,具体如下: index.js var server = require("./server"); var router = require("./router"); var requestHandlers = require("./requestHandlers"); var handle = {} handle["/"] = requestHandlers
-
从零开始学习Node.js系列教程四：多页面实现的数学运算示例
本文实例讲述了Node.js多页面实现的数学运算.分享给大家供大家参考,具体如下: app-node.js var http_port = 3000; var http = require('http'); var htutil = require('./htutil'); var server = http.createServer(function(req, res){ htutil.loadParams(req, res, undefined); if (req.requrl.pathna
-
从零开始学习Node.js系列教程之设置HTTP头的方法示例
本文实例讲述了Node.js设置HTTP头的方法.分享给大家供大家参考,具体如下: server.js //basic server的配置文件 var port = 3000; var server = require('./basicserver').createServer(); server.useFavIcon("localhost", "./docroot/favicon.png"); server.addContainer(".*",
-
从零开始学习Node.js系列教程一：http get和post用法分析
本文实例讲述了Node.js中http get和post用法.分享给大家供大家参考,具体如下: httpserverrequestget.js /* 获取GET请求内容 由于GET请求直接被嵌入在路径中,URL是完整的请求路径,包括了?后面的部分,因此你可以手动解析后面的内容作为GET请求的参数. node.js中url模块中的parse函数提供了这个功能. */ var http = require('http'); var url = require('url'); var util = r
-
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
本文实例讲述了Node.js中SQLite3和MongoDB的用法.分享给大家供大家参考,具体如下: setup.js:初始化数据库 var util = require('util'); var async = require('async'); //npm install async var notesdb = require('./nodesdb-sqlite3'); // var notesdb = require('./notesdb-mongoose'); notesdb.conne