Nodejs 路由模塊封裝、封裝仿照 express 的路由(9)

1、 模塊化的方式封裝

`model/model.js`

 

// 導入模塊
var ejs=require('ejs');

var fs=require('fs');

var app ={
    // login
    login:function (req, res) {
        console.log('login');
        ejs.renderFile('views/form.ejs',{},function (err,data) {
            res.end(data);
        })
    },
    // dologin
    dologin:function (req, res) {
        console.log('333dologin');

        var postStr = '';
        req.on('data',function (chunk) {
            postStr+= chunk;
        });
        req.on('end',function (err,chunk) {
            console.log(postStr);
            fs.appendFile('login.txt',postStr+'\n',function (err) {
                if (err){
                    console.log(err);
                    return false;
                }
                console.log('寫入成功')
            });
            res.end("<script>alert('登陸成功');history.back();</script>")
        });
    },
    // register
    register:function (req, res) {
        console.log('register');
        res.end('register')
    },
    home:function (req, res) {
        console.log('home');
        res.end('home')
    }
};

// 暴露
module.exports=app;

/*
調用方式
app.login(req,res)
app['login'](req,res)
 */

 

` 01 services.js`

//引入http模塊
var http=require('http');
var url =require('url');

// 導入本身封裝的路由
var model = require('./model/model');

//路由:指的就是針對不一樣請求的 URL，處理不一樣的業務邏輯。
http.createServer(function(req,res){
    // http://localhost:8001/login
    res.writeHead(200,{"Content-Type":"text/html;charset='utf-8'"});
    var pathname = url.parse(req.url).pathname.replace('/','')
    console.log(pathname);

    // 調用路由,處理邏輯 
    if (pathname!=='favicon.ico'){
        try{
            model[pathname](req,res);
        }catch (err) {
            model['home'](req,res)
        }
    }

}).listen(8001);

 

2、 封裝仿照 express 的路由

1、nodejs 萬事萬物皆爲對象

　　構建一個app對象,能夠再綁定屬性和方法

var app=function(){

    console.log('app');
}

app.get=function(){
    console.log('app.get');
}
app.post=function(){
    console.log('app.post');
}


app.post() /*app.post*/

//
app()   /*app*/

 

2 仿照 express,封裝路由

```

代碼執行順序: 從上到下

```

var G ={};

var app =function (req, res) {
    if (G['login']){
        G['login'](req,res);/*執行註冊方法*/
    }
};

// 定義一個get 方法
app.get = function (string, callback) {
    G[string]=callback // G[string] = 函數
};

// 執行get方法 login 頁面的處理邏輯
app.get('login',function (req, res) {
    console.log('login'+req)
});

// 程序開始執行
setTimeout(function () {
    app('req','res')
},1000);

 

再次升級 `03 router_express_2.js` 

var http=require('http');
var url= require('url');
var G ={};

var app =function (req, res) {
    var pathname = url.parse(req.url).pathname.replace('/','');
    console.log(pathname);
    if (G[pathname]){
        G[pathname](req,res);
    }

    // if (G['login']){
    //     G['login'](req,res);/*執行註冊方法*/
    // }
};

// 定義一個get 方法
app.get = function (string, callback) {
    G[string]=callback // G[string] = 函數
};


// 只須要請求,就會觸發app這個方法
http.createServer(app).listen(8001);

// 註冊login 路由
app.get('login',function (req, res) {
    console.log('login');
    res.end('login');
});

// 註冊 register 路由
app.get('register',function (req, res) {
    console.log('register');
    res.end('register');
});

 

最後的封裝

`model/express_router.js`

var url = require('url');

// 封裝 res 的send 方法
function changeRes(res) {
    res.send = function (data){
        res.writeHead('200',{'Content-Type':'text/html;charset="UTF-8"'});
        res.end(data)
    }
}

var Server = function () {
    var G = this; /* 全局變量 */

    // 處理get和post請求
    this._get={};
    this._post={};




    var app=function (req, res) {
        // res 封裝send方法
        changeRes(res);

        var pathname = url.parse(req.url).pathname.replace('/','');
        var method = req.method.toLowerCase();
        console.log(method,pathname);
        console.log(G['_'+method]);

        if (G['_'+method][pathname]){
            if (method ==='post'){ /* 處理 post 請求 */
                var postStr ='';
                req.on('data',function (chunk) {
                    postStr+=chunk
                });
                req.on('end',function (err, chunk) {
                    req.body = postStr;
                    G['_'+method][pathname](req,res); /*執行方法*/
                    // res.end(pathname)
                })
            }else{ /* 處理非 post 請求 */
                G['_'+method][pathname](req,res)
                // res.end(pathname)

            }
        }else{
            res.end('no router!')
        }
    };

    // 註冊方式
    app.get=function (string, callback) {
        console.log( G._get[string],string);

        G._get[string]=callback
    };

    app.post=function (string, callback) {
        G._post[string]=callback
    };
    return app
};

module.exports = Server();

 

執行程序 `router_express_module.js`

var http = require('http');
var ejs = require('ejs');
var app = require('./model/express_router.js');
console.log(app);

http.createServer(app).listen(8001);

//登陸頁面
app.get('login',function(req,res){

    ejs.renderFile('views/form.ejs',{},function(err,data){

        res.send(data);
    })

});
app.post('dologin',function (req, res) {
    res.send("<script>alert('successful !');history.back();</script>")
});

app.get('news',function (req, res) {
    res.send("國際大新聞")
});