A5下载文章资讯

分类分类

ecshop定义模板css与JS 路径的分析

2015-07-30 09:44作者:fang

ecshop中模板中路径的处理给我们模板的制作带来了极大的方便

ecshop会自动解析模板文件中的图片,css文件,js文件的路径,但并不是所有的图片,css文件,js文件的路径都会替换,

例如在dwt模板文件中有:

<link href="css/index.css" rel="stylesheet" type="text/css">

将会自动替换成

<link href="themes/模板目录名/css/index.css" rel="stylesheet" type="text/css">

例如在dwt模板文件中有:

<link href="css/public.css" rel="stylesheet" type="text/css">

将会被自动替换为

<link href="themes/模板目录名/css/public.css" rel="stylesheet" type="text/css">

能自动替换路径的css文件一定要以路径css开头的css文件

例如在dwt模板文件中有:

<script type="text/javascript" src="js/index.js"></script>

将会被自动替换为

<script type="text/javascript" src="themes/模板目录名/js/index.js"></script>

能自动替换路径的js文件一定要以路径js开头的js文件

例如在dwt模板文件中有:

<img src="images/icon.png">

将会被自动替换为

<img src="themes/模板目录名/images/icon.png">

能自动替换路径的图片文件一定要以路径img开头的图片文件

这种自动解析方便我们可以把这些css,js,img和模板放在一起而不用考虑实际的路径

ecshop对图片,CSS,JavaScript的路径替换原则可以参看include/cls_template.php文件里面的smarty_prefilter_preCompile()的最后几行正则替换:

/* 在头部加入版本信息 */

$source = preg_replace('/<head>/i', "<head>rn<meta name="Generator" content="" . APPNAME .' ' . VERSION . "" />", $source);

/* 修正css路径 */

$source = preg_replace('/(<linkshref=["|'])(?:./|../)?(css/)?([a-z0-9A-Z_]+.css["|']srel=["|']stylesheet["|']stype=["|']text/css["|'])/i','1' . $tmp_dir . '23', $source);

/* 修正js目录下js的路径 */

$source = preg_replace('/(<scripts(?:type|language)=["|']text/javascript["|']ssrc=["|'])(?:./|../)?(js/[a-z0-9A-Z_-.]+.(?:js|vbs)["|']></script>)/', '1' . $tmp_dir . '2', $source);

/* 更换编译模板的编码类型 */

$source = preg_replace('/<metashttp-equiv=["|']Content-Type["|']scontent=["|']text/html;scharset=(?:.*?)["|'][^>]*?>r?n?/i', '<meta http-equiv="Content-Type" content="text/html; charset=' . EC_CHARSET . '" />' . "n", $source);

}

/**

* 处理库文件

*/

elseif ($file_type == '.lbi')

{

/* 去除meta */

$source = preg_replace('/<metashttp-equiv=["|']Content-Type["|']scontent=["|']text/html;scharset=(?:.*?)["|']>r?n?/i', '', $source);

}

/* 替换文件编码头部 */

if (strpos($source, "xEFxBBxBF") !== FALSE)

{

$source = str_replace("xEFxBBxBF", '', $source);

}

$pattern = array(

'/<!--[^>|n]*?({.+?})[^<|{|n]*?-->/', // 替换smarty注释

'/<!--[^<|>|{|n]*?-->/', // 替换不换行的html注释

'/(href=["|'])../(.*?)(["|'])/i', // 替换相对链接

'/((?:background|src)s*=s*["|'])(?:./|../)?(images/.*?["|'])/is', // 在images前加上 $tmp_dir

'/((?:background|background-image):s*?url()(?:./|../)?(images/)/is', // 在images前加上 $tmp_dir

'/(['|"])..//is', // 以../开头的路径全部修正为空

);

$replace = array(

'1',

'',

'123',

'1' . $tmp_dir . '2',

'1' . $tmp_dir . '2',

'1'

);

展开全部

相关

说两句网友评论
    我要跟贴
    取消