欢迎来到欣怡建站!我们致力于提供优质的网站建站服务
注册

dedecms添加并调用栏目缩略图

相关案例演示

网上有很多关于dedecms添加栏目缩略图的方法,大家都是复制粘贴,无一能用,经过本人测试总结出一套完整的方案,希望对朋友们有所帮助

1,首先,在后台执行sql语句,添加栏目缩略图字段

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:/nclude/taglib/channel.lib.php 字段调用文件

打开/dede/catalog_add.php

查找:(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下方添加一个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="SelectTemplets('SelectImage('form1.typeimg','small');"
/>(栏目模板里用{dede:field.typeimg /}调用) 
</td>
</tr>

效果如图:

dedecms添加并调用栏目缩略图-道成设计

修改好以上代码后,在head区域引入main.js文件

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

 

dedecms添加并调用栏目缩略图-道成设计

----------------------------------------------------------------------------

打开/dede/templets/catalog_edit.htm

搜索:列表命名规则:

在其tr下方添加一个tr,内容如下:

1
2
3
4
5
6
7
8
<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','small');"
/>(栏目模板里用{dede:field.typeimg /}调用) </td>
</tr>

效果如图:

 

dedecms添加并调用栏目缩略图-道成设计

同样引入main.js文件,操作同上

----------------------------------------------------------------------------

打开:/nclude/taglib/channel.lib.php

搜索:SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath

替换为:SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,typeimg

如图:

 

dedecms添加并调用栏目缩略图-道成设计

----------------------------------------------------------------------------

上传:

在栏目的高级选项操作,如图:

 

dedecms添加并调用栏目缩略图-道成设计

----------------------------------------------------------------------------

调用:

通过:[field:typeimg/]调用

实例:<a href="[field:typelink/]"><img src="[field:typeimg/]" width="58" height="42" /></a></div>

作者:欣怡建站 挑错 时间:2017-07-22 19:24
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程
在线客服