Node.js简单介绍并实现一个简单的Web MVC框架

1、/home/qleelulu/.node_modules/http
2、/home/qleelulu/.node_modules/http.js
3、/home/qleelulu/.node_modules/http.node
4、/home/qleelulu/.node_modules/http/index.js
5、/home/qleelulu/.node_modules/http/index.node
6、/home/qleelulu/.node_libraries/http
7、/home/qleelulu/.node_libraries/http.js
8、参考前面

var route = require('./route');
var handlerRequest = function(req, res){
    //通过route来获取controller和action信息
    var actionInfo = route.getActionInfo(req.url, req.method);
    //如果route中有匹配的action，则分发给对应的action
    if(actionInfo.action){
        //假设controller都放到当前目录的controllers目录里面，还记得require是怎么搜索module的么？
        var controller = require('./controllers/'+actionInfo.controller); // ./controllers/blog
        if(controller[actionInfo.action]){
            var ct = new controllerContext(req, res);
            //动态调用，动态语言就是方便啊
            //通过apply将controller的上下文对象传递给action
            controller[actionInfo.action].apply(ct, actionInfo.args);
        }else{
            handler500(req, res, 'Error: controller "' + actionInfo.controller + '" without action "' + actionInfo.action + '"')
        }
    }else{
        //如果route没有匹配到，则当作静态文件处理
        staticFileServer(req, res);
    }
};

var parseURL = require('url').parse;
//根据http请求的method来分别保存route规则
var routes = {get:[], post:[], head:[], put:[], delete:[]};
/**
* 注册route规则
* 示例：
* route.map({
*     method:'post',
*     url: /\/blog\/post\/(\d+)\/?$/i,
*     controller: 'blog',
*     action: 'showBlogPost'
* })
*/
exports.map = function(dict){
    if(dict && dict.url && dict.controller){
        var method = dict.method ? dict.method.toLowerCase() : 'get';
        routes[method].push({
            u: dict.url, //url匹配正则
            c: dict.controller,
            a: dict.action || 'index'
        });
    }
};
exports.getActionInfo = function(url, method){
    var r = {controller:null, action:null, args:null},
        method = method ? method.toLowerCase() : 'get',
        // url: /blog/index?page=1 ,则pathname为: /blog/index
        pathname = parseURL(url).pathname;
    var m_routes = routes[method];
    for(var i in m_routes){
        //正则匹配
        r.args = m_routes[i].u.exec(pathname);
        if(r.args){
            r.controller = m_routes[i].c;
            r.action = m_routes[i].a;
            r.args.shift(); //第一个值为匹配到的整个url，去掉
            break;
        }
    }
    //如果匹配到route，r大概是 {controller:'blog', action:'index', args:['1']}
    return r;
};

//config.js
var route = require('./route');
route.map({
    method:'get',
    url: /\/blog\/?$/i,
    controller: 'blog',
    action: 'index'
});

            var ct = new controllerContext(req, res);
            //动态调用，动态语言就是方便啊
            //通过apply将controller的上下文对象传递给action
            controller[actionInfo.action].apply(ct, actionInfo.args);

//controller的上下文对象
var controllerContext = function(req, res){
this.req = req;
this.res = res;
this.handler404 = handler404;
this.handler500 = handler500;
};
controllerContext.prototype.render = function(viewName, context){
viewEngine.render(this.req, this.res, viewName, context);
};
controllerContext.prototype.renderJson = function(json){
viewEngine.renderJson(this.req, this.res, json);
};

var viewEngine = {
    render: function(req, res, viewName, context){
        var filename = path.join(__dirname, 'views', viewName);
        try{
            var output = Shotenjin.renderView(filename, context);
        }catch(err){
            handler500(req, res, err);
            return;
        }
        res.writeHead(200, {'Content-Type': 'text/html'});
        res.end(output);
    },
    renderJson: function(res, json){
        //TODO:
    }
};

