2013年3月23日星期六

PHPCMS 模版解析(傻瓜版)--index.php

{template "content","header"}    //头部调用

以下是首页左边“首页头条调用”  在代码生成器里叫推荐位吧?

phpcms首页头条推荐位
<div class="col-left">

    <div class="news-hot">

        <div class="content">

        {pc:content  action="position" posid="2" order="listorder DESC" num="4"}            //调用pc标签pc:content, posid=2,调用4个

        {loop $data $r}                                                                                                      //循环开始

                <h4 class="blue"><a href="{$r[url]}" title="{$r[title]}">{str_cut($r[title],36,'')}</a></h4>         //调用文章名和链接并限定标题长度为36字符,最多18个中文符

                <p>{if $n==1}<img src="{thumb($r[thumb],90,60)}" width="90" height="60"/>{/if}{str_cut($r[description],112)}</p>  /*调用缩略图,宽90px,高60px,调用文章内容作简介,前                                                                                                                                                                                                   112个 字符*/

                <div class="bk20 hr"><hr /></div>

               {/loop}  

             {/pc}   

            </div>

以下是首页焦点图片栏目代码 (在代码生成器里叫焦点图? 焦点图和推荐位没有怎么分清):

phpcms幻灯焦点位

<div class="slide">      //焦点图栏目调用的文章必须是图片模型的文章 

            <div class="FocusPic">

            {pc:content  action="lists" catid="2" order="id DESC" num="5"}      //调用pc标签pc:content,catid=2,调用数为5

            <div class="content" id="main-slide">

                    <div class="changeDiv">  

                    {loop $data $r}        //循环开始

                        <a href="{$r['url']}" title="{str_cut($r['title'],30)}"><img src="{thumb($r['thumb'],310,260)}" alt="{$r['title']}" width="310" height="260" /></a>

                         //调用路径、标题(限制为30字符),图片(宽310,高260),图片的ALT调用标题

                    {/loop}        //循环结束

                    </div>

                </div>

            {/pc}     //pc标签结束

            </div>

 

以下是公告代码:

phpcms 公告位

 

<div class="col-auto">

    <div class="box">

        <h5 class="title-2">公告<a href="" class="more">&nbsp;</a></h5>

             <div class="content">

                {pc:announce  action="lists" siteid="$siteid" num="2"}       //pc标签pc:announce调用,显示数量为2

                <ul class="list lh24 f14">

                   {loop $data $r}    //循环开始

                     <li> <a href="{APP_PATH}index.php?m=announce&c=index&a=show&aid={$r['aid']}">{$r['title']}</a></li>  //调用公告标题和链接

                 {/loop}   //循环结束

                </ul>

                {/pc}

            </div>

        </div>

 

 

 

以下是专题代码:

phpcms 专题位.jpg

<div class="bk10"></div>

        <div class="box">

        <h5 class="title-2">专题<a href="{APP_PATH}index.php?m=special&c=index&a=special&siteid={$siteid}" class="more">更多>></a></h5>
                                                                                                    //更多,调用专题页面链接 

            <div class="content special">

            {pc:special  action="lists" siteid="$siteid" elite="1" listorder="3" num="2"}  

              //调用PC标签pc:special   专题数为2??? 不知为什么测试时只在首页显示了一个专题。    

            {loop $data $r} 

            {if $n!=1}<div class="hr bk15"></div>{/if}

                <p style="margin:0">

              <a href="{$r[url]}"><img src="{$r[thumb]}" width="90" height="70" /></a>                //调用专题缩略图和链接 宽90,高70

                    <strong><a href="{$r[url]}">{str_cut($r[title],'18')}</a></strong><br />{str_cut($r['description'],50)}    //调用专题专题标题和链接 描述50字符。

                </p>

            {/loop}

            {/pc}

            </div>

        </div>

 

以下是图片新闻的代码:

phpcms 图片新闻栏

<div class="bk10"></div>

        <div class="box">

        <h5>图片新闻</h5>

          {pc:content  action="position" posid="12" thumb="1" order="listorder DESC" num="10"}

            <ul class="content news-photo picbig">

             {loop $data $r}

            <li>

                    <div class="img-wrap">

                        <a href="{$r[url]}" title="{$r[title]}"><img src="{thumb($r[thumb],110,0)}" title="{$r[title]}"/></a>

                    </div>

                    <a href="{$r[url]}" title="{$r[title]}">{str_cut($r[title],20)}</a>

                </li>

                {/loop}

            </ul>

            {/pc}

        </div>

 

