织梦侠
WWW.2L3.NET

dedecms添加并调用栏目缩略图

网上有很多关于dedecms添加栏目缩略图的方法,大家都是复制粘贴,无一能用,经过本人测试总结出一套完整的方案,希望对朋友们有所帮助
 
1,首先,在后台执行sql语句,添加栏目缩略图字段
  1. alter table `dede_arctype` add `typeimg` char(100) NOT NULL default '';
其中dede为表前缀,若有做修改,请改为修改后的前缀
typeimg为缩略图字段,可以修改成自己需要的字段,若此处做了修改,后面的所有字段请记得修改成对应的字符
dedecms添加并调用栏目缩略图-道成设计
而后,除了我们的模版文件,一共需要修改系统的五个文件:
1:/dede/catalog_add.php 增加栏目文件
2:/dede/catalog_edit.php 修改栏目文件
3:/dede/templets/catalog_add.htm 增加栏目文件
4:/dede/templets/catalog_edit.htm 修改栏目文件
5:/include/taglib/channel.lib.php 字段调用文件
打开/dede/catalog_add.php
查找:
  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 `dede_arctype` SET
在其下方添加:
  1. `typeimg`='$typeimg',
----------------------------------------------------------------------------
打开/dede/templets/catalog_add.htm
搜索:
  1. 列表命名规则:
在其tr下方添加一个tr,内容如下:
  1. <tr>
  2. <td height="65"
  3. style="padding-left:10px;">栏目图片:</td>
  4. <td><input name="typeimg"
  5. type="text" style="width:250px" id="typeimg" class="alltxt" value="" /> 
  6. <input type="button" name="set9" value="浏览... "class="coolbg np"
  7. style="width:60px"
  8. onClick="SelectTemplets('SelectImage('form1.typeimg','small');"
  9. />(栏目模板里用{dede:field.typeimg /}调用) 
  10. </td>
  11. </tr>
效果如图:
dedecms添加并调用栏目缩略图-道成设计
修改好以上代码后,在head区域引入main.js文件
  1. <script language='javascript' src="js/main.js"></script>
dedecms添加并调用栏目缩略图-道成设计
----------------------------------------------------------------------------
打开/dede/templets/catalog_edit.htm
搜索:
  1. 列表命名规则:
在其tr下方添加一个tr,内容如下:
  1. <tr>
  2. <td height="65" style="padding-left:10px;">栏目图片:</td>
  3. <td><input name="typeimg" type="text" style="width:250px"
  4. id="typeimg" class="alltxt" value="<?php echo $myrow['typeimg']?>" 
  5. /><input type="button" name="set9" value="浏览... "class="coolbg np"
  6. style="width:60px" onClick="SelectImage('form1.typeimg','small');"
  7. />(栏目模板里用{dede:field.typeimg /}调用) </td>
  8. </tr>
效果如图:
dedecms添加并调用栏目缩略图-道成设计
同样引入main.js文件,操作同上
----------------------------------------------------------------------------
打开:/include/taglib/channel.lib.php
搜索:
  1. SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath
替换为:
  1. SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,typeimg
如图:
dedecms添加并调用栏目缩略图-道成设计
----------------------------------------------------------------------------
上传:
在栏目的高级选项操作,如图:
dedecms添加并调用栏目缩略图-道成设计
----------------------------------------------------------------------------
调用:
通过:[field:typeimg/]调用
实例:
  1. <a href="[field:typelink/]"><img src="[field:typeimg/]" width="58" height="42" /></a></div>

转载请注明文章来自织梦侠[秩名]作者的-dedecms添加并调用栏目缩略图
联系作者
取消
这个作者很懒什么也没留下!
打赏作者
取消

本文作者无偿奉献,就打赏给我们织梦侠吧!

扫码支付
扫码打赏,建议金额1-10元

打开支付宝扫一扫,即可进行扫码打赏哦

提醒:打赏金额将直接进入对方账号,无法退款,请您谨慎操作。