zoukankan      html  css  js  c++  java
  • PHPCMS笔记第二弹

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

    index.html的头和尾拆分出来,分别放在header.htmlfooter.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=" 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=" 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}
                
               
    

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

  • 相关阅读:
    Bzoj3998 [TJOI2015]弦论
    Bzoj3669 [Noi2014]魔法森林
    Bzoj2157 旅游
    Bzoj3282 Tree
    POJ1743 Musical Theme
    CodeVs1515 跳
    Bzoj1013 [JSOI2008]球形空间产生器sphere
    Bzoj1007 [HNOI2008]水平可见直线
    洛谷P3120 [USACO15FEB]Cow Hopscotch
    洛谷P3112 [USACO14DEC]后卫马克Guard Mark
  • 原文地址:https://www.cnblogs.com/li1056822533/p/6707184.html
Copyright © 2011-2022 走看看