熟练地使用PHPCMS可以插入模板,将静态站转变为动态站也更加方便,多加练习还是有好处的

将index.html的头和尾拆分出来,分别放在header.html和footer.html文件夹中,这三个文件放在

,用{IMG_PATH}images,{CSS_PATH}css,{JS_PATH}js来替换原来的路径。

header.html

标题的替换代码

  1. <title>{if isset($SEO['title']) && ! empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>

头部导航菜单的替换代码

  1. <div class="header-items">
  2. {if $top_parentid==0}
  3. <!--判断是不是首页-->
  4. <a href="{siteurl($siteid)}">
  5. <div class="h-item select">首页</div>
  6. </a>
  7. {else}
  8. <a href="{siteurl($siteid)}">
  9. <div class="h-item ">首页</div>
  10. </a>
  11. {/if}
  12.  
  13. {pc:content action="category" catid="0" num="6" siteid="$siteid" order="listorder ASC"}
  14. {loop $data $r}
  15.  
  16. {if $catid==$r[catid] || $top_parentid==$r[catid]}
  17. <div class="h-item2">/</div>
  18. <a href="{$r[url]}">
  19. <div class="h-item select">{$r[catname]}</div>
  20. </a>
  21. {else}
  22. <div class="h-item2">/</div>
  23. <a href="{$r[url]}">
  24. <div class="h-item">{$r[catname]}</div>
  25. </a>
  26. {/if}
  27. {/loop}
  28. {/pc}
  29.  
  30. </div>

index.html页面

大图的替换代码

  1. <!--大图 开始-->
  2. <div class="bigimg">
  3. {pc:content action="lists" catid="9" order="id DESC" num="1"}
  4. {loop $data $val}
  5. <img src="{$val['thumb']}"/>
  6. <!--thumb代表缩略图-->
  7. <!--catid 是指栏目下的内容 我把图片放到9的位置 所以catid="9"-->
  8. {/loop}
  9. {/pc}
  10. </div>
  11. <!--大图 结束-->

点击图片进入某个标题的代码

  1. <!--三项 开始-->
  2. <div style="width: 100%; height: 30px;"></div>
  3. <div class="three">
  4. <div class="three-item">
  5. <!--13代表的是栏目代号-->
  6. <a href="{$CATEGORYS[13][url]}">
  7. <img src="{IMG_PATH}images/three1.png" /></a>
  8. </div>
  9. <div class="three-item">
  10. <a href="{$CATEGORYS[11][url]}">
  11. {pc:content action="lists" catid="16" order="id DESC" num="1"}
  12. {loop $data $val}
  13. <img src="{$val['thumb']}" style="height: 115px"/>
  14. <!--thumb代表缩略图-->
  15. <!--catid 是指栏目下的内容 我把图片放到9的位置 所以catid="9"-->
  16. {/loop}
  17. {/pc}
  18.  
  19. </a>
  20. </div>

展示项替换代码

  1. <!--展示项-->
  2.  
  3. {pc:content action="lists" catid="14" order="id DESC" num="4"}
  4. {loop $data $val}
  5. <div class="dt-item">
  6. <a href="{$val[url]}">
  7. <div class="dt-item-title">{$val[title]}</div>
  8. </a>
  9. <div class="dt-item-context">
  10. {$val[description]}
  11. </div>
  12. </div>
  13. {/loop}
  14. {/pc}

展示项代码2

  1. <!--优秀产品展示 开始-->
  2. <div class="yxxm">
  3. <div class="yxxm-title">优秀产品展示</div>
  4.  
  5. {pc:content action="lists" catid="10" order="id DESC" num="6" moreinfo="1"}
  6. {loop $data $val}
  7. <!--展示项-->
  8. <div class="yxxm-item">
  9. <a href="{$val[url]}">
  10. <img src="{$val[thumb]}" /></a>
  11. <div class="yxxm-name">
  12. 项目名称:
  13. <span>{$val[title]}</span>
  14. </div>
  15. <div class="yxxm-user">
  16. 客  户:
  17. <span>{$val[keywords]}</span>
  18. </div>
  19. <div class="yxxm-context">
  20. 功  能:
  21. <span style="width: 77%;">{$val[description]}</span>
  22. </div>
  23. <div class="yxxm-context">
  24. 开发人员:
  25. <span>
  26. {php list($copyfrom)=explode('|',$val['copyfrom'])}
  27. {$copyfrom}
    <!--上面的意思是引自来源,吧|0去掉-->
    </span>
  1. </div>
  2. </div>
  3.  
  4. {/loop}
  5. {/pc}

以此段div为例,了解时间的添加代码,以及分页

  1. <div class="right">
  2. <a href="$val[url]"> <div class="list-title">    {$CAT['catname']}</div></a>
  3.  
  4. <!--列表项-->
  5.  
  6. {pc:content action="lists" catid="$catid" order="id DESC" num="10" page="$page"}
  7. {loop $data $val}
  8.  
  9. <div class="right-item">
  10. <a href="{$val['url']}">
  11. <div class="item-context">{$val['title']}</div>
  12. </a>
  13. <div class="item-time">{date('Y-m-d H:i:s',$val[inputtime])}</div>
  14. </div>
  15. {/loop}
  16. {/pc}
  17.  
  18. <!--分页-->
  19. <div class="paging">
  20. {$pages}
  21. </div>
  22. </div>

友情链接的添加

  1. 友情链接:
  2. {pc:link action="type_list" typeid="0" siteid="1" linktype="1" order="listorder DESC" num="4" return="pic_link"}
  3. {loop $pic_link $v}
  4. <a href="{$v['url']}">{$v['name']}</a>  
  5. {/loop}
  6. {/pc}

关于我们可以用单页面来写,

PHPCMS笔记第二弹的更多相关文章

  1. 《DOM Scripting》学习笔记-——第二章 js语法

    <Dom Scripting>学习笔记 第二章 Javascript语法 本章内容: 1.语句. 2.变量和数组. 3.运算符. 4.条件语句和循环语句. 5.函数和对象. 语句(stat ...

  2. Java基础-程序流程控制第二弹(循环结构)

    Java基础-程序流程控制第二弹(循环结构) 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 流程控制有三种基本结构:顺序结构,选择结构和循环结构.一个脚本就是顺序结构执行的,选择结 ...

  3. 浅谈Hybrid技术的设计与实现第二弹

    前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 接上文:浅谈Hybrid技术的设计与实现(阅读本文前,建议阅读这个先) ...

  4. 《javascript权威指南》读书笔记——第二篇

    <javascript权威指南>读书笔记——第二篇 金刚 javascript js javascript权威指南 今天是今年的196天,分享今天的读书笔记. 第2章 词法结构 2.1 字 ...

  5. 前端学习 第二弹: JavaScript中的一些函数与对象(1)

    前端学习 第二弹: JavaScript中的一些函数与对象(1) 1.apply与call函数 每个函数都包含两个非继承而来的方法:apply()和call(). 他们的用途相同,都是在特定的作用域中 ...

  6. 青瓷引擎之纯JavaScript打造HTML5游戏第二弹——《跳跃的方块》Part 10(排行榜界面&界面管理)

    继上一次介绍了<神奇的六边形>的完整游戏开发流程后(可点击这里查看),这次将为大家介绍另外一款魔性游戏<跳跃的方块>的完整开发流程. (点击图片可进入游戏体验) 因内容太多,为 ...

  7. typecho流程原理和插件机制浅析(第二弹)

    typecho流程原理和插件机制浅析(第二弹) 兜兜 393 2014年04月02日 发布 推荐 1 推荐 收藏 14 收藏,3.7k 浏览 上一次说了 Typecho 大致的流程,今天简单说一下插件 ...

  8. LCA问题第二弹

    LCA问题第二弹 上次用二分的方法给大家分享了对 LCA 问题的处理,各位应该还能回忆起来上次的方法是由子节点向根节点(自下而上)的处理,平时我们遇到的很多问题都是正向思维处理困难而逆向思维处理比较容 ...

  9. 线段树+RMQ问题第二弹

    线段树+RMQ问题第二弹 上篇文章讲到了基于Sparse Table 解决 RMQ 问题,不知道大家还有没有印象,今天我们会从线段树的方法对 RMQ 问题再一次讨论. 正式介绍今天解决 RMQ 问题的 ...

随机推荐

  1. angular : direative : scope | 指令scope里的符号@,=

    先看看以下的代码 <body ng-app="app" ng-controller="ctrl"> <dir myname="nam ...

  2. 每天一个Linux命令(22)--find命令详解

    find 一些常用参数的一些常用实例和一些具体用法和注意事项. 1.使用 name 选项: 文件名选项是 find 命令最常用的选项,要么单独使用该选项,要么和其他选项一起使用. 可以使用某种文件名模 ...

  3. 纯CSS3之五子棋(黑白棋)画法

    无聊想用JS写个五子棋玩玩,这边先用CSS3画出了五子棋,感觉挺惊艳的.发上来看看 PS:第一次发博文T-T  此为个人原创. 不多说上图: 代码如下: <!DOCTYPE html> & ...

  4. swift -- 构造/析构函数

     一.构造函数 //当一个类实例化一个对象时候,第一个调用的方法 class Student { //属性 var name = "ser" let age : Int //1.重 ...

  5. 消息队列-ActiveMQ

    1 业务需求描述 举例描述: 再警情通报的业务时通过发送消息界面可以选择 警情联络,和船情通报两种消息 发送方式可分为 一对一发送:部门对部门.个人对个人 一对多发送:部门对多部门.个人对多人 2 功 ...

  6. ps-色彩饱和度的设计

    1-    图层区—复制背景图层            防止原图修改失败后无法还原 2-    选项区——选择—色彩范围              以色彩为标准来对图片进行选区 3-    点击图片上 ...

  7. php文件基本操作与文件管理功能

    文件的基本操作 先来看一下PHP文件基础操作,请看强大注释 <body> <?php var_dump(filetype("./img/11.png")); // ...

  8. Backbone.js中的where和findWhere

    小编的公司框架用的MVC框架依旧是Backbone.js,老大说框架不重要,重要的是框架的编程思想.于是乎,小编从头开始学习Backbone.走马观花似的看了下API文档,撸起袖子就是干.但是碰到一个 ...

  9. php从气象局获取天气预报并保存到服务器

    思路:1.打开网页时读取中国气象网的接口得到每个城市的该日json:2.解析并保存到mysql:3.客户端访问mysql得到数据集. 所包含的技巧: 进度条.flush()问题.mysql.xml.p ...

  10. Android-自定义控件之时针-霞辉

    注释已经比较详细了,废话就不多说了.贴代码了 时针分针秒钟都做上去了,采用的方法也很简单,仔细看一会就能看懂 自定义View类 package com.xh.mytime; import java.u ...