node——模块化

之前写的新闻部分几乎所有操作都写在了一起，这次开始进行模块化。

为什么要模块化：

1.提高开发效率，所有操作在一个文件内，不方便团队操作，模块化可多人同时操作

2.当程序出错，可以分模块寻找错误

3.可以使程序不一次性全部展示出来，保留一些操作不可见

模块化步骤：

1.思考，该模块中要封装什么代码？

2.思考，这些代码有用到什么外部数据？如果用到了该如何传递
3.当前模块对外需要暴露的东西（moudule.eports的值）

原代码：

var http=require('http');
var fs=require('fs');
var path=require('path');
var mime=require('mime');
var url=require('url');
var querystring=require('querystring');
var _=require('underscore');

http.createServer(function(req,res){

res.render=function(filename,tqData){
    fs.readFile(filename,function(err,data){
        if(err)
        {
            res.writeHead(404,'Not Found',{'Content-Type':'text/html;charset=utf-8'});
            res.end('44,not found');
            return;
        }
        if(tqData){
            var fn=_.template(data.toString('utf8'));
            data=fn(tqData);

        }
        res.end(data);
    })

}



req.url=req.url.toLowerCase();
req.method=req.method.toLowerCase();

var urlObj=url.parse(req.url,true);

if(req.url==='/'||req.url==='/index'&&req.method==='get')
{
    readNewsData(function(list){
        res.render(path.join(__dirname,'views','home.html'),{list:list});
    })

}else if(req.url==='/submit'&&req.method==='get'){

    res.render(path.join(__dirname,'views','submit.html'));
        
}else if(urlObj.pathname==='/item'&&req.method==='get'){

readNewsData(function(list){

        for(var i=0;i<list.length;i++)
        {

            if(list[i].id.toString()===urlObj.query.id)
            {
                model=list[i];
                break;

            }
        }
        if(model)
        {
            res.render(path.join(__dirname,'views','details.html'),{item:model});
        }
        else
        {
            res.end('no found')
        }
    })

}else if(req.url.startsWith('/add')&&req.method==='get'){

    fs.readFile(path.join(__dirname,'data','data1.json'),'utf8',function(err,data){
        if(err&&err.code!=='ENOENT'){
            throw err;
        }
        var list_news=JSON.parse(data||'[]');
        
    });

    
    
        
}else if(req.url.startsWith('/add')&&req.method==='post'){
        
        readNewsData(function(list_news){
            
            postBodyData(req,function(postBody){
            
            postBody.id=list_news.length;
            list_news.push(postBody);
            
            writeNewsData(JSON.stringify(list_news),function(){
            res.statusCode=302;
            res.statusMessage='Found';
            res.setHeader('Location','/');
            res.end('over');

                });
        });
    });

    
}else if(req.url.startsWith('/resource')&&req.method==='get'){


    res.render(path.join(__dirname,req.url));

}        
else{
    res.writeHead(404,'NOT FOUND',{
        'Content-Type':'text/plain;charset=utf-8'
    });
    res.end('404,page not found');
}
}).listen(9090,function(){
    console.log('http://localhost:9090');
})


function readNewsData(callback){
    fs.readFile(path.join(__dirname,'data','data1.json'),'utf8',function(err,data){
        if(err&&err.code!=='ENOENT'){
            throw err;
        }

        var list_news=JSON.parse(data||'[]');
        //通过回调函数callback()将读取到的数据list,传递出去
        callback(list_news);
    });
}


function writeNewsData(data,callback){
    fs.writeFile(path.join(__dirname,'data','data1.json'),data,function(err){
        if(err){
            throw err;
        }
        console.log('ok');
    });

        callback();
}


function postBodyData(req,callback){
    
            var array=[];
        req.on('data',function(chunk){
            array.push(chunk);
    
        });

        req.on('end',function(){
            var postBody=Buffer.concat(array);
            postBody=postBody.toString('utf8');
            
            postBody=querystring.parse(postBody);
        
        callback(postBody);
        });
}

模块化部分：

模块一（服务模块）：负责启动服务
模块二（扩展模块）：负责扩展req和res对象，为res和res对象，为req和res增加以下更方便更好用的API
模块三（路由模块）：负责路由判断
模块四（业务模块）：负责处理具体路由的业务的代码

模块一（index.js）

代码：

var http=require('http');
var context=require('./context.js');
var router=require('./router.js');
var handler=require('./handler.js');

http.createServer(function(req,res){
    //调用context.js模块的返回值（函数），并将req和res对象传递给context.js模块
    context(req,res);
    //调用路由模块返回值
    router(req,res);


}).listen(9090,function(){
    console.log('http://localhost:9090');
})

模块二(context.js)

