Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。

使用 Express 可以快速地搭建一个完整功能的网站。

Express 框架核心特性：

1.可以设置中间件来响应 HTTP 请求。

2.定义了路由表用于执行不同的 HTTP 请求动作。

3.可以通过向模板传递参数来动态渲染 HTML 页面。

第一个 Express 框架实例

//express_demo.js 文件

var express = require('express');

var app = express();

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)

})

打印结果为;应用实例，访问地址为 http://:::8081 没法访问

修改为：

var server = app.listen(8081,'localhost',function () {

    var host = server.address().address

    var port = server.address().port

    console.log("应用实例，访问地址为 http://%s:%s", host, port)

})

此时可以访问http://127.0.0.1:8081/

请求和响应

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

app.get('/', function (req, res) {

   // --

})

request 和 response 对象的具体介绍

路由

路由决定了由谁(指定脚本)去响应客户端请求。

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)

})

静态文件

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

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

app.use(express.static('public'));
var express = require('express');

var app = express();

app.use(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)

})

浏览器中访问http://127.0.0.1:8081/images/00.jpg

GET方法

index.htm 文件代码：

<html>

<body>

<form action="http://127.0.0.1:8081/process_get" method="GET">

First Name: <input type="text" name="first_name">  <br>

Last Name: <input type="text" name="last_name">

<input type="submit" value="Submit">

</form>

</body>

</html>

server.js代码

var express = require('express');

var app = express();

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

app.get('/index.htm', function (req, res) {

   res.sendFile( __dirname + "/" + "index.htm" );

})

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)

})

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

提交表单后：（由于是GET方式，传递的数据会跟在url后面）

POST方法

<html>

<body>

<form action="http://127.0.0.1:8081/process_post" method="POST">

First Name: <input type="text" name="first_name">  <br>

Last Name: <input type="text" name="last_name">

<input type="submit" value="Submit">

</form>

</body>

</html>
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(express.static('public'));

app.get('/index.htm', function (req, res) {

   res.sendFile( __dirname + "/" + "index.htm" );

})

app.post('/process_post', urlencodedParser, function (req, res) {//注册URL解析器

   // 输出 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)

})

body-parser中间件：这是node.js的消息体解析中间件

bodyParser.urlencoded(options)

返回一个只解析urlencoded消息体的中间件，只接受utf-8对消息体进行编码，同时支持自动的gzip/deflate编码解析过的消息放在req.body对象中。这个对象包含的键值对，同时值可以是一个string或者一个数组(当extended为false的时候)。也可以是任何类型(当extended设置为true)

Cookie 管理

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

// express_cookie.js 文件

var express      = require('express')

var cookieParser = require('cookie-parser')

var app = express()

app.use(cookieParser())

app.get('/', function(req, res) {

  console.log("Cookies: ", req.cookies)

})

app.listen(8081)

【node.js】Express 框架的更多相关文章

  1. Node.js Express 框架

    Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP ...

  2. Node.js Express框架

    Express 介绍 Express是一个最小的,灵活的Node.js Web应用程序框架,它提供了一套强大的功能来开发Web和移动应用程序. 它有助于基于Node Web应用程序的快速开发.下面是一 ...

  3. Node.js Express 框架学习

    转载:http://JavaScript.ruanyifeng.com/nodejs/express.html#toc0 感觉很牛的样子,不过觉得对初学者没太大用,里面很多例子用的api都没有详细的说 ...

  4. Node.js Express 框架 Express

    Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具. 使用 Express 可以快速 ...

  5. 44.Node.js Express 框架--web框架

    转自:http://www.runoob.com/nodejs/nodejs-express-framework.html Express 简介 Express 是一个简洁而灵活的 node.js W ...

  6. Node.js+Express框架+Mongo学习(一)第一个node.js实例

    1.在桌面新建一个空的文件夹,比如叫node,当然也可以在其它地方新建. 2.命令行进入到所新建的文件夹的目录,下载Express框架,再在这个文件夹里新建一个叫final的项目 3.在项目(fina ...

  7. Node.js Express 框架 POST方法

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

  8. Node.js Express 框架 GET方法

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

  9. node.js+express框架 修改后自启【不需要再执行start】

    我们每次修改完后都需要重新启动下才能刷新,就很麻烦'nodemon'解决了这个问题. 这里直接进行全局安装 npm install -g nodemon 安装到本地 npm install nodem ...

  10. Node.js Express 框架2

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

随机推荐

  1. Es创建索引、设置和修改Mapping

    Http接口操作示例如下: 1.创建索引: 2.删除索引: 3.创建mapping: 4.查看mapping:

  2. 从api接口获取数据-okhttp

    首先先介绍下api接口: API:应用程序接口(API:Application Program Interface) 通常用于数据连接,调用函数提供功能等等... 从api接口获取数据有四种方式:Ht ...

  3. 高并发第十三弹:J.U.C 队列 SynchronousQueue.ArrayBlockingQueue.LinkedBlockingQueue.LinkedTransferQueue

    因为下一节会说线程池,要用线程池 那么线程池有个很重要的参数 就是Queue的选择 常用的队列其实就两种: 先进先出(FIFO):先插入的队列的元素也最先出队列,类似于排队的功能.从某种程度上来说这种 ...

  4. xib Nib IB 可视化编程详解

    简单的说,Xib就是拖控件编程,也可以说是可视化编程. 相对于代码,使用IB和xib文件来组织UI,可以省下大量代码和时间,从而得到更快的开发速度. 如果你曾经受到过微软家Visual Basic或者 ...

  5. CefSharp F12打开DevTools查看console

    winform嵌入chrome浏览器,修改项目属性 生成 平台为x86 1.nuget安装cefsharp 2.实例化浏览器 private void Form1_Load(object sender ...

  6. LeetCode 545----Boundary of Binary Tree

    Given a binary tree, return the values of its boundary in anti-clockwise direction starting from roo ...

  7. VMware桥接模式下主机和和虚机间互相ping不通的处理方法

    在 "编辑"->"虚拟网络编辑器" 里面的vmnet0 桥接模式 里面是自动连接,把他改为真实的物理网卡即可,如下图:

  8. java 内存分析之this

    package Demo; /** * this 的值是当前对象的引用 * @author Aaron * */ public class Boy { private int age; public ...

  9. 实验二：klee处理未建模函数和处理error的方式

    首先,能够分析klee源码固然重要.但是目前尚未到那个地步.我按照我的过程,记录和分析我所做的实验. 结论性内容是: 1.klee处理printf传入符号值的情形时,报为error,不会将符号值具体化 ...

  10. Eigen学习之简单线性方程与矩阵分解

    Eigen提供了解线性方程的计算方法,包括LU分解法,QR分解法,SVD(奇异值分解).特征值分解等.对于一般形式如下的线性系统: 解决上述方程的方式一般是将矩阵A进行分解,当然最基本的方法是高斯消元 ...