先从HTML入手:index.html
1 <!DOCTYPE HTML> 2 <html> 3 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>首页 - ${site.name} - Powered by JEECMS</title> 6 <meta http-equiv="keywords" content="${site.keywords!}"/> 7 <meta http-equiv="description" content="${site.description!}"/> 8 <script src="${resSys}/jquery.js" type="text/javascript"></script> 9 <script src="${resSys}/front.js" type="text/javascript"></script> 10 <script type="text/javascript" src="/${res}/js/jquery.SuperSlide.js"></script> 11 <link type="text/css" rel="stylesheet" href="/${res}/css/home.css" /> 12 13 <!--[if lt IE 9]> 14 <script src="/${res}/js/html5shiv.min.js"></script> 15 <script src="/${res}/js/respond.min.js"></script> 16 <![endif]--> 17 <script type="text/javascript"> 18 $(function() { 19 Cms.siteFlow("${base}", location.href, document.referrer, "${site.config.flowSwitch?string}"); 20 $.cookie("_site_id_cookie","${site.id!}",{path: '${base}' }); 21 }); 22 </script> 23 <head>
6,7行代码:告诉服务器接受什么协议
8,9,10,14,15行代码:其实就是叫各种js大哥来站场,分别是
jquery.js 有了他就有使用jquery函数
front.js 好像是弄验证码的玩意
SuperSlide.js 能解决大部分标签切换、焦点图切换等效果,还能多个slide组合创造更多的效果。
html5shiv.min.js以及respond.min
html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。
respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。
由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的,
差点忘了,光大老爷们多不好,来一个小美女
home.css
他妈的,老大们都到了,那么唯一干一件事,在头文件就是:统计网站的流量18,19,20行
注:r资源都在recourse中
${resSys}的调用结果是/jeecms/r/cms/
${res}的调用结果是jeecms/r/cms/www/default