菜鸟科技网

dedecms栏目内容如何显示?

  1. 在后台指定栏目要显示的内容:比如指定文章列表、图片集、软件等。
  2. 在前台模板中调用并显示这些内容:通过模板标签(标签)将后台的数据渲染成HTML页面。

下面我将分步详细讲解如何实现。

dedecms栏目内容如何显示?-图1
(图片来源网络,侵删)

第一步:在后台设置栏目内容

来源的步骤,你需要告诉DedeCMS,这个栏目是用来放什么的,以及从哪里获取内容。

  1. 登录DedeCMS后台:使用你的管理员账号登录。

  2. 进入“栏目管理”:在左侧菜单中,找到“核心” -> “栏目管理”。

  3. 选择并修改栏目:在栏目列表中,找到你想要设置内容的那个栏目,点击其右侧的 [修改] 按钮。

    dedecms栏目内容如何显示?-图2
    (图片来源网络,侵删)
  4. 设置栏目内容属性(关键步骤)

    • 在打开的栏目编辑页面,切换到 “常规选项” 标签页。

    • 找到 类型” 或类似名称的下拉菜单,这里有几个重要的选项:

      • 频道栏目:通常用于顶级栏目,本身不发布内容,只作为导航链接或下级栏目的容器。
      • 栏目:这是最常用的选项,选择它后,这个栏目就可以用来发布文章、图片、软件等内容。
      • 外部链接:如果这个栏目只想跳转到其他网站,就选择这个。
      • 单页文档:如果这个栏目只包含一个单独的页面,关于我们”、“联系我们”,就选择这个。
    • 模型(非常重要)

      dedecms栏目内容如何显示?-图3
      (图片来源网络,侵删)
      • 在选择了“栏目”之后,页面下方会出现 模型” 选项。
      • DedeCMS默认有几种模型:文章图片软件商品 等。
      • 请务必根据你的需求选择正确的模型,一个新闻资讯栏目就选择“文章”,一个产品展示栏目就选择“产品”或“软件”。
      • 你也可以在后台“核心” -> “内容模型管理”中自定义新的模型。
    • 设置栏目列表选项

      • 在这个区域,你可以设置栏目首页的模板、列表页的模板等,我们先关注列表页。
      • 列表模板:指定调用该栏目文章列表时使用的模板文件。list_article.htm,我们将在第二步中创建和编辑这个文件。
  5. 保存:完成以上设置后,点击页面底部的 “确定” 按钮保存。

    • 设置好栏目后,回到后台首页,点击“核心” -> “内容发布”。
    • 选择你刚刚设置的栏目,然后点击“添加文章”(或其他对应模型)。
    • 填写文章标题、内容、摘要等,并 选择该栏目 进行发布。
    • 重复此步骤,为该栏目添加多篇文章。

你的后台已经准备好了内容。


第二步:在前台模板中调用内容

这是将后台数据在前台页面展示出来的步骤,你需要编辑模板文件。

  1. 找到模板文件

    • 登录你的FTP或主机文件管理器。
    • 进入DedeCMS的安装目录,找到 templets 文件夹。
    • templets 文件夹下,通常会有一个与你的网站模板同名的文件夹(default)。
    • 进入这个模板文件夹,你会看到类似 list_article.htm, article_article.htm 等文件。
      • list_xxx.htm列表页模板,用于显示一个栏目的所有文章标题和摘要。
      • article_xxx.htm文章页模板,用于显示单篇文章的详细内容。
      • index.htm首页模板
  2. 编辑列表页模板 (list_xxx.htm)

    • 打开你第一步中为栏目设置的列表模板文件(list_article.htm)。

    • 在模板文件中,你需要使用DedeCMS的 来调用内容,最核心的标签是 {dede:list}

    • {dede:list} 标签的基本用法: 这个标签用于循环输出一个栏目的文章列表,它需要一个闭合标签 {/dede:list}

      <h2>栏目名称:{dede:field.typename/}</h2>
      <ul class="news_list">
          {dede:list pagesize='10'}
          <li>
              <!-- [field:title/] 是文章标题 -->
              <a href="[field:arcurl/]">[field:title/]</a>
              <!-- [field:pubdate/] 是发布日期,可以格式化 -->
              <span>[field:pubdate function="MyDate('Y-m-d', @me)"/]</span>
              <!-- [field:description/] 是文章摘要 -->
              <p>[field:description/]...</p>
          </li>
          {/dede:list}
      </ul>
      <!-- 分页标签 -->
      <div class="page">
          {dede:pagelist listsize='4' listitem='index,pre,next,end,option'/}
      </div>
    • {dede:list} 常用属性

      • pagesize='10':表示每页显示10条文章,你可以根据需要修改。
    • 常用列表字段(在 {dede:list} 内部使用)

      • [field:title/]
      • [field:arcurl/]:文章的完整链接地址。
      • [field:pubdate/]:文章发布的时间戳(Unix时间戳)。
      • [field:pubdate function="MyDate('Y-m-d', @me)"/]:格式化后的发布日期,'Y-m-d'是日期格式,MyDate是DedeCMS内置的格式化函数。
      • [field:description/]:如果填写了的话)。
      • [field:litpic/]:文章的缩略图。
  3. 编辑文章页模板 (article_xxx.htm)

    • 文章页模板用于显示单篇文章的详细内容,核心标签是 {dede:field}
    <h1>{dede:field.title/}</h1>
    <div class="info">
        发布时间:{dede:field.pubdate function="MyDate('Y-m-d H:i:s', @me)"/} &nbsp; 
        来源:{dede:field.source/} &nbsp;
        作者:{dede:field.writer/}
    </div>
    <div class="content">
        <!-- {dede:field.body/} 是文章的正文内容 -->
        {dede:field.body/}
    </div>
  4. 更新生成HTML

    • 模板修改完成后,回到DedeCMS后台。
    • 进入“生成” -> “一键生成”。
    • 你可以选择“更新栏目HTML”、“更新文档HTML”或“更新主页HTML”。
    • 为了确保所有内容都正确显示,建议点击“更新所有HTML”,然后等待生成完成。

总结与排错

问题现象 可能原因 解决方法
栏目页面空白或显示错误 栏目未设置内容模型。
2. 模板文件路径或名称错误。
3. 模板标签写错。
检查后台栏目设置,确保选择了正确的“内容模型”。
2. 检查 templets 目录下的模板文件是否存在,名称是否与后台设置的一致。
3. 检查标签拼写,如 {dede:list} 是否写成了 {dede:list}(注意冒号)。
文章列表不显示任何内容 该栏目下没有发布任何文章。
2. 文章状态未审核或未通过。
3. pagesize 设置为0或负数。
去后台检查该栏目下的文章列表。
2. 检查文章的审核状态,确保为“已审核”。
3. 检查 pagesize 属性,确保为一个正整数。
页面样式错乱 CSS样式文件未加载或路径错误。 检查模板文件中引入CSS的 <link> 标签,确保路径正确。

通过以上两个步骤,你就可以在DedeCMS中成功显示栏目的内容了,核心思想就是:后台设置数据源和模型,前台用模板标签调用并渲染,多练习几次,熟悉了标签和模板结构后,就会变得非常简单。

分享:
扫描分享到社交APP
上一篇
下一篇