一、安装及demo
如果已经装好webstorm，直接新建项目如下：
否则cd到项目目录下，使用npm install express --save即可完成安装。
demo:
|
二、路由（routing）
路由（Routing）是由一个 URI（或者叫路径）和一个特定的 HTTP 方法（GET、 POST 等）
组成的，涉及到应用如何响应客户端对某个网站节点的访问。
1、简单路由配置
| GET | app.get("网址",function(req,res){ }); |
| POST | app.post("网址",function(req,res){ }); |
| PUT | app.put('/user', function (req, res) { res.send('Got a PUT request at /user'); }); |
| DELETE | app.delete('/user', function (req, res) { res.send('Got a DELETE request at /user'); }); |
2、动态路由配置
| app.get("/user/:id",function(req,res){ var id = req.params["id"]; res.send(id); }); |
3、路由的正则匹配
| app.get('/ab*cd', function(req, res) { res.send('ab*cd'); }); |
4、路由里面获取 Get 传值
| /news?id=2&sex=nan app.get('/news, function(req, res) { console.log(req.query); }); |
三、 托管静态文件
1、如果你的静态资源存放在多个目录下面，你可以多次调用 express.static 中间件：
| app.use(express.static('public')); |
现在，public 目录下面的文件就可以访问了。
| http://localhost:3000/css/style.css |
2、如果你希望所有通过 express.static 访问的文件都存放在一个“虚拟（virtual）”目 录（即目录根本不存在）下面，可以通过为静态资源目录指定一个挂载路径的方式来实现， 如下所示：
| app.use('/static', express.static('public')); |
现在，你就爱可以通过带有 “/static” 前缀的地址来访问 public 目录下 面的文件了。
| http://localhost:3000/static/css/style.css http://localhost:3000/static/js/app.js http://localhost:3000/static/hello.html |
四、Express 中间件
Express 是一个自身功能极简，完全是由路由和中间件构成一个的 web 开发框架：从 本质上来说，一个 Express 应用就是在调用各种中间件。
中间件（Middleware） 是一个函数，它可以访问请求对象（request object (req)）, 响应对象（response object (res)）, 和 web 应用中处理请求-响应循环流程中的中间件，一般 被命名为 next 的变量。
中间件的功能包括：
- 执行任何代码。
- 修改请求和响应对象。
- 终结请求-响应循环。
- 调用堆栈中的下一个中间件。
如果我的 get、post 回调函数中，没有 next 参数，那么就匹配上第一个路由，就不会往下匹 配了。如果想往下匹配的话，那么需要写 next() 。
Express 应用可使用如下几种中间件：
1. 应用级中间件
| app.use(function(req,res,next){ /*匹配任何路由*/ //res.send('中间件'); console.log(new Date()); next(); /*表示匹配完成这个中间件以后程序继续向下执行*/ }) app.get('/',function(req,res){ res.send('根'); }) app.get('/index',function(req,res){ res.send('首页'); }) |
2、路由中间件
| app.get("/",function(req,res,next){ console.log("1"); next(); }); app.get("/",function(req,res){ console.log("2"); }); |
3、 错误处理中间件
| app.get('/index',function(req,res){ res.send('首页'); }) app.use(function(req,res){ //res.render('404',{}); res.status(404).render('404',{}); }) |
4. 内置中间件
| //静态服务 index.html app.use('/static',express.static("./static")); /*匹配所有的路径*/ |
5. 第三方中间件
| body-parser 中间件 第三方的 获取 post 提交的数据 |
五、获取 Get Post 请求的参数
● GET 请求的参数在 URL 中，在原生 Node 中，需要使用 url 模块来识别参数字符串。在 Express 中，不需要使用 url 模块了。可以直接使用 req.query 对象。
● POST 请求在 express 中不能直接获得，可以使用 body-parser 模块。使用后，将可以用 req.body 得到参数。但是如果表单中含有文件上传，那么还是需要使用 formidable 模块。
1、安装
| npm install body-parser |
2.使用req.body 获取 post 过来的参数
| var express = require('express') var bodyParser = require('body-parser') var app = express() // parse application/x-www-form-urlencoded app.use(bodyParser.urlencoded({ extended: false })) // parse application/json app.use(bodyParser.json()) app.use(function (req, res) { res.setHeader('Content-Type', 'text/plain') res.write('you posted:\n') |
总结，其实小项目用到的就是路由，获得值传递，响应界面，cookies存储等等。当然，更深层次的学习还有后续。