网络建站知识发布于分享网站

当前位置:首页>>新闻中心>>CMS教程>>dedecms教程

DedeCms5.7为栏目添加缩略图的修改方法

时间:2025-03-31 18:53:05    来源:    人气:2

DEDECMS 是一款非常受欢迎的建站系统,拥有庞大的用户群体。然而,它也存在一些小问题或功能不足的情况。例如,在 DEDECMS 模板中,我们经常需要实现一个功能:栏目列表不仅通过文字展示产品,还需要使用缩略图来增强视觉效果。如果缺少这项功能,可能会显得不够直观和美观。尽管网上有很多关于实现该功能的教程,但很多方法都存在问题。经过反复测试和研究,以下是一个基本可行的解决方案。


第一步:新增字段 typeimg

在数据库中新增一个字段用于存储栏目图片路径。执行以下 SQL 语句:


alter table `dede_arctype` add `typeimg` char(100) NOT NULL default '';
    

第二步:修改相关文件

接下来需要修改以下几个文件以支持新字段:

  • dede/catalog_add.php
  • dede/catalog_edit.php
  • dede/templets/catalog_add.htm
  • dede/templets/catalog_edit.htm

修改 dede/catalog_add.php 文件

打开该文件并找到以下代码:


$queryTemplate = "insert into `dede_arctype`
    

将以下内容:


(reid,topid,sortrank,typename,typedir,
    

替换为:


(reid,topid,sortrank,typename,typedir,typeimg,
    

同时,将以下代码:


('~reid~','~topid~','~rank~','~typename~','~typedir~',
    

替换为:


('~reid~','~topid~','~rank~','~typename~','~typedir~','~typeimg~',
    

修改 dede/catalog_edit.php 文件

打开该文件并找到以下代码:


$upquery = "Update `dede_arctype` set
    

在其下方新增一行:


`typeimg`='$typeimg',
    

修改 dede/templets/catalog_add.htm 文件

找到以下代码:


<tr>
<td height="26">列表命名规则:</td>
<td>
<input name="namerule2" type="text" id="namerule2" value="{typedir}/list_{tid}_{page}.html" style="width:250px" />
<img src="img/help.gif" alt="帮助" width="16" height="16" border="0" style="cursor:pointer" onClick="ShowHide('helpvar3')"/></td>
</tr>
    

在其下方新增以下代码:


<tr>
<td height="65" style="padding-left:10px;">栏目图片:</td>
<td>
<input name="typeimg" type="text" style="width:250px" id="typeimg" value="" />
<input type="button" name="set9" value="浏览..." class="coolbg np" style="width:60px" onClick="SelectImage('form1.typeimg',);" />
</td>
</tr>
    

并在文件的 head 部分增加以下内容:


<script language="javascript" src="js/main.js"></script>
    

修改 dede/templets/catalog_edit.htm 文件

在适当位置插入以下代码:


<tr>
<td height="65" style="padding-left:10px;">栏目图片:</td>
<td>
<input name="typeimg" type="text" style="width:250px" id="typeimg" value="<?php echo $myrow['typeimg']?>" />
<input type="button" name="set9" value="浏览..." class="coolbg np" style="width:60px" onClick="SelectImage('form1.typeimg',);" />
</td>
</tr>
    

同样,在文件的 head 部分增加以下内容:


<script language="javascript" src="js/main.js"></script>
    

模板调用方式

经过以上设置后,直接使用 {dede:field.typeimg /} 可能无法正常调用数据。因此,可以改用 SQL 查询的方式实现调用:


{dede:sql sql="SELECT typename,typedir,typeimg FROM dede_arctype"}
<li><a href="[field:typedir/]">[field:typeimg/]</a></li>
{/dede:sql}
    

这样即可成功调用栏目缩略图。如果需要调用子栏目 ID,只需在 SQL 查询中添加相应的条件即可。

相关文章

  • Dedecms 删除文档时同时清除文章中图片的方法

    Dedecms 删除文档时同时清除文章中图片的方法

    在网站建设与维护的过程中,优化代码结构和功能是提升网站性能的重要步骤。本文将介绍如何通过自定义函数实现文章删除时自动清理相关资源的功能,从而提高系统的整洁性和存储效率。以下是具体的操作步骤及代码实现。首先, 在 `/include` 目录下创建一个名为 `extend.func.php` 的文件...
    2025-03-31
  • Dedecms上传图片提示302错误ERROR的解决方法

    Dedecms上传图片提示302错误ERROR的解决方法

    在进行图片上传操作时,用户可能会遇到302错误以及带有ERROR提示的图片上传失败问题。这些问题可能由多种原因引发,因此本文将对这些情况进行整理,以帮助大家更有效地定位并解决问题。 第一种情况:图片文件本身损坏。 这种情况会导致系统返回ERROR错误提示,不过发生概率较低。如果怀疑是图片损坏导致的...
    2025-03-31
  • DEDECMS模板使用教程

    DEDECMS模板使用教程

    如果您正在寻找一种高效的方法来使用Dedecms模板搭建网站或论坛,那么本文将为您提供详尽的指导。从模板解压到最终完成配置,每一步都将清晰呈现,帮助您快速掌握整个流程。 第一步:解压Dedecms模板 将下载的Dedecms模板文件解压出来,确保所有文件完整无误。如下图所示: 第二步:获取D...
    2025-03-31
  • Dedecms Dede 附加表自定义字段与主表文章关联方法

    Dedecms Dede 附加表自定义字段与主表文章关联方法

    在使用DedeCMS开发装修网站时,设计师和设计作品之间的关联是一个重要的功能需求。通常情况下,文章(作品)的内容部分存储在主表dede_addonarticle中,而自定义字段则存储在附加表dede_archives中。为了实现这一功能,可以采用以下两种方法。 ① 根据发布人调用相关文章; ...
    2025-03-31

公众号