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

天外飘仙

给DedeCms给栏目增加缩略图功能，在此JS代码站站长给出一些具体步骤，由于涉及修改系统文件，请谨慎求改。
　　首先。新加字段 typeimg
　　后台执行SQL：

1. 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查找

1. $queryTemplate = "insert into `dede_arctype`

复制代码

　　将：

1. (reid,topid,sortrank,typename,typedir,

复制代码

　　替换为：

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

复制代码

　　再将：

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

复制代码

　　替换为：

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

复制代码

　　打开dede/catalog_edit.php查找

1. $upquery = "Update `dede_arctype` set

复制代码

　　在其下边增加一行：

1. `typeimg`='$typeimg',

复制代码

　　打开dede/templets/catalog_add.htm（友情提示：这里的dede为后台目录，一般我们都进行了修改），查找

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

复制代码

　　在其下面增加以下内容

1. <tr>  
   
2. <td height="65">栏目图片：td>  
   
3. <td>  
   
4. <input name="typeimg" type="text" style="width:250px" id="typeimg" class="alltxt" value="" />  
   
5. <input type="button" name="set9" value="浏览... "class="coolbg np" style="width:60px" onClick="SelectTemplets('form1.typeimg&activepath=%2Ftemplets%2Ftypeimg&img=yes');" />  
   
6. //(栏目模板里用{dede:field.typeimg /}调用)  
   
7. td>  
   
8. tr>

复制代码

　　打开dede/templets/catalog_edit.htm查找

1. <tr>  
   
2. <td height="26">列表命名规则：td>  
   
3. <td> <input name="namerule2" type="text" id="namerule2" value="" size="40" class="iptxt" />  
   
4. <img src="img/help.gif" alt="帮助" width="16" height="16" border="0" style="cursor:pointer" onClick="ShowHide('helpvar3')"/>td>  
   
5. tr>

复制代码

　　在其下边增加内容：

1. <tr>  
   
2. <td height="65">栏目图片：td>  
   
3. <td>  
   
4. <input name="typeimg" type="text" style="width:250px" id="typeimg" class="alltxt" value="" />  
   
5. <input type="button" name="set9" value="浏览... "class="coolbg np" style="width:60px" onClick="SelectImages('form1.typeimg&activepath=%2Ftemplets%2Ftypeimg&img=yes');" /> (栏目模板里用{dede:field.typeimg /}调用)  
   
6. td>  
   
7. tr>

复制代码

　　到这里已经制作完成了