织梦园模板网提供云优cms模板,pbootcms模板,Wordpress主题模板等各类企业新闻资讯网站模板下载服务。织梦园网站模板交流群
用户名:
密码:
注册
注册后享受折扣价

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

织梦园模板 / 2015-12-16 / 收藏
如我们一个栏目列表都用缩略图来表示,而不仅仅只是文字,如果没有这项功能会***麻烦,网上有很多这方面的资料,但是都试过了有很多问题,自己研究一下,测试基本通过。新加字段 typeimg
后台执行SQL:
alter table `dede_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
查找$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~',
打开dede/catalog_edit.php
查找
$upquery = "Update `dede_arctype` set


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


打开dede/templets/catalog_add.htm
查找
          

<tr>
            <td height="26">列表命名规则:</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>


在其下面增加以下内容
     

复制代码
 <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增加以下内容

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



打开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>
复制代码


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

并在文件的head增加以下内容

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



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

{dede:channel type='top' row='13'}
        <li><a href='[field:typeurl/]' [field:rel/]>[field:typeimg/]</a></li>
      {/dede:channel}


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

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

调用栏目图片

调用的时候也要修改相关字段的文件,另外有用 dede:sql 标签调用就不需要修改了,但是这并不是我们想要的,这样并不灵活。我调用是用dede:channel标签来调用显示顶级栏目或者子栏目,于是我们要去修 改相对应的PHP文件,打开\include\taglib\channel.lib.php 文件,在第80、86、92、111行左右,添加我们新加的字段typeimg,具体如下图

给织梦DEDECMS添加栏目图片与英文名显示


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

              
复制代码
   {dede:channelartlist  typeid=top}
<dt class="clearfix"><span><a href='{dede:field name='typeurl'/}'>{dede:field name='typename'/}</a></span></dt>
<dd>
<ul class="clearfix">
     {dede:channel type='son' noself='yes' }
<li><a href='[field:typelink/]'><img src="[field:typeimg/]" alt="" width="80" />[field:typename/]</a></li>
     {/dede:channel}
</ul>
</dd>
    {/dede:channelartlist} 

相关织梦技巧

收缩