dedecms栏目缩略图的实现方法

在dedecms模板的栏目列表都用缩略图来表示，而不仅仅只是文字，如果没有这项功能会非常麻烦，网上有很多这方面的资料，但是都试过了有很多问题，自己研究一下，测试基本通过。
新加字段 typeimg
后台执行SQL:

alter table `cn_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 `cn_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 `cn_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>

说明：下面这句会调用出已添加的路片路径。

<?php echo $myrow['typeimg']?>

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

<script language=’javascript’ src=”js/main.js”></script>

我试了一下在模版里用：{wmd:field.typeimg /} 是调不出数据的，所以我改成了SQL调用。
原来是这样的：

{wmd:channel type=’top’ row=’13′}
<li><a href=’[field:typeurl/]‘ [field:rel/]>[field:typeimg/]</a></li>
{/wmd:channel}

在这里面加上[field:typeimg] 是调不出来的，我个人认为栏目缩略图就是通过循环出来的，而循环不出来则意义不大，所以改成了如下：

{wmd:sql sql=”SELECT typename,typedir,typeimg FROM wmd_arctype”}
<li><a href=”[field:typedir/]“>[field:typeimg/]</a></li>
{/wmd:sql}

这样就顺利的调出来了,当然如果你要调用子ID的话，只要加上相应的条件ID调用就可以了。