设计观点

精准传达 • 价值共享

洞悉互联网前沿资讯，探寻网站营销规律

网站建设 > 关于 > 设计观点

查看其它板块

dedecms添加并调用栏目缩略图

作者：Smileby陌少羽 | 2018-08-11 14:48 |点击：

网上有很多关于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添加并调用栏目缩略图
相关推荐
返回首页 了解更多建站资讯

—— 微信公众号 ——

热门标签

上一篇———————

dedecms织梦让模型里的图片字段支持本地上传

下一篇———————

织梦判断是否有缩略图,无缩略图则不显示
多一份免费策划方案，总有益处。

请直接添加技术总监微信联系咨询

立即询问 技术总监在线 15523356218
网站设计 品牌营销

多一份参考，总有益处

联系狐灵科技，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

业务热线：15082661954 / 大客户专线：15523356218

在线咨询 在线咨询 提交需求

关于狐灵科技

+

狐灵致力于互联网品牌建设与网络营销，专业领域包括 网站建设、 SEO优化、移动互联网营销、高端网站建设、高端网站设计、品牌网站定制开发、营销策划推广电子商务、移动互联网营销、 为不同类型的客户提供良好的互联网应用定制解决方案，我们将策略和执行紧密结合，且不断评估并优化我们的方案，为客户提供一体化全方位的互联网品牌整合方案！

我们的优势

量身打造个性化网站制作

代码深度符合SEO优化

一站式企业网站建设服务

前沿视觉设计、研发能力

重庆网站建设公司

多项网站设计传播大奖

营销型网站建设专家

自主研发网站管理系统

B2C电商网站建设供应商

完善的售后服务体系

我们的不同

+

在我们的对手消耗大量的时间停留在碎片化的互联网设计或者程序实现的时候，我们已经开始把数字化品牌建设和网络传播进行了整合。我们提供从前期的网站品牌分析策划、网站设计、创意表现、系统开发以及后续网站运营反馈建议等一系列服务，帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,为所有谋求长远发展的企业品牌贡献全力！

友情链接 交换友情链接 交换友情链接 展开

公司地址：重庆市九龙坡杨家坪重百大楼21-8 | 业务热线：15082661954

Copyright © 2017-2020 Fox spirit Network. 狐灵科技 版权所有 | 渝ICP备19005721号-1

专业团队为您提供 重庆网页设计, 品牌网站设计,营销型网站制作,SEO优化关键词排名推广等服务,建网站就找狐灵科技！ | TAG标签 | 网站建设地图 | 网站地图

业务咨询 业务咨询 业务热线 15082661954 提交需求 官方微信 狐灵网络科技官方微信