dede5.7 给栏目添加上缩略图

天外飘仙

如我们一个栏目列表都用缩略图来表示，而不仅仅只是文字，如果没有这项功能会非常麻烦，网上有很多这方面的资料，但是都试过了有很多问题，自己研究一下，测试基本通过。新加字段 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
查找

1. $queryTemplate = "insert into `cn_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 `cn_arctype` set

复制代码

在其下面新加一行

1. `typeimg`='$typeimg',

复制代码

打开dede/templets/catalog_add.htm
查找

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" style="padding-left:10px;">栏目图片：</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="SelectImage('form1.typeimg','');" />
   
6.                 </td>
   
7.           </tr>

复制代码

并在文件的head增加以下内容
<script language='javascript' src="js/main.js"></script>

打开dede/templets/catalog_edit.htm
在刚前面的位置加入：

1.     <tr>
   
2.             <td height="65" style="padding-left:10px;">栏目图片：</td>
   
3.             <td>
   
4.                 <input name="typeimg" type="text" style="width:250px" id="typeimg" class="alltxt" value="<?php echo $myrow['typeimg']?>" />
   
5. <input type="button" name="set9" value="浏览... "class="coolbg np" style="width:60px" onClick="SelectImage('form1.typeimg','');" />
   
6.                  </td>
   
7.           </tr>

复制代码

说明：下面这句会调用出已添加的路片路径。
<?php echo $myrow['typeimg']?>  

并在文件的head增加以下内容
<script language='javascript' src="js/main.js"></script>

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

1. 原来是这样的：
   
2. {dede:channel type='top' row='13'}
   
3.         <li><a href='[field:typeurl/]' [field:rel/]>[field:typeimg/]</a></li>
   
4.       {/dede:channel}

复制代码

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

1.       {dede:sql sql="SELECT typename,typedir,typeimg FROM dede_arctype"}
   
2.          <li><a href="[field:typedir/]">[field:typeimg/]</a></li>
   
3.       {/dede:sql}

复制代码

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

1.                  {dede:channelartlist  typeid='13,14' row ='10'}
   
2. 
   
3. <dt class="clearfix"><img src="{dede:field name='litpic'/}" alt="" width="80" /><span><a href='{dede:field name='typeurl'/}'>{dede:field name='typename'/}</a></span></dt>
   
4. <dd>
   
5. <ul class="clearfix">
   
6.                          {dede:channel type='son' noself='yes' }
   
7. <li><a href='[field:typelink/]'>[field:typename/]</a></li>
   
8.                              {/dede:channel}
   
9. </ul>
   
10. </dd>
    
11.                                 {/dede:channelartlist}

复制代码