codekart/framework/core/view/tpl.js

Web application framework for Node.js

//html模板模块

//解析组合tpl文件到一个
/* *
 * 参数 @action = []
 * action[0].id = 要插入的位置id 例如<!--T--view--T-->中的view
 * action[0].file = 文件名 ./view/login/main.tpl 只需要 /login/main 即可
 *
 *
 *
 * */

var file = load.tool('!file');
var json = load.tool('!json');
var array = load.tool('!array');
var config =  load.config();
var cpath =  load.config('!path');


//tpl模块出插入的位置  如果有正则字符要转义
var wrapLeft = '<!'
    , wrapRight = '!>'
    , theTplCache = {}; //tpl文件的缓存



exports.ready = function(stuff,curname,callback){
    //log(theTplCache);
    if(theTplCache[curname] && !config.compiled){ /*有缓存则读取缓存*/
        //log('tpl缓存');
        return callback(null,theTplCache[curname]);
    }
    //log(stuff.tpl);
    var posAry = []
        , filecontent = [];
    for(var k in stuff.tpl){
        var one = stuff.tpl[k];
        //log(one)
        for(var id in one){
            var tpl = one[id];
            //log(tpl)
            if(!array.isArray(tpl)){
                tpl = [tpl]; //数组循环，插入多个
            }
            for(var t in tpl){
                posAry.push(id);
                filecontent.push(read.resource('tpl/'+tpl[t]+'.tpl'));
            }

            //break; //仅第一个属性
        }
    }
    //log(posAry);
    //组合tpl
    var content = merger(posAry,filecontent);
    //添加css和js引用文件
    content = addReferenceFile(stuff,content);
    //缓存模板内容
    theTplCache[curname] = content;
    //返回数据
    callback(null,content);
};


//扩展js和css文件的引用
function addReferenceFile(stuff,filecontent){
    //添加js和css引用
    var src_style = '';
    var src_script = '';
    var one = '';
    //css
    if(array.isArray(stuff.csslib)){
        for(var css in stuff.csslib){
            one = stuff.csslib[css];
            if(one.indexOf('http')!==0){ //判断是否为外部css库
                one = '/csslib/'+one+'.css';  //本地
            }
            src_style += '<link rel="stylesheet" type="text/css" href="'+one+'" />';
        }
    }else{
        src_style += '<link rel="stylesheet" type="text/css" href="'+stuff.csslib+'" />';
    }
    src_style = '<link rel="stylesheet" type="text/css" href="'+stuff.client_name_css+'" />';
    //js
    if(array.isArray(stuff.jslib)){
        for(var js in stuff.jslib){
            one = stuff.jslib[js];
            if(one.indexOf('http')!==0){ //判断是否为外部js库
                one = '/jslib/'+one+'.js'; //本地
            }
            src_script += '<script type="text/javascript" src="'+one+'"></script>';
        }
    }else{
        src_script += '<script type="text/javascript" src="'+stuff.jslib+'"></script>';
    }
    src_script += '<script type="text/javascript" src="'+stuff.client_name_js+'" ></script>';

    //替换
    return filecontent.replace('</head>',src_style+'</head>')
        .replace('</body>',src_script+'</body>');

}


//正则替换合并
function merger(posAry,tplAry){
    //log(data);
    var content = ''
        , n = 0;
    for(var p in posAry){
        var pos =  posAry[p]
            , tpl = tplAry[n];
        tpl = tpl?tpl+'':''; //当页面没有引入模板时
        //log(pos);
        //log(tpl);
        if(n==0){ /*起始，根模板*/
            content += tpl;
        }else{
            var Tstr = wrapLeft+pos+wrapRight
                , rex = new RegExp(Tstr);
            content = content.replace(rex,tpl+Tstr);
        }
        n++;
    }
    if(config.compress.tpl){ /* 压缩文件 */
        content = compress(content);
    }
    //log(content);
    //log('tpl文件'+content);
    return content;
}


//压缩tpl
function compress(tpl){
    return tpl.replace(/\n/g, "") //压缩换行
        .replace(/\s+/g, " ") //压缩空格
        //.replace(/\s*<\s*/g, "<") //去掉< >// 括号两旁的空格
        //.replace(/\s*>\s*/g, ">") //去掉< >// 括号两旁的空格
        .replace(/<\!--(\n|.)*?-->/g, ""); //去掉<!---   --->注释;
}