分类内容调用

 {loop subcat(0,0,0,$siteid) $r}    //分类显示文章列表区块循环开始

        {php $num++} 

        <div class="box cat-area" {if $num%2!=0}style=" margin-right:10px"{/if}>    //如果栏目数为奇数,那么margin-right为10px;

        <h5 class="title-1">{$r[catname]}<a href="{$r[url]}" class="more">更多>></a></h5>     //调用分类名,和分类地址给“更多”

             <div class="content">

             {pc:content  action="lists" catid="$r[catid]" order="updatetime DESC" thumb="1" num="1" return="info"}     //调用栏目推荐文章1个

             {loop $info $v}  

              <p>

              <img src="{thumb($v[thumb],90,0)}" width="90" height="60"/>    //栏目推荐文章缩略图

                    <strong><a href="{$v['url']}" target="_blank" title="{$v['title']}"{title_style($v[style])}>{str_cut($v['title'],28)}</a></strong><br />{str_cut($v['description'],100)}
                             //推荐文章加粗标题和链接,标题限制为28字符,描述100个字符。 

                </p>

              {/loop}

       {/pc}    

 <div class="bk15 hr"></div>    //15px的补白

                {pc:content action="lists" catid="$r[catid]" num="5" order="id DESC" return="info"}      //调用PC标签,文章列表,显示5个

                <ul class="list lh24 f14">

                {loop $info $v}

                <li>·<a href="{$v['url']}" target="_blank" title="{$v['title']}"{title_style($v[style])}>{str_cut($v['title'],40)}</a></li>     //按li显示标题和链接,标题字符数限制为40;

                {/loop}

 

以下是排行榜代码

 

<div class="box">

            <h5 class="title-2"><span class="rt fn f12 tab SwapTab"><span class="fb">热点</span> | <span >评论</span> | <span>关注</span></span>排行</h5>  
           //三个链接,怎么实现切换效果的? 不知道。。。 刚刚发现了,在本源代码最下面有两名js
 /*

<script type="text/javascript"> 

$(function(){

new slide("#main-slide","cur",310,260,1);//焦点图

new SwapTab(".SwapTab","span",".tab-content","ul","fb");//排行TAB

})

</script>



*/

            <div class="tab-content">

            <ul class="content digg">         //热点排名文章调用

{pc:content action="hits" catid="6" num="10" order="views DESC"}

{loop $data $r}

<li><a href="{$r[url]}" target="_blank" title="{$r[title]}"{title_style($r[style])}>{$r[title]}</a></li>

{/loop}

{/pc}

            </ul>

            <ul class="content digg hidden">  //评论排名文章调用 

{pc:comment action="bang" num="10" cache="3600"}

{loop $data $r}

<li><a href="{$r[url]}" target="_blank">{$r[title]}</a></li>

{/loop}

{/pc}

            </ul>

            <ul class="content digg hidden">   //关注排名文章调用

{pc:content action="hits" catid="6" num="10" order="views DESC"}

{loop $data $r}

<li><a href="{$r[url]}" target="_blank">{$r[title]}</a></li>

{/loop}

{/pc}

            </ul>

            </div>

 

以下是友情链接的代码

 

 

<div class="box blogroll ylink">

    <h5><a href="{APP_PATH}index.php?m=link&siteid={$siteid}" hidefocus="true" class="rt">更多>></a>友情链接<a href="{APP_PATH}index.php?m=link&c=index&a=register&siteid={$siteid}" class="red">申请链接</a></h5>

        <div class="bk10"></div>

<ul class="colli imgul">

        {pc:link  action="type_list" siteid="$siteid" linktype="1" order="listorder DESC" num="8" return="pic_link"}

        {loop $pic_link $v}

        <li><a href="{$v['url']}" title="{$v['name']}" target="_blank"><img src="{$v[logo]}" width="88" height="31" /></a></li>

        {/loop}

        {/pc}

    </ul>

     {pc:link  action="type_list" siteid="$siteid" order="listorder DESC" num="10" return="dat"}

     <div class="bk10"></div>

<div class="linka">

{loop $dat $v}

              {if $type==0}

              <a href="{$v[url]}" target="_blank">{$v[name]}</a> |

              {else}

              <a href="{$v[url]}" target="_blank"><img src="{$v[logo]}" width="88" height="31" style="border: 1px solid #FFBE7A;"></a> 

              {/if}

{/loop}

  </div>

{/pc}

</div>

</div>

 

 

 

没有评论:

发表评论