欄目縮略圖功能是dedecms系統不具備的一個功能了,如果你想給你的欄目增加一個縮略圖上傳功能我們需要來進行自定義二次開發了,下面我把一個朋友寫的過程分享給大家,這里我也自己經過dedecmsv5.7測試過,沒有任何問題.

此功能添加涉及到以下文件:

dede/catalog_add.php
dede/catalog_edit.php
dede/templets/catalog_add.htm
dede/templets/catalog_edit.htm
include/taglib/channel.lib.php
此升級修改方法，在V5.7，V5.7sp1 測試通過,其他版本未測試,原理基本相同,請大家自行測試是否可行.

首先給 欄目表(`dede_arctype`)增加一個字段typeimg,代碼如下:

代碼如下:alter table `dede_arctype` add `typeimg` varchar(200) NOT NULL default ;

修改catalog_add.php文件,打開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~',
//查找
$in_query = "INSERT INTO `dede_arctype`
//將
(reid,topid,sortrank,typename,typedir,
//替換為：
(reid,topid,sortrank,typename,typedir,typeimg,
//將
('$reid','$topid','$sortrank','$typename','$typedir',
//替換為：
('$reid','$topid','$sortrank','$typename','$typedir','$typeimg',
保存catalog_add.php

下面修改catalog_edit.php文件,打開dede/catalog_edit.php,查找
代碼如下:$upquery = "Update `dede_arctype` set在 typedir='$typedir', 其下面增加一行：
代碼如下:`typeimg`='$typeimg'保存catalog_edit.php

開始修改欄目添加模板文件,打開dede/templets/catalog_add.htm,在最上面找到這個段,代碼如下:

代碼如下:<title>欄目管理</title> <link href="css/base.css" rel="stylesheet" type="text/css">
替換為:

代碼如下:<title>欄目管理</title> <link href="css/base.css" rel="stylesheet" type="text/css"> <script language="javascript" src="../include/js/dedeajax2.js"></script> <script language='javascript' src="js/main.js"></script> <script type="text/javascript" src="js/calendar/calendar.js"></script>
列表命名規則,代碼如下:

代碼如下:<tr> <td height="26" style="padding-left:10px;">列表命名規則：</td> <td> <input name="namerule2" type="text" id="namerule2" value="{typedir}/list_{tid}_{page}.html" class="pubinputs" style="width:250px" /> <img src="images/help.gif" alt="幫助" width="16" height="16" border="0" style="cursor:pointer" onClick="ShowHide('helpvar3')"/></td> </tr>
在標簽下面增加一行:

代碼如下:<!--增加欄目縮略圖--> <tr> <td width="90" style="padding-left:10px;">欄目圖片：</td> <td width="560"> <table width="100%" border="0" cellspacing="1" cellpadding="1"> <tr> <td height="30"> <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> <input type="button" name="Submit2" value="選擇圖片" style="margin-left:8px;" onClick="SelectImage('form1.typeimg','small');" class='np coolbg'/> <input type="button" name="Submit2" value="裁剪" style="margin-left:8px;" onClick="imageCut('typeimg');" class='np coolbg'/> <input type='checkbox' class='np' name='ddisremote' value='1' id='ddisremote'/>遠程
(欄目模板里用{dede:field.typeimg /}調用 </td> </tr> </table> </td> <td width="150" align="center"> <div id='divpicview' class='divpre'></div> </td> </tr> <!--增加欄目縮略圖-->
保存catalog_add.htm,開始修改欄目編輯模板文件,打開dede/templets/catalog_edit.htm,在最上面找到這個段,代碼如下:

代碼如下:<title>欄目管理</title> <link href="css/base.css" rel="stylesheet" type="text/css">
替換為:

代碼如下:<title>欄目管理</title> <link href="css/base.css" rel="stylesheet" type="text/css"> <script language="javascript" src="../include/js/dedeajax2.js"></script> <script language="javascript" src="js/main.js"></script> <script type="text/javascript" src="js/calendar/calendar.js"></script>
查找

代碼如下:<tr><td height="26" style="padding-left:10px;">列表命名規則：</td> <td> <input name="namerule2" type="text" id="namerule2" value="<?php echo $myrow['namerule2']?>" size="40" class="iptxt" /> <img src="images/help.gif" alt="幫助" width="16" height="16" border="0" style="cursor:pointer" onClick="ShowHide('helpvar3')"/></td> </tr>
在其下面增加一行：

代碼如下:<!--增加欄目縮略圖--> <tr> <td width="90" height="81" style="padding-left:10px;">欄目圖片：</td></td> <td width="500"> <input name="typeimg" type="text" id="typeimg" style="width:300px" value="<?php echo $myrow['typeimg']?>"><input type="button" name="Submit" value="瀏覽..." style="width:70px" onClick="SelectImage('form1.typeimg','');"> <input type="button" name="Submit2" value="裁剪" style="margin-left:8px;" onClick="imageCut('typeimg');" class='np coolbg'/> <input type='checkbox' class='np' name='ddisremote' value='1'> 遠程
(欄目模板里用{dede:field.typeimg /}調用) </td> <td align="center"> <img src="<?php if($myrow['typeimg']!="") echo $myrow['typeimg']; else echo "images/pview.gif";?>" width="150" height="100" id="picview" name="picview"> </td> </tr> <!--增加欄目縮略圖-->
保存catalog_edit.htm

至此已經修改完成!

欄目圖片的添加或修改圖片時在(欄目管理>高級選項)里面就會自動出現欄目圖片添加的選擇.點擊選擇圖片.彈出窗口內選擇瀏覽上傳就OK.

注意：前臺欄目標簽調用的時候，還需要改一個文件，才能實現欄目圖片顯示，否則只能通過sql語句才能顯示圖片。

打開：include/taglib/channel.lib.php,找到如下代碼:

代碼如下:if($type=='top') { $sql = "Select id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `dede_arctype` where reid=0 And ishidden<>1 order by sortrank asc limit 0,$row"; } else if($type=="son") { //if($_sys_globals['typeid']>0) $typeid = $_sys_globals['typeid']; if($typeid==0) { return ''; } $sql = "Select id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `dede_arctype` where reid='$typeid' And ishidden<>1 order by sortrank asc limit 0,$row"; } else if($type=="self") { if($reid==0) { return ''; } $sql = "Select id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `dede_arctype` where reid='$reid' And ishidden<>1 order by sortrank asc limit 0,$row"; }
替換成下面的代碼:

代碼如下:if($type=='top') { $sql = "Select id,typename,typeimg,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `dede_arctype` where reid=0 And ishidden<>1 order by sortrank asc limit 0,$row"; } else if($type=="son") { //if($_sys_globals['typeid']>0) $typeid = $_sys_globals['typeid']; if($typeid==0) { return ''; } $sql = "Select id,typename,typeimg,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `dede_arctype` where reid='$typeid' And ishidden<>1 order by sortrank asc limit 0,$row"; } else if($type=="self") { if($reid==0) { return ''; } $sql = "Select id,typename,typeimg,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `dede_arctype` where reid='$reid' And ishidden<>1 order by sortrank asc limit 0,$row"; }
調用方法:
代碼如下:<img src="[field:typeimg /]" />

希望本文所述對大家的dedecms建站有所幫助。