西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > dedecms教程 >

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

时间:2016-09-09 17:14来源:未知 作者:好模板 点击:
dedecms默认是没有栏目图片功能的,为了便于灵活管理就给每个栏目增加一个栏目图片的功能,栏目图片是在代码中添加的固定图片,通过改造可以实现这个功能的,下面就随ytkah一起来

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 `zuimoban_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);这时,我们再到后台重新生成一下列表页面,刷新列表页试试,当前栏目的栏目图片也出来了呢~


(责任编辑:好模板)
顶一下
(2)
50%
踩一下
(2)
50%
------分隔线----------------------------
栏目列表
热点内容