• Express框架学习总结


              最近学了Express框架,在学习的过程中,参考了一些资料,感觉Express框架比原生Node.js好用多了。下面我将我学习总结的内容如下:     

              Express中文网     http://www.expressjs.com.cn/

               Express英文网     http://expressjs.com/

             一、Express框架

              Express框架是后台的Node框架,所以和jQuery、zepto、yui、bootstrap都不是一个东西。

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

           ● 原生Node开发,会发现有很多问题。比如:
    
             ■ 呈递静态页面很不方便,需要处理每个HTTP请求,还要考虑304问题
    
             ■ 路由处理代码不直观清晰,需要写很多正则表达式和字符串函数
    
             ■ 不能集中精力写业务,要考虑很多其他的东西

    安装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);

           二、路由

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

           路由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 + "
    ");   //    /admin/aa/bb/cc/dd
    3        res.write(req.baseUrl + "
    ");  //   /admin
    4        res.write(req.path + "
    ");   //    /aa/bb/cc/dd
    5        res.end("你好");
    6    });

          ● 大多数情况下,渲染内容用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,那么就要用回调函数的方法封装。

     

  • 相关阅读:
    B-Tree(B树)原理及C++代码实现
    Select(快速选择顺序统计量)原理及C++代码实现
    BucketSort(桶排序)原理及C++代码实现
    RadixSort(基数排序)原理及C++代码实现
    CountingSort(计数排序)原理及C++代码实现
    面向对象之封装
    今日算法题
    面向对象之抽象类和接口
    面向对象之多态
    今日算法题
  • 原文地址:https://www.cnblogs.com/chenyablog/p/5655682.html
Copyright © 2020-2023  润新知