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. 深入理解java虚拟机---java内存区域与内存溢出异常---2堆栈溢出

    本文来源于翁舒航的博客,点击即可跳转原文观看!!!(被转载或者拷贝走的内容可能缺失图片.视频等原文的内容) 若网站将链接屏蔽,可直接拷贝原文链接到地址栏跳转观看,原文链接:https://www.cn ...

  2. 使用tcmalloc替换系统的malloc

    https://blog.csdn.net/educast/article/details/79166553?utm_source=blogxgwz0 今天对服务器进行压测,模拟的请求量到4万次/分的 ...

  3. java图形用户界面之列表框

    列表框通过Swing组件JList产生,其总是在屏幕上占据固定行数的空间.如果要得到列表框中被选中的元素,只需调用getSelectedValuesList(),它可以产生一个字符串数组,内容为被选中 ...

  4. WEB前端常用JavaScript代码整理

    文章目录 html代码用JS动态加载进页面 JS判断用户访问的是PC还是mobile或者微信浏览器 判断浏览器的简单有效方法 点击某个div区域之外,隐藏该div 如何在手机上禁止浏览器的网页滚动 改 ...

  5. 转：ubuntu 18.04 LTS 安装 java10（JDK） 及问题说明

    原文地址:ubuntu 18.04 LTS 安装 java10 及问题说明 1.下载相应的安装包,例如jdk-10.0.1_linux-x64_bin.tar.gz.下载地址: http://www. ...

  6. Html5不可见标签,及标签属性(元素对象属性) a href target name id 相对路径

    标签属性分类(元素对象属性) 不可见标签与可见标签: <head></head>        属于不可见标签, 里面的内容一般用于css还有全局的一些变量,声明等. 而且如果 ...

  7. redis mysql验证 redis_mysql_check.py

    # coding:utf-8 import pymysql import redis import sys def con_mysql(sql): db = pymysql.connect(host= ...

  8. 记录一次测试环境遇到的push消息记录

    测试环境测试push消息,调用消息中心同事的api接口,感觉怎么都调用不通.纠结了一天,最终发现原因:一是版本的问题,不同的测试包有不同的版本,不同的版本 可能push的消息不同.二是 用户有没有 开 ...

  9. zabbix系列之六——安装后配置二Items

    https://www.zabbix.com/documentation/3.4/manual/config/items/itemtypes/snmp 1Items 1.1creating items ...

  10. PMF：为何硅谷大神把它念奉为创业公司“唯一重要的东西”

    产品-市场匹配(Product-market fit,PMF)虽然是精益创业中最重要的概念之一,但也是最不明确的一个概念.2007年,马克?安德森在他的博客里创造了这个概念,并定义为:“在一个好的市场 ...