如何在后台增加dedecms栏目图片字段并在前台实现调用

  dedecms默认是没有栏目图片功能的,为了便于灵活管理就给每个栏目增加一个栏目图片的功能,栏目图片是在代码中添加的固定图片,通过改造可以实现这个功能的,下面就随ytkah一起来试试吧

1. 首先,给栏目分类表`dede_arctype`表增加缩略图字段`typeimg`,用phpMyAdmin或其他数据库管理工具,直接在数据表中添加该字段,或者运行下面的SQL语句:

alter table `dede_arctype` add `typeimg` char(100) NOT NULL default '';

2. 修改页面,在表单中添加相应的字段,涉及到的页面有:

dede/catalog_add.php

dede/catalog_edit.php

dede/templets/catalog_add.htm

dede/templets/catalog_edit.htm

2.1 打开dede/templets/catalog_add.htm,查找

<tr>

    <td class='bline' height="26" ><font color='red'>栏目名称:</font></td>

    <td class='bline'><input name="typename" type="text" id="typename" size="30" class="iptxt" /></td>

</tr>

在其下面加上如下代码:

<tr>

    <td class='bline' height="26" ><font color='red'>栏目图片:</font></td>

    <td class='bline'>

        <input name="typeimg" type="text" id="typeimg" class="alltxt" value="" />

        <input type="button" name="set9" value="浏览... "class="coolbg np" onClick="SelectImage('form1.typeimg','');" />

    </td>

</tr>

并在<head></head>之间引入如下js:

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

2.2 打开dede/catalog_add.php页面,保存上传栏目图片的内容,查找

$queryTemplate = "INSERT INTO

(reid,topid,sortrank,typename

的后面添加  ,typeimg  字段,再找到

('~reid~','~topid~','~rank~','~typename~',

在其后面添加  ,’~typeimg~’  字段,接着查找

$in_query = "INSERT INTO

(reid,topid,sortrank,typename

后面同样添加  ,typeimg  字段,并在

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

后面添加  ,’$typeimg’  字段。

2.3 打开dede/templets/catalog_edit.htm页面,查找

<tr>

    <td class='bline' height="26" ><font color='red'>栏目名称:</font></td>

    <td class='bline'><input name="typename" type="text" id="typename" size="30" value="<?php echo $myrow['typename']?>" class="iptxt" /></td>

</tr>

在其下面添加:

<tr>

    <td class='bline' height="26" ><font color='red'>栏目图片:</font></td>

    <td class='bline'>

        <input name="typeimg" type="text" id="typeimg" class="alltxt" value="<?php echo $myrow['typeimg']?>" />

        <input type="button" name="set9" value="浏览... "class="coolbg np" onClick="SelectImage('form1.typeimg','');" />

    </td>

</tr>

并在<head></head>之间引入下面的js文件

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

2.4 打开dede/catalog_edit.php,查找

$upquery = "UPDATE `#@__arctype` SET

typename='$typename',

的后面添加

 typeimg='$typeimg',

然后保存。

前台调用:<img src="{dede:field name='typeimg'/}" width="100%"  border="0"  >如果要使用<img src='[field:typeimg/]'/>调用我们必须找到了栏目的标签页面  /include/taglib/channel.lib.php,发现了下面的一段代码(第137行):

$linkOkstr = str_replace("~rel~",$row['rel'],$linkOkstr);

$linkOkstr = str_replace("~id~",$row['id'],$linkOkstr);

$linkOkstr = str_replace("~typelink~",$row['typelink'],$linkOkstr);

$linkOkstr = str_replace("~typename~",$row['typename'],$linkOkstr);

在下面添加:$linkOkstr = str_replace("~typeimg~",$row['typeimg'],$linkOkstr);这时,我们再到后台重新生成一下列表页面,刷新列表页试试,当前栏目的栏目图片也出来了呢~

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小樱的经验随笔

【全网最全的博客美化系列教程】07.添加一个分享的按钮吧

我们可以到分享按钮的设计网站:http://www.jiathis.com/去生成代码,当然也可以自定义生成代码,也可以直接使用默认的代码~

351
来自专栏Jerry的SAP技术分享

如何在Netweaver SE16里直接查看某数据库行记录

如果确实想看其内容,怎么办?在下面SE16页面的命令提示栏输入命令/h, 回车进入调试模式。然后双击某一行:

922
来自专栏魏艾斯博客www.vpsss.net

wordpress 网页头部有空白怎么解决

1094
来自专栏Android 开发学习

android 逆向 初级系列(二)

1463
来自专栏扎心了老铁

ELK日志收集分析系统配置

ELK是日志收益与分析的利器。 1、elasticsearch集群搭建 略 2、logstash日志收集 我这里的实现分如下2步,中间用redis队列做缓冲,可...

3174
来自专栏落花落雨不落叶

文档模式小记

2946
来自专栏闵开慧

map函数或reduce函数中如何调用第三方jar包

    一般我们在mapreduce程序中调用第三方jar包时会出现找不到jar包的问题,检查发现jar包就在相应路径,mapreduce任务就是找不到。仔细想...

3035
来自专栏拂晓风起

struts/Servlet,action转到jsp后,路径问题(struts2,jsp路径,action路径,action跳转,相对路径,绝对路径)

1263
来自专栏葡萄城控件技术团队

ActiveReports 6:如何升级旧版本的项目

ActiveReports for .NET 6.0是报表控件ActiveReports的最新版本,在丰富报表设计功能的同时,还增加了Visual Studio...

1826
来自专栏贾老师の博客

TCP 参数调优

1114

扫描关注云+社区