NodeJS 入门第三天（Express框架）

1、Express框架

Express框架是后台的Node框架，因此和jQuery、zepto、yui、bootstrap都不一个东西。

Express在后台的受欢迎的程度，和jQuery同样，就是企业的事实上的标准。

 

● 原生Node开发，会发现有不少问题。好比：

■ 呈递静态页面很不方便，须要处理每一个HTTP请求，还要考虑304问题

■ 路由处理代码不直观清晰，须要写不少正则表达式和字符串函数

■ 不能集中精力写业务，要考虑不少其余的东西

 

咱们本身能够把第一天的做业，就是那个静态文件服务给封装成为模块。封装的越多，就本身作出了相似Express的东西。

 

● EXPRESS的哲学是在你的想法和服务器之间充当薄薄的一层。这并不意味着他不够健壮，或者没有足够的有用特性，而是尽可能少干预你，让你充分表达本身的思想，同时提供一些有用的东西。

 

英语官网：http://expressjs.com/

中文官网：http://www.expressjs.com.cn/

 

总体感知，Express框架。

安装Express框架，就是使用npm的命令。

1 npm install --save express

--save参数，表示自动修改package.json文件，自动添加依赖项。

 

路由能力：

1 var express = require("express"); 2  3 var app = express(); 4  5 app.get("/",function(req,res){ 6     res.send("你好"); 7 }); 8  9 app.get("/haha",function(req,res){ 10     res.send("这是haha页面，哈哈哈哈哈哈"); 11 }); 12  13 app.get(/^\/student\/([\d]{10})$/,function(req,res){ 14     res.send("学生信息，学号" + req.params[0]); 15 }); 16  17 app.get("/teacher/:gonghao",function(req,res){ 18     res.send("老师信息，工号" + req.params.gonghao); 19 }); 20  21 app.listen(3000);

 

静态文件伺服能力：

1 app.use(express.static("./public"));

 

模板引擎：

1 var express = require("express"); 2  3 var app = express(); 4  5 app.set("view engine","ejs"); 6  7 app.get("/",function(req,res){ 8     res.render("haha",{ 9         "news" : ["我是小新闻啊","我也是啊","哈哈哈哈"] 10     }); 11 }); 12  13 app.listen(3000);

 

咱们学习的是Express4.X，和Express3.X差异很是大。

2、路由

当用get请求访问一个网址的时候，作什么事情：

1 app.get("网址",function(req,res){ 2  3 });

当用post访问一个网址的时候，作什么事情：

1 app.post("网址",function(req,res){ 2  3 });

 

若是想处理这个网址的任何method的请求，那么写all

1 app.all("/",function(){ 2  3 });

 

这里的网址，不分大小写，也就是说，你路由是

1 app.get("/AAb",function(req,res){ 2     res.send("你好"); 3 });

实际上小写的访问也行。

 

全部的GET参数，? 后面的都已经被忽略。 锚点#也被忽略

你路由到/a ， 实际/a?id=2&sex=nan 也能被处理。

 

正则表达式能够被使用。正则表达式中，未知部分用圆括号分组，而后能够用req.params[0]、[1]获得。

req.params类数组对象。

1 app.get(/^\/student\/([\d]{10})$/,function(req,res){ 2     res.send("学生信息，学号" + req.params[0]); 3 });

 

冒号是更推荐的写法。

