PHPCMS笔记第二弹

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

 

 

 

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

 

 

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

 

 

header.html

标题的替换代码

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

 头部导航菜单的替换代码

  <div class="header-items">
           {if $top_parentid==0}
                <!--判断是不是首页-->
                <a href="{siteurl($siteid)}">
                    <div class="h-item select">首页</div>
                </a>
                {else}
                <a href="{siteurl($siteid)}">
                <div class="h-item ">首页</div>
            </a>
            {/if}
          
            
            {pc:content action="category" catid="0" num="6" siteid="$siteid" order="listorder ASC"}
              {loop $data $r}
             
             {if $catid==$r[catid] || $top_parentid==$r[catid]}
                    <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item select">{$r[catname]}</div>
                    </a>
                 {else}
                  <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item">{$r[catname]}</div>
                    </a>
                    {/if}    
              {/loop}
            {/pc}
              
            </div>

 

 

index.html页面

大图的替换代码

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

 

 

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

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



                </a>
            </div>

 

 

展示项替换代码

    <!--展示项-->


                    {pc:content  action="lists" catid="14" order="id DESC"  num="4"}
                    {loop $data $val}
                <div class="dt-item">
                    <a href="{$val[url]}">
                        <div class="dt-item-title">{$val[title]}</div>
                    </a>
                    <div class="dt-item-context">
                     {$val[description]}
                    </div>
                </div>
                    {/loop}
                    {/pc}

 

展示项代码2

  <!--优秀产品展示  开始-->
        <div class="yxxm">
            <div class="yxxm-title">优秀产品展示</div>

            {pc:content  action="lists" catid="10" order="id DESC"  num="6" moreinfo="1"}
            {loop $data $val}
            <!--展示项-->
            <div class="yxxm-item">
                 <a href="{$val[url]}">
                    <img src="{$val[thumb]}" /></a>
                <div class="yxxm-name">
                    项目名称:
                    <span>{$val[title]}</span>
                </div>
                <div class="yxxm-user">
                    客  户:
                    <span>{$val[keywords]}</span>
                </div>
                <div class="yxxm-context">
                    功  能:
                    <span style="width: 77%;">{$val[description]}</span>
                </div>
                <div class="yxxm-context">
                    开发人员:
                    <span>
                    {php list($copyfrom)=explode('|',$val['copyfrom'])}
                   {$copyfrom}
<!--上面的意思是引自来源,吧|0去掉-->
</span>
  

</div> </div> {/loop} {/pc}

 

 

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

 <div class="right">
           <a href="$val[url]"> <div class="list-title">    {$CAT['catname']}</div></a>

            <!--列表项-->
            
            {pc:content  action="lists" catid="$catid" order="id DESC" num="10" page="$page"}
             {loop $data $val}
             
                <div class="right-item">
                    <a href="{$val['url']}">
                        <div class="item-context">{$val['title']}</div>
                    </a>
                    <div class="item-time">{date('Y-m-d H:i:s',$val[inputtime])}</div>
                </div>
             {/loop}
            {/pc}

            <!--分页-->
            <div class="paging">
                {$pages}
            </div>
        </div>

 

友情链接的添加

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

 

 

 

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

 

转载于:https://www.cnblogs.com/li1056822533/p/6707184.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值