dedecms文章列表頁添加縮略圖

dedecms文章列表頁添加縮略圖

當(dāng)我們需要在欄目文章列表頁用一張圖片來區(qū)別其他欄目，或者我們列舉欄目的時候，想在欄目名稱開如果沒有這項功能會非常麻煩，網(wǎng)上有很多這方面的資料，但是都試過了有很多問題，自己研究一下，測試基本通過。需要新加字段 typeimg。

添加typeimg字段的SQL: alter table `80php_arctype` add `typeimg` char(100) NOT NULL default '';

1.涉及到文件：

dede/catalog_add.php

dede/catalog_edit.php

dede/templets/catalog_add.htm

dede/templets/catalog_edit.htm

2.修改添加和編輯欄目的php代碼

（1） 打開dede/catalog_add.php

查找$queryTemplate = "insert into `80php_arctype`

將 (reid,topid,sortrank,typename,typedir, 替換為 (reid,topid,sortrank,typename,typedir,typeimg,

將 ('~reid~','~topid~','~rank~','~typename~','~typedir~', 替換為 ('~reid~','~topid~','~rank~','~typename~','~typedir~','~typeimg~',

（2） 打開dede/catalog_edit.php

查找$upquery = "Update `80php_arctype` set

在其下面新加一行 `typeimg`='$typeimg',

3.修改添加和編輯欄目的模板文件

（1） 打開dede/templets/catalog_add.htm

查找

<tr>

<td height="26">列表命名規(guī)則：</td>

<td>

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

<img src="img/help.gif" alt="幫助" width="16" height="16" border="0" style="cursor:pointer" onClick="ShowHide('helpvar3')"/>

</td>

</tr>

在其下面增加以下內(nèi)容

<tr>

<td height="65" style="padding-left:10px;">欄目圖片：</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="SelectImage('form1.typeimg','');" />

</td>

</tr>

并在文件的head部分增加以下內(nèi)容

<script language='javascript' src="js/main.js"></script>

（2） 打開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" class="alltxt" value="<?php echo $myrow['typeimg']?>" />

<input type="button" name="set9" value="瀏覽... "class="coolbg np" style="width:60px" onClick="SelectImage('form1.typeimg','');" />

</td>

</tr>

說明：下面這句會調(diào)用出已添加的路片路徑。

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

并在文件的head增加以下內(nèi)容

<script language='javascript' src="js/main.js"></script>

我試了一下在模版里用：{dede:field.typeimg /} 是調(diào)不出數(shù)據(jù)的，所以我改成了SQL調(diào)用。

原來是這樣的：

{dede:channel type='top' row='13'}

<li><a href='[field:typeurl/]' [field:rel/]>[field:typeimg/]</a></li>

{/dede:channel}

在這里面加上[field:typeimg] 是調(diào)不出來的，我個人認為欄目縮略圖就是通過循環(huán)出來的，而循環(huán)不出來則意義不大，所以改成了如下：

{dede:sql sql="SELECT typename,typedir,typeimg FROM dede_arctype"}

<li><a href="[field:typedir/]">[field:typeimg/]</a></li>

{/dede:sql}

這樣就順利的調(diào)出來了,當(dāng)然如果你要調(diào)用子ID的話，只要加上相應(yīng)的條件ID調(diào)用就可以了。