Node.js Express 框架

来源：互联网发布：c语言写幻灯相册编辑：程序博客网时间：2024/05/19 00:46

Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性：（1）、可以设置中间件来响应 HTTP 请求。（2）、定义了路由表用于执行不同的 HTTP 请求动作。（3）、可以通过向模板传递参数来动态渲染 HTML 页面。

已经在电脑D:\NodeProject\express目录下安装了express、body-parser、cookie-parser、express-generator、multer、mysql模块

1、请求和响应

Express 应用使用回调函数的参数： request 和 response 对象来处理请求和响应的数据。

以下实例中我们引入了express 模块，并在客户端发起请求后，响应字符串。

var express = require('../express/node_modules/express');var app = express();app.get('/', function (req, res) {   res.send('大家好！我是山水子农，正在学习express框架！');})var server = app.listen(8081, function () {  var host = server.address().address  var port = server.address().port  console.log("应用实例，访问地址为 http://%s:%s", host, port)})

执行以上代码：

Request 对象 - request 对象表示 HTTP 请求，包含了请求查询字符串，参数，内容，HTTP 头部等属性。常见属性有：
（1）、req.app：当callback为外部文件时，用req.app访问express的实例
（2）、req.baseUrl：获取路由当前安装的URL路径
（3）、req.body / req.cookies：获得「请求主体」/ Cookies
（4）、req.fresh / req.stale：判断请求是否还「新鲜」
（5）、req.hostname / req.ip：获取主机名和IP地址
（6）、req.originalUrl：获取原始请求URL
（7）、req.params：获取路由的parameters
（8）、req.path：获取请求路径
（9）、req.protocol：获取协议类型
（10）、req.query：获取URL的查询参数串
（11）、req.route：获取当前匹配的路由
（12）、req.subdomains：获取子域名
（13）、req.accpets（）：检查请求的Accept头的请求类型
（14）、req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages
（15）、req.get（）：获取指定的HTTP请求头
（16）、req.is（）：判断请求头Content-Type的MIME类型
Response 对象 - response 对象表示 HTTP 响应，即在接收到请求时向客户端发送的 HTTP 响应数据。常见属性有：
（1）、res.app：同req.app一样
（2）、res.append（）：追加指定HTTP头
（3）、res.set（）在res.append（）后将重置之前设置的头
（4）、res.cookie（name，value [，option]）：设置Cookie
（5）、opition: domain / expires / httpOnly / maxAge / path / secure / signed
（6）、res.clearCookie（）：清除Cookie
（7）、res.download（）：传送指定路径的文件
（8）、res.get（）：返回指定的HTTP头
（9）、res.json（）：传送JSON响应
（10）、res.jsonp（）：传送JSONP响应
（11）、res.location（）：只设置响应的Location HTTP头，不设置状态码或者close response
（12）、res.redirect（）：设置响应的Location HTTP头，并且设置状态码302
（13）、res.send（）：传送HTTP响应
（14）、res.sendFile（path [，options] [，fn]）：传送指定路径的文件 -会自动根据文件extension设定Content-Type
（15）、res.set（）：设置HTTP头，传入object可以一次设置多个头
（16）、res.status（）：设置HTTP状态码
（17）、res.type（）：设置Content-Type的MIME类型

2、路由
我们已经了解了 HTTP 请求的基本应用，而路由决定了由谁(指定脚本)去响应客户端请求。在HTTP请求中，我们可以通过路由提取出请求的URL以及GET/POST参数。接下来我们扩展上例，添加一些功能来处理更多类型的 HTTP 请求。

var express = require('../express/node_modules/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)})

3、静态文件

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

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

添加处理静态文件的代码如下所示：

var express = require('../express/node_modules/express');var app = express();app.use(express.static('public'));app.get('/', function (req, res) {   res.send('大家好！我是山水子农，正在学习express的静态文件');})var server = app.listen(8088, function () {  var host = server.address().address  var port = server.address().port  console.log("应用实例，访问地址为 http://%s:%s", host, port)})

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

<html><body><form action="http://127.0.0.1:8081/process_get" method="GET">First Name: <input type="text" name="first_name"> <br><br>Last Name: <input type="text" name="last_name"><input type="submit" value="Submit"></form></body></html>

server.js 文件代码如下:

var express = require('../express/node_modules/express');var app = express();//设置静态文件app.use(express.static('public'));app.get('/index.htm', function (req, res) {//传送指定路径的文件//__dirname 表示当前执行脚本所在的目录。//__filename 表示当前正在执行的脚本的文件名。   res.sendFile( __dirname + "/" + "index.html" );//index.html路径D:\NodeProject\ExpressDemo\public\index.html})app.get('/process_get', function (req, res) {   // 输出 JSON 格式   response = {       first_name:req.query.first_name,//req.query获取URL的查询参数串       last_name:req.query.last_name   };   console.log(response);   res.end(JSON.stringify(response));//传送HTTP响应})var server = app.listen(8081, function () {  //server.address()操作系统返回绑定的地址，协议族名和服务器端口。  var host = server.address().address  var port = server.address().port  console.log("应用实例，访问地址为 http://%s:%s", host, port)})

执行以上代码：

5、POST 方法

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

<html><body><form action="http://127.0.0.1:8081/process_post" method="POST">First Name: <input type="text" name="first_name"> <br><br>Last Name: <input type="text" name="last_name"><input type="submit" value="Submit"></form></body></html>

serverPost.js 文件代码修改如下

var express = require('../express/node_modules/express');var app = express();var bodyParser = require('../express/node_modules/body-parser');// 创建 application/x-www-form-urlencoded 编码解析var urlencodedParser = bodyParser.urlencoded({ extended: false })app.use(express.static('public'));app.get('/indexPost.htm', function (req, res) {   res.sendFile( __dirname + "/" + "indexPost.htm" );})app.post('/process_post', urlencodedParser, function (req, res) {   // 输出 JSON 格式   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)})

执行以上代码：

0 0