zoukankan      html  css  js  c++  java
  • 关于在jeecms中css,图片,html,模板是如何组装成——part1

    先从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 

  • 相关阅读:
    案例分析
    阅读任务
    准备工作
    课程总结
    十三周总结
    第十二周总结
    第十一周学习总结
    第十周学习总结
    第九周课程总结&实验报告7
    第八周课程学习总结与实验6
  • 原文地址:https://www.cnblogs.com/superAnny/p/6513389.html
Copyright © 2011-2022 走看看