首页 > 新闻 > 干货分享 > 关于织梦(dedecms)增加栏目缩略图、栏目图片功能的方法

关于织梦(dedecms)增加栏目缩略图、栏目图片功能的方法

2021-08-27分享

网站每个栏目都有不同的banner大图,为了方便客户可以直接在后台栏目处添加和更换这个栏目图片,我们需要给dedecms二次开发,增加栏目图片上传选项。

织梦栏目添加banner大图上传选项

 

1.先给数据库中的dede_arctype表增加一个字段

后台 - 系统 - 系统设置 - SQL命令行工具

ALTER TABLE `dede_arctype` ADD `typebigpic` CHAR( 255 ) NOT NULL DEFAULT '';

 

2.打开 \dede\templets\catalog_add.htm 搜索

name="typename"

在它的</tr>下面加入

01 <script language='javascript' src="js/main.js"></script>
02 <tr id="pictable">
03 <td height="24" colspan="6">
04 <table border="0" cellspacing="0" cellpadding="0">
05 <tr>
06 <td width="158"> &nbsp;图片地址:</td>
07 <td width="560">
08 <table width="100%" border="0" cellspacing="1" cellpadding="1">
09 <tr>
10 <td height="30">
11 <input name="typebigpic" type="text" id="picname" style="width:220px" value="" />
12 <input type="button" name="Submit2" value="站内选择" style="margin-left:8px;" onClick="SelectImage('form1.picname','');" class='np coolbg'/>
13 </td>
14 </tr>
15 </table>
16 </td>
17 <td width="270">
18 <style>
19 .divpre,.divpre img{height:50px;}
20 </style>
21 <img src="images/pview.gif" width="100" height="50" id="picview" name="picview">
22 </td>
23 </tr>
24 </table>
25 </td>
26 </tr>

 

3.打开 \dede\templets\catalog_edit.htm 搜索

name="typename"

在它的</tr>下面加入

01 <script language='javascript' src="js/main.js"></script>
02 <tr id="pictable">
03 <td height="24" colspan="6">
04 <table border="0" cellspacing="0" cellpadding="0">
05 <tr>
06 <td width="158"> &nbsp;图片地址:</td>
07 <td width="560">
08 <table width="100%" border="0" cellspacing="1" cellpadding="1">
09 <tr>
10 <td height="30">
11 <input name="typebigpic" type="text" id="picname" style="width:220px" value="<?php echo $myrow['typebigpic']?>" />
12 <input type="button" name="Submit2" value="站内选择" style="margin-left:8px;" onClick="SelectImage('form1.picname','');" class='np coolbg'/>
13 </td>
14 </tr>
15 </table>
16 </td>
17 <td width="270">
18 <style>
19 .divpre,.divpre img{height:50px;}
20 </style>
21 <img src="<?php if($myrow['typebigpic']!="") echo $myrow['typebigpic']; else echo "images/pview.gif";?>" width="100" height="50" id="picview" name="picview">
22 </td>
23 </tr>
24 </table>
25 </td>
26 </tr>

 

4.打开 \dede\catalog_add.php 搜索

$in_query = "INSERT INTO `dede_arctype`(reid,topid,sortrank,typename

改成

$in_query = "INSERT INTO `dede_arctype`(reid,topid,sortrank,typename,typebigpic

继续搜索

VALUES('$reid','$topid','$sortrank','$typename'

改成

VALUES('$reid','$topid','$sortrank','$typename','$typebigpic'

 

5.打开 \dede\catalog_edit.php 搜索

`smalltypes`='$smalltypes'

改成

`smalltypes`='$smalltypes',`typebigpic`='$typebigpic'

 

6.打开 \include\taglib\channelartlist.lib.php 搜索

typedir

改成

typedir,typebigpic

7.打开 \include\taglib\channel.lib.php 搜索

typedir

改成

typedir,typebigpic

注意:这个文件有4处都需要改

8.打开 \include\taglib\type.lib.php 搜索

typedir

改成

typedir,typebigpic

9.\include\arc.listview.class.php 搜索

//设置环境变量

在它下面添加

$this->Fields['typebigpic'] = $this->TypeLink->TypeInfos['typebigpic'];

 

后台栏目效果

 织梦dedecms增加栏目缩略图、栏目图片功能的方法

 

前台模板中调用标签

1 {dede:channelartlist}{dede:field.typebigpic/}{/dede:channelartlist}
2  
3 {dede:channel}[field:typebigpic/]{/dede:channel}
4  
5 {dede:type}[field:typebigpic/]{/dede:type}

 

栏目列表页单独调用

{dede:field.typebigpic/}

“无营销不网站”,今天关于干货分享的文章就写到这里,还是老样子,如果大家觉得有用,可以直接收藏南京网站建设的官方网站,我们相互交流,共同学习。


文章引用:http://www.njshanmu.com/news/show-502.html

相关资讯

    暂无相关的资讯...

最新新闻Latest News

织梦dedecms flag各个属性的含义
头条[h] flag=h推荐[c] flag=c幻灯[f] flag=f特荐[a] flag=a滚动[s] flag=s加粗[b] flag=b图片[p] flag=p跳转[j] flag=jatt=s,p …
关于织梦dedecms图片集上传图片出错302的解决办法
我们在织梦后台图集模型里上传图集时候,出现302错误,而且下面的图片全变红了,很大的error错误。遇到这类问题改怎么处理呢?分享…
关于织梦(dedecms)增加栏目缩略图、栏目图片功能的方法
网站每个栏目都有不同的banner大图,为了方便客户可以直接在后台栏目处添加和更换这个栏目图片,我们需要给dedecms二次开发,增加…
关于苹果手机浏览器不显示号码问题的解决方法
苹果手机浏览器如果自动检测到手机号码会自动设置一种格式,这种格式会把数字显示成白色,让后数字可以点击拨打,但是用户已经看不…
aspcm如何避免被攻击
使用ASPCMS建站过程中如果没有用到留言、招聘、下载、订单、购物功能的话,完全可以删掉根目录下:apply、custom、down、gbook、m…

ABOUT US

Not Perfect But Individuals Have the Perfect Team 我们坚信没有完美的个人但有完美的团队 >>> 南京杉木信息科技有限公司专业从事网站设计、制作、推广、网络系统开发及微信二次开发。以先进的管理思想和管理模式,致力于为企事业单位提供信息化和电子商务方面的优质服务,成为您身边的电子商务专家!是一家主要从事企业信息基础应用的技术型单位。

Contact information

王经理:17602518345
电话:025-58916636
传真:025-58902883

网址:http://www.njshanmu.com
邮箱:sm@njshanmu.com
地址:南京市秦淮区中华路420号科技创业大厦5楼

南京杉木信息技术有限公司的logo

Copyright@ 2015-2021 南京杉木信息科技有限公司 版权所有 备案号:苏ICP备15063898号-1

×

打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮

杉木官方微信

×

打开微信“扫一扫”,关注我们官方微信^_^

杉木官方微信