• NodeJS 入门第三天(Express框架)


    一、Express框架

    Express框架是后台的Node框架,所以和jQueryzeptoyuibootstrap都不一个东西。

    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");

    3 var app = express();

    5 app.get("/",function(req,res){

    6     res.send("你好");

    7 });

    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");

    3 var app = express();

    5 app.set("view engine","ejs");

    7 app.get("/",function(req,res){

    8     res.render("haha",{

    9         "news" : ["我是小新闻啊","我也是啊","哈哈哈哈"]

    10     });

    11 });

    12 

    13 app.listen(3000);

    我们学习的是Express4.X,和Express3.X差别非常大。

    二、路由

    当用get请求访问一个网址的时候,做什么事情:

    1 app.get("网址",function(req,res){

    3 });

    当用post访问一个网址的时候,做什么事情:

    1 app.post("网址",function(req,res){

    3 });

    如果想处理这个网址的任何method的请求,那么写all

    1 app.all("/",function(){

    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 });

    5 app.post("/",function(req,res){

    6     //将数据添加进入数据库

    7     res.send("成功");

    8 });

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

    /student/345345

    get  读取学生信息

    add  添加学生信息

    delete  删除学生新

    三、中间件

    如果我的的getpost回调函数中,没有next参数,那么就匹配上第一个路由,就不会往下匹配了。

    如果想往下匹配的话,那么需要写next()

    1 app.get("/",function(req,res,next){

    2     console.log("1");

    3     next();

    4 });

    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 });

    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 });

    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 });

    路由getpost这些东西,就是中间件,中间件讲究顺序,匹配上第一个之后,就不会往后匹配了。next函数才能够继续往后匹配。

    app.use()也是一个中间件。与getpost不同的是,他的网址不是精确匹配的。而是能够有小文件夹拓展的。

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

    1 app.use("/admin",function(req,res){

    2     res.write(req.originalUrl + " ");   //    /admin/aa/bb/cc/dd

    3     res.write(req.baseUrl + " ");  //   /admin

    4     res.write(req.path + " ");   //    /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');

    四、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 });

    正确:

    7 student.getDetailByXueHao(234234,function(detail){

    8  res.render("index",{

    9  "name" : detail.name

    10  })

    11 });

  • 相关阅读:
    iOS exit(0); 直接退出程序
    友盟推送简单调用
    KxMenu下拉菜单
    打开相册另类写法
    简洁调用字号
    十六进制颜色宏
    Swift定义单例
    不要在初始化方法和dealloc方法中使用Accessor Methods
    copyin函数
    c语言中的赋值
  • 原文地址:https://www.cnblogs.com/monkey1314/p/6897090.html
Copyright © 2020-2023  润新知