当前位置: 澳门新濠3559 > 编程 > 正文

文件夹名,将index.html的头和尾拆分出来

时间:2019-11-29 05:49来源:编程
熟练地使用PHPCMS可以插入模板,将静态站转变为动态站也更加方便,多加练习还是有好处的 获取父分类下面的子分类 模板:就是静态网页的布局 代码所显示的样式 模板名称:在template文

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

获取父分类下面的子分类

模板:就是静态网页的布局 代码所显示的样式 模板名称:在template文件夹内的 文件夹名

 

{loop subcat(77) $k $v}
{php $subcatid[] = $k;}
{/loop}
<?php $subcatid = implode(',', $subcatid);?>  结果可以用在sql 的in子句中

站点:模板的身份
单页:一页
列表:
栏目:模型的总称
文章模型;

澳门新濠3559, 

 

后台:对模板的进行管理和操作

 

{template "content","header"} 

1.模板替换 位置:复制布局好的静态页面到templates 文件夹
并把 静态页面 拆分成 header.html index.html footer.html

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

调用根目录下phpcmstemplatecontentheader文件

2.后台修改设置:
A.站点 修改:风格(模板)
B.内容 管理栏目:

 澳门新濠3559 1

{template "content","footer"} 

生成首页;

 

调用根目录下phpcmstemplatecontentfooter文件

3.把静态网页的 css js img路径 替换原因
替换原因:原静网页 的路径引用是原路径 更换模板后,3夹存放路径到cms文件夹中;

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

 

cms自带标签{??_PATH} _PATH就是statics目录 大写
查找:"css 替换:"{CSS_PATH}css (带" 为了防止替换错)(后台目录带/ 所以直接写文件夹名)
替换前:查找一下看有没有花括号

 

{CHARSET} 

4.把页头 页尾连接到中; 用代码引入
####################################################################
5.内容的替换
template/default文件夹中:花括号:提供的需要替换的标签->复制到新模板(使用后,连接后台???)
文件夹名,将index.html的头和尾拆分出来。header.html:头页面
A复制标题后,标题成为动态;到后台站点管理,修改标题

 

字符集 (gbk或者utf-8)

B导航栏替换:查询后台的栏目->遍历循环输出(栏目)到后台
B1(设置条件,调用内容查数据){pc:content action="category"....}=>内容标签,参数:调用栏目,
catid父级代号 num取多少条,查找的数量 siteid站点id order排序;

header.html

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

B2(遍历) {loop $data $r} ($data查到的数据 $r一维数组)
(中间使用数据) (首页不用替换)
{/loop}
B3(中间:栏目):链接需要改:href="{$r['url']}"; 栏目名称需要改:{$r[catname]}
B4(首页):放在遍历上面,路径改:href="{siteurl($siteid)}";
C栏目,点击状态改变(变色):class属性添加值,获得样式:值:select
C1判断首页:哪个需要选中:首页加=>{if $top_parentid==0}{/if}判断首页显示的是不是首页
C2判断其它栏目:{if $catid==$r[catid]}||$top_parentid==$r[catid](或针对多级栏目)} catid是不是等于要选中的catid

标题的替换代码

标题和标题seo优化

D中,index替换:
D1大图图片替换前提条件=>后台添加栏目后,在栏目中添加附件(后台:内容,添加栏目,不在导航显示,模板选择)
D2查找大图:######遍历代码在哪???从哪复制????## 通过遍历/或者直接调用 查找大图;
遍历:条件...数量1 遍历$data $val $val为路径的缩略图 thumb缩略图

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

E三个点击模块跳转栏目:条件设置=>修改模板风格,添加栏目
E1只修改三个链接即可:{$CATEGORYS[15][url]}(栏目代号15的url)

 头部导航菜单的替换代码

地址替换为根目录下staticscss

F替换栏目列表:
F1替换动态标题{$CATEGORYS[16][catname]};链接{$CATEGORYS[16][url]};
F2替换列表内容:后台:内容发布管理->添加内容;显示内容=> 调用后台内容:找到原本的列表div class 在此循环输出 {pc:}{/pc}; 循环输出内容:class,href={$val[url]},标题{$val[title]},文章内容:{$val[description]}
F3字段可以自己规定 字段如[descprition]

  <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>
{JS_PATH}

 

地址替换为根目录下staticsjs

 

{pc:content  action="position" posid="9" order="id" num="10" cache="3600"}

index.html页面

pc标签{pc:content 参数名="参数值"参数名="参数值"参数名="参数值"}

大图的替换代码

{loop $data $k $v}
      <li><a href="{$v[url]}">{$v[title]}</a></li>
{/loop}
   <!--大图 开始-->
        <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>
        <!--大图 结束-->

