如何在DedeCMS网站中为栏目添加缩略图？

在Dedecms（DedeCMS）网站中，为栏目增加缩略图功能可以显著提升网站的视觉效果和用户体验，以下是详细的步骤和方法：

修改数据库表结构

1、添加新字段：

登录到您的数据库管理工具（如phpMyAdmin）。

选择您的数据库，然后找到名为#@__arctype 的表（这里的#@__ 是您的数据库前缀，默认为dede_）。

执行以下SQL语句以向表中添加新的字段typeimg：

     alter table#@__arctype addtypeimg varchar(200) NOT NULL default '';

这个新字段将用于存储每个栏目的缩略图路径。

修改后台文件

1、catalog_add.php：

打开dede/catalog_add.php 文件。

查找以下代码段：

     $queryTemplate = "insert into #@__arctype
         (reid,topid,sortrank,typename,typedir,";

将其替换为：

     $queryTemplate = "insert into #@__arctype
         (reid,topid,sortrank,typename,typedir,typeimg,";

再查找以下代码段：

     $in_query = "INSERT INTO #@__arctype
         (reid,topid,sortrank,typename,typedir,";

将其替换为：

     $in_query = "INSERT INTO #@__arctype
         (reid,topid,sortrank,typename,typedir,typeimg,";

保存并关闭文件。

2、catalog_edit.php：

打开dede/catalog_edit.php 文件。

查找以下代码段：

     $upquery = "Update #@__arctype set
         typedir='$typedir',";

在该行下面添加一行：

     'typeimg'='$typeimg',

保存并关闭文件。

3、templets/catalog_add.htm：

打开dede/templets/catalog_add.htm 文件。

在文件的适当位置（通常是表单部分），添加以下HTML代码段：

     <tr>
         <td width="90" style="paddingleft:10px;">栏目图片：</td>
         <td width="560">
             <input name="typeimg" type="text" id="typeimg" style="width:240px" />
             <input type="button" value="本地上传" style="width:70px;cursor:pointer;display:none" />
             <iframe name='uplitpicfra' id='uplitpicfra' src='' style='display:none'></iframe>
             <span class="litpic_span"><input name="litpic" type="file" id="litpic" onChange="SeePicNew(this, 'divpicview', 'uplitpicfra', 165, 'archives_add.php');" size="1" class='np coolbg'/></span>
         </td>
     </tr>

保存并关闭文件。

4、templets/catalog_edit.htm：

打开dede/templets/catalog_edit.htm 文件。

在文件的适当位置（通常是表单部分），添加以下HTML代码段：

     <tr>
         <td width="90" style="paddingleft:10px;">栏目图片：</td>
         <td width="560">
             <input name="typeimg" type="text" id="typeimg" style="width:240px" value="<?php echo $myrow['typeimg']?>"/>
             <input type="button" value="浏览..." style="width:70px;cursor:pointer;display:none" />
             <iframe name='uplitpicfra' id='uplitpicfra' src='' style='display:none'></iframe>
             <span class="litpic_span"><input name="litpic" type="file" id="litpic" onChange="SeePicNew(this, 'divpicview', 'uplitpicfra', 165, 'archives_edit.php');" size="1" class='np coolbg'/></span>
         </td>
     </tr>

保存并关闭文件。

调用栏目缩略图

如果您想在文章内容页调用栏目缩略图，可以按照以下步骤操作：

1、修改arc.archives.class.php：

打开include/arc.archives.class.php 文件。

查找以下代码段：

     if($this>ChannelUnit>ChannelInfos['issystem']!=1){
         $query = "Select arc.*,tp.reid,tp.typedir,ch.addtable from#@__archives arc left join #@__arctype tp on tp.id=arc.typeid left join #@__channeltype as ch on ch.id=arc.channel where arc.id='$aid' ";
         $this>Fields = $this>dsql>GetOne($query);
     }

将其替换为：

     if($this>ChannelUnit>ChannelInfos['issystem']!=1){
         $query = "Select arc.*,tp.reid,tp.typedir,tp.typeimg,ch.addtable from#@__archives arc left join #@__arctype tp on tp.id=arc.typeid left join #@__channeltype as ch on ch.id=arc.channel where arc.id='$aid' ";
         $this>Fields = $this>dsql>GetOne($query);
     }

保存并关闭文件。

2、模板调用：

在您想要显示栏目缩略图的模板文件中，使用以下标签来调用缩略图：

     {dede:field name='typeimg'/}

FAQs常见问题解答

问题1：为什么在添加或修改栏目时没有看到缩略图上传选项？

答案：请确保您已经按照上述步骤正确修改了相关文件，并在数据库中添加了typeimg 字段，如果仍然没有看到上传选项，请检查文件路径和文件名是否正确，以及是否有任何语法错误，确保您的浏览器缓存已清除，以便加载最新的更改。

问题2：如何在文章内容页调用栏目缩略图？

答案：要在文章内容页调用栏目缩略图，请按照上述“调用栏目缩略图”部分的说明进行操作，修改include/arc.archives.class.php 文件以包含typeimg 字段，在模板文件中使用{dede:field name='typeimg'/} 标签来调用缩略图，这样，当您查看文章页面时，就会显示相应栏目的缩略图。