//shotenjin.js 增加的代码
//模板缓存，缓存解析后的模板
Shotenjin.templateCatch = {};
//读取模板内容
//在模板中引用模板使用： {# ../layout.html #}
Shotenjin.getTemplateStr = function(filename){
    //console.log('get template:' + filename);
    var t = '';
    //这里使用的是同步读取
    if(path.existsSync(filename)){
        t = fs.readFileSync(filename, 'utf-8');
    }else{
        throw 'View: ' + filename + ' not exists';
    }
    t = t.replace(/\{#[\s]*([\.\/\w\-]+)[\s]*#\}/ig, function(m, g1) {
        var fp = path.join(filename, g1.trim())
        return Shotenjin.getTemplateStr(fp);
    });
    return t;
};
Shotenjin.renderView = function(viewPath, context) {
    var template = Shotenjin.templateCatch[viewPath];
    if(!template){
        var template_str = Shotenjin.getTemplateStr(viewPath);
        var template = new Shotenjin.Template();
        template.convert(template_str);
        //添加到缓存中
        Shotenjin.templateCatch[viewPath] = template;
    }
    var output = template.render(context);
    return output;
};
global.Shotenjin = Shotenjin;

var staticFileServer = function(req, res, filePath){
    if(!filePath){
        filePath = path.join(__dirname, config.staticFileDir, url.parse(req.url).pathname);
    }
    path.exists(filePath, function(exists) {
        if(!exists) {
            handler404(req, res);
            return;
        }
        fs.readFile(filePath, "binary", function(err, file) {
            if(err) {
                handler500(req, res, err);
                return;
            }
            var ext = path.extname(filePath);
            ext = ext ? ext.slice(1) : 'html';
            res.writeHead(200, {'Content-Type': contentTypes[ext] || 'text/html'});
            res.write(file, "binary");
            res.end();
        });
    });
};
var contentTypes = {
  "aiff": "audio/x-aiff",
  "arj": "application/x-arj-compressed"
  //省略
}

// ./controllers/blog.js
exports.index = function(){
    this.render('blog/index.html', {msg:'Hello World'});
};

{# ../../header.html #}
        <h3 class="title">n2Mvc Demo</h3>
        <h1>#{msg}</h1>
{# ../../footer.html #}

// run.js
var n2MvcServer = require('./server');
n2MvcServer.runServer();

route.map({
    method:'get',
    url: /\/tweets\/?$/i,
    controller: 'blog',
    action: 'tweets'
});

var http = require('http'),
    events = require("events");
var tsina_client = http.createClient(80, "api.t.sina.com.cn");
var tweets_emitter = new events.EventEmitter();
// action: tweets
exports.tweets = function(blogType){
    var _t = this;
    var listener = tweets_emitter.once("tweets", function(tweets) {
        _t.render('blog/tweets.html', {tweets: tweets});
    });
    get_tweets();
};
function get_tweets() {
    var request = tsina_client.request("GET", "/statuses/public_timeline.json?source=3243248798", {"host": "api.t.sina.com.cn"});
    request.addListener("response", function(response) {
        var body = "";
        response.addListener("data", function(data) {
            body += data;
        });
        response.addListener("end", function() {
            var tweets = JSON.parse(body);
            if(tweets.length > 0) {
                console.log('get tweets \n');
                tweets_emitter.emit("tweets", tweets);
            }
        });
    });
    request.end();
}

var tweets_emitter = new events.EventEmitter();

    var listener = tweets_emitter.once("tweets", function(tweets) {
        _t.render('blog/tweets_data.html', {tweets: tweets});
    });

tweets_emitter.emit("tweets", tweets);

<ul>
  <?js for(var i in tweets){ ?>
  <?js var tweet = tweets[i], user = tweets[i].user; ?>
    <li>
        <div class="usericon">
                <a class="user_head" href="###">
                    <img src="#{user.profile_image_url}" />
                </a>
        </div>
        <div class="mainContent">
            <div class="userName">
                <a href="###">
                    #{user.screen_name}
                </a>
            </div>
            <div class="msg">
                <div class="tweet">
                    <div class="tweet_text">
                        #{tweet.text}
                    </div>
                    <?js if(tweet.thumbnail_pic){ ?>
                    <div>
                        <a target="_blank" href="javascript:void(0);" class="thumbnail_pic" >
                            <img class="pic" src="#{tweet.thumbnail_pic}" />
                        </a>
                    </div>
                    <?js } ?>
                </div>
            </div>
        </div>
        <br class="clear" />
    </li>
  <?js } ?>
</ul>