态度云态度云

返回列表2018.06.19

文章列表页

常用变量:

$cat    //当前栏目的栏目信息

    $cat['paths']    //用于存储面包屑导航 id 集合

    $cat['id']    //栏目id

    $cat['title']    //栏目标题

    $cat['subtitle']    //栏目副标题

    $cat['children']    //下级栏目 id 集合

    $cat['pid']    //上级栏目 id (如果不存在上级则为 0)

    $cat['dirnames']     //当前栏目的目录名(用于拼接栏目 url)

$cats    //当前网站所有栏目的信息,以栏目id为下标存储

$list    //当前列表页的文章内容集合

$pagehtml //当前列表页的分页代码


面包屑导航范例

  <p class="pox">
      当前位置:<a href="/">网站首页</a>
      {foreach $cat['paths'] as $v}<em>></em><a href="/portal/{$cats[$v]['dirnames']}">{$cats[$v]['title']}</a>{/foreach}
  </p>


文章列表内容范例

<ul class="cl">
    {foreach $list as $v}
      <li><a href="/portal/{$cats[$v['catid']]['dirnames']}/article-{$v['aid']}.html" target="_blank" class="cl">
        <div class="n1">{img src=$v['pic'] width="210" height="124" alt=$v['title']}</div>
        <div class="n2">
          <h3 class="s">{$v['title']}</h3>
          <p>{$v['summary']}</p>
          <div class="n3 cl"><span>{date style="Y-m-d" time=$v['create_time']}</span><em>{$cats[$v['catid']]['title']}</em><strong>{$v['views']}</strong></div>
        </div>
        <div class="n4"></div>
      </a></li>
      {/foreach}
    </ul>
    {$pagehtml}


URL规范

文章列表页

/portal/{dirnames}/

文章内容页

/portal/{dirnames}/article-{aid}.html


文章封面调用方法:

{img src=$v['pic'] width="210" height="124" alt=$v['title']}

(记忆方法:把 img 标签的 尖括号 改成 花括号)


列表页可用的 html 快捷标签

 {html val="button_publish"}  //可选参数为 class


和旧版本区别

原文章发布日期变量  $v['dateline'] 改为 $v['create_time']



Copyright © 2019 万美(福建)云计算有限公司版权所有
备案号:闽ICP备11018372号-9
技术支持:万美云计算