1 app.get("/student/:id",function(req,res){ 2     var id = req.params["id"]; 3     var reg= /^[\d]{6}$/;   //正则验证 4     if(reg.test(id)){ 5         res.send(id); 6     }else{ 7         res.send("请检查格式"); 8     } 9 });

 

表单能够本身提交到本身上。

1 app.get("/",function(req,res){ 2     res.render("form"); 3 }); 4  5 app.post("/",function(req,res){ 6     //将数据添加进入数据库 7     res.send("成功"); 8 });

 

适合进行 RESTful路由设计。简单说，就是一个路径，可是http method不一样，对这个页面的使用也不一样。

/student/345345

 

get  读取学生信息

add  添加学生信息

delete  删除学生新

3、中间件

若是个人的get、post回调函数中，没有next参数，那么就匹配上第一个路由，就不会往下匹配了。

若是想往下匹配的话，那么须要写next()

1 app.get("/",function(req,res,next){ 2     console.log("1"); 3     next(); 4 }); 5  6 app.get("/",function(req,res){ 7     console.log("2"); 8 });

 

下面两个路由，感受没有关系：

1 app.get("/:username/:id",function(req,res){ 2     console.log("1"); 3     res.send("用户信息" + req.params.username); 4 }); 5  6 app.get("/admin/login",function(req,res){ 7     console.log("2"); 8     res.send("管理员登陆"); 9 });

可是实际上冲突了，由于admin能够当作用户名 login能够当作id。

 

解决方法1：交换位置。 也就是说，express中全部的路由（中间件）的顺序相当重要。

匹配上第一个，就不会往下匹配了。 具体的往上写，抽象的往下写。

1 app.get("/admin/login",function(req,res){ 2     console.log("2"); 3     res.send("管理员登陆"); 4 }); 5  6 app.get("/:username/:id",function(req,res){ 7     console.log("1"); 8     res.send("用户信息" + req.params.username); 9 });

 

解决方法2：

1 app.get("/:username/:id",function(req,res,next){ 2     var username = req.params.username; 3     //检索数据库，若是username不存在，那么next() 4     if(检索数据库){ 5         console.log("1"); 6         res.send("用户信息"); 7     }else{ 8         next(); 9     } 10 }); 11  12 app.get("/admin/login",function(req,res){ 13     console.log("2"); 14     res.send("管理员登陆"); 15 });

 

路由get、post这些东西，就是中间件，中间件讲究顺序，匹配上第一个以后，就不会日后匹配了。next函数才可以继续日后匹配。

 

app.use()也是一个中间件。与get、post不一样的是，他的网址不是精确匹配的。而是可以有小文件夹拓展的。

好比网址：  http://127.0.0.1:3000/admin/aa/bb/cc/dd

1 app.use("/admin",function(req,res){ 2     res.write(req.originalUrl + "\n");   //    /admin/aa/bb/cc/dd 3     res.write(req.baseUrl + "\n");  //   /admin 4     res.write(req.path + "\n");   //    /aa/bb/cc/dd 5     res.end("你好"); 6 });

 

若是写一个/

1 //当你不写路径的时候，实际上就至关于"/"，就是全部网址 2 app.use(function(req,res,next){ 3     console.log(new Date()); 4     next(); 5 });

 

app.use()就给了咱们增长一些特定功能的便利场所。

实际上app.use()的东西，基本上都从第三方能获得。

 

 

● 大多数状况下，渲染内容用res.render()，将会根据views中的模板文件进行渲染。若是不想使用views文件夹，想本身设置文件夹名字，那么app.set("views","aaaa");

● 若是想写一个快速测试页，固然可使用res.send()。这个函数将根据内容，自动帮咱们设置了Content-Type头部和200状态码。send()只能用一次，和end同样。和end不同在哪里？可以自动设置MIME类型。

● 若是想使用不一样的状态码，能够：

res.status(404).send('Sorry, we cannot find that!');

● 若是想使用不一样的Content-Type，能够：

res.set('Content-Type', 'text/html');

4、GET请求和POST请求的参数

● GET请求的参数在URL中，在原生Node中，须要使用url模块来识别参数字符串。在Express中，不须要使用url模块了。能够直接使用req.query对象。

● POST请求在express中不能直接得到，必须使用body-parser模块。使用后，将能够用req.body获得参数。可是若是表单中含有文件上传，那么仍是须要使用formidable模块。

 

 

Node中全是回调函数，因此咱们本身封装的函数，里面若是有异步的方法，好比I/O，那么就要用回调函数的方法封装。

 

错误：

1 res.render("index",{ 2  "name" : student.getDetailById(234234).name 3 }); 4  5

 

正确:

6  7 student.getDetailByXueHao(234234,function(detail){ 8  res.render("index",{ 9  "name" : detail.name 10  }) 11 });