您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程

实现给DEDE织梦栏目增加栏目图片的方法

听寒2023-09-26DedeCMS教程已有人查阅

导读前两天用DEDE做二次开发的时候,遇到一个问题,领导让给每个栏目增加一个栏目图片的功能,网上找了些东西,结合自己实际做的时候的方法,下面详细描述下具体的实现方式

前两天用DEDE做二次开发的时候,遇到一个问题,领导让给每个栏目增加一个栏目图片的功能,网上找了些东西,结合自己实际做的时候的方法,下面详细描述下具体的实现方式(只测试了V5.7版本,对低版本是否适用不太清楚)。
1. 首先,给栏目分类表`dede_arctype`表增加缩略图字段`typeimg`,用phpMyAdmin或其他数据库管理工具,直接在数据表中添加该字段,或者运行下面的SQL语句:
alter table `dede_arctype` add `typeimg` char(100) NOT NULL default '';
2. 修改页面,在表单中添加相应的字段,涉及到的页面有:dede/catalog_add.phpdede/catalog_edit.phpdede/templets/catalog_add.htmdede/templets/catalog_edit.htm
2.1 打开dede/templets/catalog_add.htm,查找
<tr>
    <td class='bline' height="26" style="padding-left:10px;"><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" style="padding-left:10px;"><font color='red'>栏目图片:</font></td>
    <td class='bline'>
        <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="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" style="padding-left:10px;"><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" style="padding-left:10px;"><font color='red'>栏目图片:</font></td>
    <td class='bline'>
        <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','');" />
    </td>
</tr>
并在<head></head>之间引入下面的js文件
<script language='javascript' src="js/main.js"></script>
2.4 打开dede/catalog_edit.php,查找
$upquery = "UPDATE `dede_arctype` SET
typename='$typename',
的后面添加
typeimg='$typeimg',
然后保存。
注:调用时,直接用 [field:typeimg/] 是获取不到图片的,最直接的办法是修改“include/taglib/”下的页面(用到哪个标签改哪个页面),把
“id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath”
这里替换成 * ,这样在模版中直接用 [field:typeimg/] 接口获取到图片。

本文标签:

很赞哦! ()

相关源码

  • (PC+WAP)生活资讯百科新闻门户类pbootcms网站模板为生活资讯、百科门户类企业打造的高性能网站模板,基于PbootCMS开源内核开发,采用HTML5响应式架构,PC与手机端实时数据同步,覆盖全终端用户浏览场景。查看源码
  • (自适应响应式)pbootcms紫色美容整形机构企业模板下载基于PbootCMS内核开发的响应式网站模板,为医疗美容机构、整形医院等企业设计,提供完整的线上展示平台采用紫色系配色方案,整体风格专业大气。模板包含首页轮播、服务项目、专家团队、案例展示等核心模块,能够充分展示医疗美容机构的专业服务和特色优势。查看源码
  • (PC+WAP)蓝色电子半导体电子设备网站pbootcms源码下载本模板基于PbootCMS内核开发,为半导体和电子科技行业设计,特别适合电子元器件、集成电路、半导体设备及相关技术产品展示。查看源码
  • (自适应响应式)html5高档服装定制西服pbootcms模板下载本模板基于PbootCMS内核开发,为服装定制企业和服装品牌量身打造。设计风格时尚现代,充分展现服装行业的审美特质与品牌魅力。采用HTML5响应式技术,确保在各种设备上呈现视觉效果。整站布局注重产品展示与品牌叙事,帮助企业有效展示服装系列与定制服务,提升客户体验。查看源码
  • (PC+WAP)地暖热水器烘干机节能设备网站模板下载为地暖热水器及节能设备企业设计的PbootCMS网站模板,集成产品展示、节能方案介绍、技术参数说明等专业模块。采用PC与移动端同步响应架构查看源码
  • (PC+WAP)家居装饰家装建材营销型网站pbootcms模板下载本模板基于PbootCMS开发,主要服务于家居装饰、建材及相关行业。采用现代化设计风格,同时适配PC和移动设备访问。模板结构清晰,突出展示家装案例和建材产品,帮助企业在线上建立专业形象,有效展示产品与服务优势。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