NodeJS简易博客系统（七）express框架入门学习

一、安装及demo

如果已经装好webstorm，直接新建项目如下：

否则cd到项目目录下，使用npm install express --save即可完成安装。

demo:

然后运行访问http://localhost:3000即可看到效果。

二、路由（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
http://localhost:3000/js/app.js
http://localhost:3000/hello.html

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('首页'); })
/*中间件相应 404*/

app.use(function(req,res){

//res.render('404',{});

res.status(404).render('404',{});

})

4. 内置中间件

//静态服务 index.html

app.use('/static',express.static("./static")); /*匹配所有的路径*/

app.use('/news',express.static("./static")); /*匹配所有的路径*/

5. 第三方中间件

body-parser 中间件第三方的获取 post 提交的数据
1.cnpm install body-parser --save
2.var bodyParser = require('body-parser')
3.设置中间件
//处理 form 表单的中间件
// parse application/x-www-form-urlencoded app.use(bodyParser.urlencoded({ extended: false })); form 表单提交的数据
// parse application/json app.use(bodyParser.json()); 提交的 json 数据的数据
4.req.body 获取数据

五、获取 Get Post 请求的参数

● GET 请求的参数在 URL 中，在原生 Node 中，需要使用 url 模块来识别参数字符串。在 Express 中，不需要使用 url 模块了。可以直接使用 req.query 对象。
● POST 请求在 express 中不能直接获得，可以使用 body-parser 模块。使用后，将可以用 req.body 得到参数。但是如果表单中含有文件上传，那么还是需要使用 formidable 模块。