负责扩展req和res对象，为res和res对象，为req和res增加以下更方便更好用的API
希望在该模块做：
1.为req增加一个query熟悉，该属性中保存的就是用户get请求提交过来的数据
-req.query
2.为req增加一个pathname属性
-req.pathname
3.为res增加一个render函数

代码：

var http=require('http');
var fs=require('fs');
var path=require('path');
var mime=require('mime');
var url=require('url');
var querystring=require('querystring');
var _=require('underscore');

//让当前模块对外暴露一个函数，通过这个函数将res,req传入模块中
module.exports=function(req,res){

    //1.为req增加query属性
    var urlObj=url.parse(req.url.toLowerCase(),true);
    req.query=urlObj.query;
    //2.为req增加pathname属性
    req.pathname=urlObj.pathname;
    //3.为req增加method属性
    req.method=req.method.toLowerCase();

    //3.为res增加函数
    res.render=function(filename,tqData){
        fs.readFile(filename,function(err,data){
            if(err)
            {
                res.writeHead(404,'Not Found',{'Content-Type':'text/html;charset=utf-8'});
                res.end('44,not found');
                return;
            }
            if(tqData){
                var fn=_.template(data.toString('utf8'));
                data=fn(tqData);

            }
            res.end(data);
        });
    };

};

模块三(router.js)

该模块负责封装所以路由判断代码

代码：

//该模块负责封装所以路由判断代码

var handler=require('./handler');


module.exports = function(req,res){
    if(req.url==='/'||req.url==='/index'&&req.method==='get')
{
    handler.index(req,res);

}else if(req.pathname==='/submit'&&req.method==='get'){
    handler.submit(req,res);
        
}else if(req.pathname==='/item'&&req.method==='get'){
    handler.item(req,res);

}else if(req.url.startsWith('/add')&&req.method==='post'){
    handler.add(req,res);
    
}else if(req.url.startsWith('/resource')&&req.method==='get'){
    handler.resource(req,res);

}        
else{
    handler.nofound(req,res);
}
}

模块四（handler.js）

该模块负责对具体的业务进行处理

代码：

//该模块负责对具体的业务进行处理
var path=require('path');
var fs=require('fs'); 
var querystring=require('querystring');

module.exports.index=function(req,res){
    if(req.pathname==='/'||req.url==='/index'&&req.method==='get')
    {
    readNewsData(function(list){
        res.render(path.join(__dirname,'views','home.html'),{list:list});
    })
}}

module.exports.submit=function(req,res){
    res.render(path.join(__dirname,'views','submit.html'));
}

module.exports.item=function(req,res){
    readNewsData(function(list){

        for(var i=0;i<list.length;i++)
        {

            if(list[i].id.toString()===req.query.id)
            {
                model=list[i];
                break;

            }
        }
        if(model)
        {
            res.render(path.join(__dirname,'views','details.html'),{item:model});
        }
        else
        {
            res.end('no found')
        }
    })

}


module.exports.add=function(req,res){
    //1.读取data1.json
        readNewsData(function(list_news){
            //2.读取用户post提交的数据
            postBodyData(req,function(postBody){
            //3.为用户提交的新闻增加一个id属性，并且把新闻对象push到list中
            postBody.id=list_news.length;
            list_news.push(postBody);
            //将list数组写入到data1.json中
            writeNewsData(JSON.stringify(list_news),function(){
            res.statusCode=302;
            res.statusMessage='Found';
            res.setHeader('Location','/');
            res.end('over');

                });
        });
    });

}


module.exports.resource=function(req,res){
    res.render(path.join(__dirname,req.pathname));
}


module.exports.nofound=function(req,res){
    res.writeHead(404,'NOT FOUND',{
        'Content-Type':'text/plain;charset=utf-8'
    });
    res.end('404,page not found');
}


function readNewsData(callback){
    fs.readFile(path.join(__dirname,'data','data1.json'),'utf8',function(err,data){
        if(err&&err.code!=='ENOENT'){
            throw err;
        }

        var list_news=JSON.parse(data||'[]');
        //通过回调函数callback()将读取到的数据list,传递出去
        callback(list_news);
    });
}

function writeNewsData(data,callback){
    fs.writeFile(path.join(__dirname,'data','data1.json'),data,function(err){
        if(err){
            throw err;
        }
        console.log('ok');
    });

        //这里写当写入数据完毕后的操作
        callback();
}

function postBodyData(req,callback){
    
        var array=[];
        req.on('data',function(chunk){
            array.push(chunk);
            //
        });

        req.on('end',function(){
            var postBody=Buffer.concat(array);
            postBody=postBody.toString('utf8');
            
            postBody=querystring.parse(postBody);
        
            callback(postBody);
        });
}

执行顺序

index.js文件从上往下执行，先加载context,在加载router,由于router文件内要先加载handler，所以handler顺序比router前面点，之后就开始监听9090端口，当有了请求后就执行http内部的代码了。