给DEDECMS栏目增加缩略图的实现方法

给DedeCms给栏目增加缩略图功能，在此JS代码站站长给出一些具体步骤，由于涉及修改系统文件，请谨慎求改。

首先。新加字段 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

打开文件夹templets这个目录，在里面新建一个文件夹typeimg，用于独立存放栏目缩略图

打开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（友情提示：这里的dede为后台目录，一般我们都进行了修改，更多的dedecms教程请移步）查找

<tr>

<td height="26">列表命名规则：td>

<td>

<input name="namerule2" type="text" id="namerule2" value="{typedir}/list_{tid}_{page}.html" class="pubinputs" style="width:250px" />

<img src=http://www.dede58.com/"img/help.gif" alt="帮助" width="16" height="16" border="0" style="cursor:pointer" onClick="ShowHide('helpvar3')"/>td>

tr>

在其下面增加以下内容

<tr>

<td height="65">栏目图片：td>

<td>

<input name="typeimg" type="text" style="width:250px" id="typeimg" class="alltxt" value="" />

<input type="button" name="set9" value="浏览... "class="coolbg np" style="width:60px" onClick="SelectTemplets('form1.typeimg&activepath=%2Ftemplets%2Ftypeimg&img=yes');" />

(栏目模板里用{dede:field.typeimg /}调用)

td>

tr>

打开dede/templets/catalog_edit.htm查找

<tr>

<td height="26">列表命名规则：td>

<td> <input name="namerule2" type="text" id="namerule2" value="" size="40" class="iptxt" />

<img src=http://www.dede58.com/"img/help.gif" alt="帮助" width="16" height="16" border="0" style="cursor:pointer" onClick="ShowHide('helpvar3')"/>td>

tr>

在其下边增加内容：

<tr>

<td height="65">栏目图片：td>

<td>

<input name="typeimg" type="text" style="width:250px" id="typeimg" class="alltxt" value="" />

<input type="button" name="set9" value="浏览... "class="coolbg np" style="width:60px" onClick="SelectImages('form1.typeimg&activepath=%2Ftemplets%2Ftypeimg&img=yes');" /> (栏目模板里用{dede:field.typeimg /}调用)

td>

tr>

到这里已经制作完成了