给DeDeCms栏目增加缩略图功能

注：本教程使用的Dedecms版本为：v5.7SP2 utf-8版。

一、向dede_arctype栏目数据表种添加图片字段typeimg

通过系统 - sql命令行工具，输入下边代码，执行
alter table `dede_arctype` add `typeimg` varchar(200) NOT NULL default '';
意思是在数据库表dede_arctype中添加一个typeimg字段，typeimg这个名字可以自定义命名。

二、修改文件：　　

dede/catalog_add.PHP
　　dede/catalog_edit.PHP
　　dede/templets/catalog_add.htm
　　dede/templets/catalog_edit.htm
PS：dede为默认后台文件夹

1）修改dede/catalog_add.PHP 文件

打开文件，开始查找

在65行找到$queryTemplate = "INSERT INTO `#@__arctype`(reid,topid,sortrank,typename,
将其替换为：$queryTemplate = "INSERT INTO `#@__arctype`(reid,topid,sortrank,typename,typeimg,

在67行找到VALUES('~reid~','~topid~','~rank~','~typename~',
将其替换为：VALUES('~reid~','~topid~','~rank~','~typename~','~typeimg~',

在227行找到$in_query = "INSERT INTO `#@__arctype`(reid,topid,sortrank,typename,
将其替换为：$in_query = "INSERT INTO `#@__arctype`(reid,topid,sortrank,typename,typeimg,

在230行找到VALUES('$reid','$topid','$sortrank','$typename',
将其替换为：VALUES('$reid','$topid','$sortrank','$typename','$typeimg',

保存！

2）修改dede/catalog_edit.PHP 文件
在41行找到typename='$typename',
在其下边新增一行
typeimg='$typeimg',

3）修改dede/templets/catalog_add.htm模板文件
首先在<head>标签种添加<script language='javascript' src="js/main.js"></script>
然后随便找个位置，我是在栏目名称下边添加的
找到这行代码：
          <tr>
            <td class='bline' height="26" style="padding-left:10px;"><font color='red'>栏目名称：</font></td>
            <td class='bline'><input name="typename" type="text" id="typename" size="30" class="iptxt" /></td>
          </tr>

       在其下边添加如下代码
<tr>

            <td class='bline' height="26" style="padding-left:10px;">栏目缩略图：</td>
            <td class='bline'>
                <input name="typeimg" type="text" style="width:300px" id="typeimg" class="alltxt" value="" />
            <input type="button" name="set9" value="浏览... "class="coolbg np" style="width:60px" onClick="Selectimage('form1.typeimg','');" />
                </td>

          </tr>
保存。

4）修改dede/templets/catalog_edit.htm模板文件
首先在<head>标签种添加<script language='javascript' src="js/main.js"></script>
然后找到栏目名称的位置，
<tr>
            <td class='bline' height="26" style="padding-left:10px;"><font color='red'>栏目名称：</font></td>
            <td class='bline'><input name="typename" type="text" id="typename" size="30" value="<?PHP echo $myrow['typename']?>" class="iptxt" /></td>
          </tr>
在它的下边添加如下代码
<tr>
            <td class='bline' height="65" style="padding-left:10px;">栏目缩略图：</td>
            <td class='bline' >
                <input name="typeimg" type="text" style="width:300px" 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>
保存即可。

三、如何调用缩略图

一般情况下我们调用栏目的时候有2种方式{dede:chanel}和{dede:type}，所以我们需要修改下边2个文件
　　include/taglib/channel.lib.PHP
　　include/taglib/type.lib.PHP
1）修改include/taglib/channel.lib.PHP
在78 - 94行之间，找到如下代码
    if($type=='top')
    {
        $sql = "SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath
          From `#@__arctype` WHERE reid=0 And ishidden<>1 order by sortrank asc limit 0, $line ";
    }
    else if($type=='son')
    {
        if($typeid==0) return '';
        $sql = "SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath
          From `#@__arctype` WHERE reid='$typeid' And ishidden<>1 order by sortrank asc limit 0, $line ";
    }
    else if($type=='self')
    {
        if($reid==0) return '';
        $sql = "SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath
            FROM `#@__arctype` WHERE reid='$reid' And ishidden<>1 order by sortrank asc limit 0, $line ";
    }
在每个typename的后边添加typeimg，一共三处，修改后的代码为
    if($type=='top')
    {
        $sql = "SELECT id,typename,typeimg,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath
          From `#@__arctype` WHERE reid=0 And ishidden<>1 order by sortrank asc limit 0, $line ";
    }
    else if($type=='son')
    {
        if($typeid==0) return '';
        $sql = "SELECT id,typename,typeimg,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath
          From `#@__arctype` WHERE reid='$typeid' And ishidden<>1 order by sortrank asc limit 0, $line ";
    }
    else if($type=='self')
    {
        if($reid==0) return '';
        $sql = "SELECT id,typename,typeimg,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath
            FROM `#@__arctype` WHERE reid='$reid' And ishidden<>1 order by sortrank asc limit 0, $line ";
    }
保存文件。
调用时可通过{dede:chanel}标签调用
      {dede:channel type='top' row='8'}
<li><a href='[field:typelink/]'><img src="[field:typeimg/]" /></a> </li>
{/dede:channel}

   2）修改include/taglib/type.lib.PHP
   在42行找到$row = $dsql->Getone("SELECT id,typename,
   在其后边添加typeimg,既把它修改成如下：
   $row = $dsql->Getone("SELECT id,typename,typeimg,
   保存文件。

   调用方法，可在任何模板页通过{dede:type}方式调用，如下：
   {dede:type typeid='5'}
<a href="[field:typelink /]"><img src="[field:typeimg /]" /></a>
{/dede:type}

   3）在当前栏目页调用该栏目的缩略图可以直接使用<img src="{dede:field.typeimg/}" />调用。

给DeDeCms栏目增加缩略图功能

相关推荐