本文實(shí)例講述了dedecms v5.7與v5.6欄目增加縮略圖的方法。分享給大家供大家參考。具體分析如下：

欄目縮略圖功能是dedecms系統(tǒng)不具備的一個(gè)功能了,如果你想給你的欄目增加一個(gè)縮略圖上傳功能我們需要來(lái)進(jìn)行自定義二次開發(fā)了,下面我把一個(gè)朋友寫的過(guò)程分享給大家,這里我也自己經(jīng)過(guò)dedecmsv5.7測(cè)試過(guò),沒(méi)有任何問(wèn)題.

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

dede/catalog_add.php

dede/catalog_edit.php

dede/templets/catalog_add.htm

dede/templets/catalog_edit.htm

include/taglib/channel.lib.php

此升級(jí)修改方法，在V5.7，V5.7sp1 測(cè)試通過(guò),其他版本未測(cè)試,原理基本相同,請(qǐng)大家自行測(cè)試是否可行.

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

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

修改catalog_add.php文件,打開dede/catalog_add.php,查找:

復(fù)制代碼代碼如下:$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,查找

復(fù)制代碼代碼如下:$upquery = "Update `dede_arctype` set在 typedir='$typedir', 其下面增加一行：

復(fù)制代碼代碼如下:`typeimg`='$typeimg'保存catalog_edit.php

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

復(fù)制代碼代碼如下:<title>欄目管理</title> <link href="css/base.css" rel="stylesheet" type="text/css">

替換為:

復(fù)制代碼代碼如下:<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>

列表命名規(guī)則,代碼如下:

復(fù)制代碼代碼如下:<tr> <td height="26" style="padding-left:10px;">列表命名規(guī)則：</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>

在標(biāo)簽下面增加一行:

復(fù)制代碼代碼如下:<!--增加欄目縮略圖--> <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'/>遠(yuǎn)程

(欄目模板里用{dede:field.typeimg /}調(diào)用 </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,在最上面找到這個(gè)段,代碼如下:

復(fù)制代碼代碼如下:<title>欄目管理</title> <link href="css/base.css" rel="stylesheet" type="text/css">

替換為:

復(fù)制代碼代碼如下:<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>

查找

復(fù)制代碼代碼如下:<tr><td height="26" style="padding-left:10px;">列表命名規(guī)則：</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>

在其下面增加一行：

復(fù)制代碼代碼如下:<!--增加欄目縮略圖--> <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'> 遠(yuǎn)程

(欄目模板里用{dede:field.typeimg /}調(diào)用) </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

至此已經(jīng)修改完成!

欄目圖片的添加或修改圖片時(shí)在(欄目管理>高級(jí)選項(xiàng))里面就會(huì)自動(dòng)出現(xiàn)欄目圖片添加的選擇.點(diǎn)擊選擇圖片.彈出窗口內(nèi)選擇瀏覽上傳就OK.

注意：前臺(tái)欄目標(biāo)簽調(diào)用的時(shí)候，還需要改一個(gè)文件，才能實(shí)現(xiàn)欄目圖片顯示，否則只能通過(guò)sql語(yǔ)句才能顯示圖片。

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

復(fù)制代碼代碼如下: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"; }

替換成下面的代碼:

復(fù)制代碼代碼如下: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"; }

調(diào)用方法:

復(fù)制代碼代碼如下:<img src="[field:typeimg /]" />

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

更多信息請(qǐng)查看IT技術(shù)專欄