pc标签值

 

action="position"--------------对话框的类型=“内容推荐位列表”
posid="9"----------------------推荐位ID="9"
order="id"---------------------排序类型="id"
num="10" ----------------------数据调用数量="10"
cache="3600"-------------------缓存="3600"毫秒

{get_siteid()}
{IMG_PATH}  图片替换
action="hits" 排行,热点等
action="lists" 主要用于列表等。
catid="$catid" 当前栏目ID   指定数字,即为指定的栏目
num=""  调用文章的数量
order="id DESC" 按ID降序排列
order="id ASC"  按ID升序排列
"views DESC" 
sort=""
"1" 缩略图
return=""
page="$page" 需要分页

 

每当列表几行的时候出现一次这个

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

{if $num%2==0}   {/if}
 <!--三项 开始-->
        <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>

循环标签

 

{loop $data $r}  {/loop}
{loop $info $r}  {/loop}

 

日期-------------{date('Y-m-d H:i:s',$r[inputtime])}
文章链接------{$r[url]}
文章标题------{$r[title]}
标题截取------{str_cut($r[title],40,'...')}
缩略图---------loop是info的时候用  {thumb($r[thumb],110,0)}     loop是data的时候用{thumb($v[thumb],90,0)}
分页标签------{$pages}

展示项替换代码

文章页标签

    <!--展示项-->


                    {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}
标题-------{$title}
内容-------{$content}
日期-------{$inputtime}
来源-------{$copyfrom}
点击数------  

<script language="JavaScript" src="{APP_PATH}api.php?op=count&id={$id}&modelid={$modelid}"></script>

 

网站首页----------------{siteurl($siteid)}
当前位置----------------{catpos($catid)}
栏目名称----------------{$CAT[catname]} 
栏目拼音----------------{$CAT[letter]}
栏目链接----------------{$CAT[url]}
父栏目名称--------------{$CATEGORYS[$CAT[parentid]][catname]} 
父栏目链接--------------{$CATEGORYS[$CAT[parentid]][url]}
上上级栏目名称--------{$CATEGORYS[$CATEGORYS[$CAT[parentid]][parentid]][catname]}
上上级栏目链接--------{$CATEGORYS[$CATEGORYS[$CAT[parentid]][parentid]][url]}

展示项代码2

 一级父栏目列表(catid=0)

  <!--优秀产品展示  开始-->
        <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">
                    项目名称:
                    {$val[title]}
                </div>
                <div class="yxxm-user">
                    客  户:
                    {$val[keywords]}
                </div>
                <div class="yxxm-context">
                    功  能:
                    {$val[description]}
                </div>
                <div class="yxxm-context">
                    开发人员:

                    {php list($copyfrom)=explode('|',$val['copyfrom'])}
                   {$copyfrom}
                   <!--上面的意思是引自来源,吧|0去掉-->





                </div>
            </div>


            {/loop}
            {/pc}
{pc:content action="category" catid="0" num="34" siteid="$siteid" order="listorder ASC"}
      {loop $data $r}
            <li><a href="{$r[url]}">{$r[catname]}</a></li>
      {/loop}
{/pc}

 

同级栏目列表

 

{pc:content action="category" catid="$parentid" num="12" siteid="$siteid" order="listorder ASC"}
      {loop $data $r}
            <li><a href="{$r[url]}">{$r[catname]}</a></li>
       {/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>
{loop $photos $r} 
<li><a href="{$r[url]}"><img src="{thumb($r[url], 75, 45, 0)}" alt="{$r[alt]}" /></a></li>
{/loop}

 

注释:其中$photos为自定义组图字段,{$r[url]}为图片地址,{thumb($r[url], 75, 45, 0)}为图片缩略图,{$r[alt]}为图片描述

友情链接的添加

 

      友情链接:
            {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}

 

 

 

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

 

 澳门新濠3559 2

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

 

澳门新濠3559 3

,用{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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<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页面

大图的替换代码

1
2
3
4
5
6
7
8
9
10
11
<!--大图 开始-->
     <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>
     <!--大图 结束-->

 

 

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!--三项 开始-->
        <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>
</div>

 

 

展示项替换代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!--展示项-->
 
 
                {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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!--优秀产品展示  开始-->
      <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></div>
1
 
1
2
3
4
5
6
     
 
 
 
{/loop}
{/pc}

 

 

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<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>

 

友情链接的添加

1
2
3
4
5
6
7
8
友情链接:
      {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}
       
     

 

 

 

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

澳门新濠3559 4

编辑:编程 本文来源:文件夹名,将index.html的头和尾拆分出来

关键词: