Node.js Express 框架

　　Node.js Express 框架

　　接下来我们扩展 Hello World，添加一些功能来处理更多类型的 HTTP 请求。

　　创建 express_demo2.js 文件，代码如下所示：

　　express_demo2.js 文件代码：

　　var express = require('express');var app = express(); // 主页输出 "Hello World"app.get('/', function (req, res) { console.log("主页 GET 请求"); res.send('Hello GET');}) // POST 请求app.post('/', function (req, res) { console.log("主页 POST 请求"); res.send('Hello POST');}) // /del_user 页面响应app.get('/del_user', function (req, res) { console.log("/del_user 响应 DELETE 请求"); res.send('删除页面');}) // /list_user 页面 GET 请求app.get('/list_user', function (req, res) { console.log("/list_user GET 请求"); res.send('用户列表页面');}) // 对页面 abcd, abxcd, ab123cd, 等响应 GET 请求app.get('/ab*cd', function(req, res) { console.log("/ab*cd GET 请求"); res.send('正则匹配');}) var server = app.listen(8081, function () { var host = server.address().address var port = server.address().port console.log("应用实例，访问地址为 http://%s:%s", host, port) })

　　执行以上代码：

　　$ node express_demo2.js <br />应用实例，访问地址为 http://0.0.0.0:8081

　　接下来你可以尝试访问 :8081 不同的地址，查看效果。

　　在浏览器中访问 :8081/list_user，结果如下图所示：

　　

　　在浏览器中访问 :8081/abcd，结果如下图所示：

　　

　　在浏览器中访问 :8081/abcdefg，结果如下图所示：

　　

　　静态文件

　　Express 提供了内置的中间件express.static来设置静态文件如：图片， CSS, JavaScript 等。

　　你可以使用express.static中间件来设置静态文件路径。例如，如果你将图片， CSS, JavaScript 文件放在 public 目录下，你可以这么写：

　　app.use('/public', express.static('public'));

　　我们可以到 public/images 目录下放些图片,如下所示：

　　node_modules<br />server.js<br />public/public/images<br />public/images/logo.png

　　让我们再修改下 "Hello World" 应用添加处理静态文件的功能。

　　创建 express_demo3.js 文件，代码如下所示：

　　express_demo3.js 文件代码：

　　var express = require('express');var app = express(); app.use('/public', express.static('public')); app.get('/', function (req, res) { res.send('Hello World');}) var server = app.listen(8081, function () { var host = server.address().address var port = server.address().port console.log("应用实例，访问地址为 http://%s:%s", host, port) })

　　执行以上代码：

　　$ node express_demo3.js <br />应用实例，访问地址为 http://0.0.0.0:8081

　　执行以上代码：

　　在浏览器中访问 :8081/public/images/logo.png（本实例采用了菜鸟教程的 logo），结果如下图所示：

　　

　　GET 方法

　　以下实例演示了在表单中通过 GET 方法提交两个参数，我们可以使用 server.js 文件内的process_get路由器来处理输入：

　　index.html 文件代码：

　　First Name: Last Name:

　　server.js 文件代码：

　　var express = require('express');var app = express(); app.use('/public', express.static('public')); app.get('/index.html', function (req, res) { res.sendFile( __dirname + "/" + "index.html" );}) app.get('/process_get', function (req, res) { // 输出 JSON 格式 var response = { "first_name":req.query.first_name, "last_name":req.query.last_name }; console.log(response); res.end(JSON.stringify(response));}) var server = app.listen(8081, function () { var host = server.address().address var port = server.address().port console.log("应用实例，访问地址为 http://%s:%s", host, port) })

　　执行以上代码：

　　node server.js <br />应用实例，访问地址为 http://0.0.0.0:8081

　　浏览器访问 :8081/index.html，如图所示：

　　

　　现在你可以向表单输入数据，并提交，如下演示：

　　

　　POST 方法

　　以下实例演示了在表单中通过 POST 方法提交两个参数，我们可以使用 server.js 文件内的process_post路由器来处理输入：

　　index.html 文件代码：

　　First Name: Last Name:

　　server.js 文件代码：

　　var express = require('express');var app = express();var bodyParser = require('body-parser'); // 创建 application/x-www-form-urlencoded 编码解析var urlencodedParser = bodyParser.urlencoded({ extended: false }) app.use('/public', express.static('public')); app.get('/index.html', function (req, res) { res.sendFile( __dirname + "/" + "index.html" );}) app.post('/process_post', urlencodedParser, function (req, res) { // 输出 JSON 格式 var response = { "first_name":req.body.first_name, "last_name":req.body.last_name }; console.log(response); res.end(JSON.stringify(response));}) var server = app.listen(8081, function () { var host = server.address().address var port = server.address().port console.log("应用实例，访问地址为 http://%s:%s", host, port) })

　　执行以上代码：

　　$ node server.js<br />应用实例，访问地址为 http://0.0.0.0:8081

　　浏览器访问 :8081/index.html，如图所示：

　　

　　现在你可以向表单输入数据，并提交，如下演示：

　　

　　文件上传

　　以下我们创建一个用于上传文件的表单，使用 POST 方法，表单 enctype 属性设置为 multipart/form-data。

　　index.html 文件代码：

　　文件上传表单文件上传：选择一个文件上传:

　　server.js 文件代码：

　　var express = require('express');var app = express();var fs = require("fs"); var bodyParser = require('body-parser');var multer = require('multer'); app.use('/public', express.static('public'));app.use(bodyParser.urlencoded({ extended: false }));app.use(multer({ dest: '/tmp/'}).array('image')); app.get('/index.html', function (req, res) { res.sendFile( __dirname + "/" + "index.html" );}) app.post('/file_upload', function (req, res) { console.log(req.files[0]); // 上传的文件信息 var des_file = __dirname + "/" + req.files[0].originalname; fs.readFile( req.files[0].path, function (err, data) { fs.writeFile(des_file, data, function (err) { if( err ){ console.log( err ); }else{ response = { message:'File uploaded successfully', filename:req.files[0].originalname }; } console.log( response ); res.end( JSON.stringify( response ) ); }); });}) var server = app.listen(8081, function () { var host = server.address().address var port = server.address().port console.log("应用实例，访问地址为 http://%s:%s", host, port) })

　　执行以上代码：

　　$ node server.js <br />应用实例，访问地址为 http://0.0.0.0:8081

　　浏览器访问 :8081/index.html，如图所示：

　　

　　现在你可以向表单输入数据，并提交，如下演示：

　　

　　Cookie 管理

　　我们可以使用中间件向 Node.js 服务器发送 cookie 信息，以下代码输出了客户端发送的 cookie 信息：

　　express_cookie.js 文件代码：

　　// express_cookie.js 文件var express = require('express')var cookieParser = require('cookie-parser')var util = require('util'); var app = express()app.use(cookieParser()) app.get('/', function(req, res) { console.log("Cookies: " + util.inspect(req.cookies));}) app.listen(8081)

　　执行以上代码：

　　$ node express_cookie.js

　　现在你可以访问 :8081 并查看终端信息的输出，如下演示：

　　

　　相关资料