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内部的代码了。