dedecms v5.7/v5.6栏目增加缩略图功能教程

此功能添加涉及到以下文件:

  dede/catalog_add.php

  dede/catalog_edit.php

  dede/templets/catalog_add.htm

  dede/templets/catalog_edit.htm

  include/taglib/channel.lib.php

  此升级修改方法,在V5.7,V5.7sp1 测试通过,其他版本未测试,原理基本相同,请大家自行测试是否可行。

  首先给 栏目表(`#@__arctype`)增加一个字段typeimg

 代码如下 复制代码
alter table `#@__arctype` add `typeimg` varchar(200) NOT NULL default ;

  修改catalog_add.php文件

  打开dede/catalog_add.php

 代码如下 复制代码

  查找$queryTemplate = “insert into `#@__arctype`

  将

(reid,topid,sortrank,typename,typedir,
  替换为:

(reid,topid,sortrank,typename,typedir,typeimg,
  将

(‘~reid~’,'~topid~’,'~rank~’,'~typename~’,'~typedir~’,
  替换为:

(‘~reid~’,'~topid~’,'~rank~’,'~typename~’,'~typedir~’,'~typeimg~’,
  查找$in_query = “INSERT INTO `#@__arctype`

  将

(reid,topid,sortrank,typename,typedir,
  替换为:

(reid,topid,sortrank,typename,typedir,typeimg,
  将

(‘$reid’,'$topid’,'$sortrank’,'$typename’,'$typedir’,
  替换为:

(‘$reid’,'$topid’,'$sortrank’,'$typename’,'$typedir’,'$typeimg’,

  保存catalog_add.php

  下面修改catalog_edit.php文件

  打开dede/catalog_edit.php

  查找$upquery = “Update `#@__arctype` set

  在 typedir=’$typedir’, 其下面增加一行:

`typeimg`=’$typeimg’,
  保存catalog_edit.php

  开始修改栏目添加模板文件

  打开dede/templets/catalog_add.htm

  在最上面找到这个段

 代码如下 复制代码
<title>栏目管理</title> <link href=”css/base.css” rel=”stylesheet” type=”text/css”>

  替换为:

 代码如下 复制代码
<title>栏目管理</title> <link href=”css/base.css” rel=”stylesheet” type=”text/css”> <script language=”javascript” src=”../include/js/dedeajax2.js”></script> <script language=’javascript’ src=”js/main.js”></script> <script type=”text/javascript” src=”js/calendar/calendar.js”></script>

  列表命名规则:

 代码如下 复制代码
<tr> <td height="26" style="padding-left:10px;">列表命名规则:</td> <td> <input name="namerule2" type="text" id="namerule2" value="{typedir}/list_{tid}_{page}.html" class="pubinputs" style="width:250px" /> <img src="images/help.gif" alt="帮助" width="16" height="16" border="0" style="cursor:pointer" onClick="ShowHide('helpvar3')"/></td> </tr>

  在标签下面增加一行:

 代码如下 复制代码
<!--增加栏目缩略图--> <tr> <td width="90" style="padding-left:10px;">栏目图片:</td> <td width="560"> <table width="100%" border="0" cellspacing="1" cellpadding="1"> <tr> <td height="30"> <input name="typeimg" type="text" id="typeimg" style="width:240px" /> <input type="button" value="本地上传" style="width:70px;cursor:pointer;display:none" /> <iframe name='uplitpicfra' id='uplitpicfra' src='' style='display:none'></iframe> <span class="litpic_span"><input name="litpic" type="file" id="litpic" onChange="SeePicNew(this, 'divpicview', 'uplitpicfra', 165, 'archives_add.php');" size="1" class='np coolbg'/></span> <input type="button" name="Submit2" value="选择图片" style="margin-left:8px;" onClick="SelectImage('form1.typeimg','small');" class='np coolbg'/> <input type="button" name="Submit2" value="裁剪" style="margin-left:8px;" onClick="imageCut('typeimg');" class='np coolbg'/> <input type='checkbox' class='np' name='ddisremote' value='1' id='ddisremote'/>远程<br />(栏目模板里用{dede:field.typeimg /}调用 </td> </tr> </table> </td> <td width="150" align="center"> <div id='divpicview' class='divpre'></div> </td> </tr> <!--增加栏目缩略图-->

  保存catalog_add.htm

  开始修改栏目编辑模板文件

  打开dede/templets/catalog_edit.htm

  在最上面找到这个段

 代码如下 复制代码
<title>栏目管理</title> <link href=”css/base.css” rel=”stylesheet” type=”text/css”>

  替换为:

 代码如下 复制代码
<title>栏目管理</title> <link href=”css/base.css” rel=”stylesheet” type=”text/css”> <script language=”javascript” src=”../include/js/dedeajax2.js”></script> <script language=”javascript” src=”js/main.js”></script> <script type=”text/javascript” src=”js/calendar/calendar.js”></script>

  查找

 代码如下 复制代码
<tr> <td height="26" style="padding-left:10px;">列表命名规则:</td> <td> <input name="namerule2" type="text" id="namerule2" value="<?php echo $myrow['namerule2']?>" size="40" class="iptxt" /> <img src="images/help.gif" alt="帮助" width="16" height="16" border="0" style="cursor:pointer" onClick="ShowHide('helpvar3')"/></td> </tr>

  在其下面增加一行:

 代码如下 复制代码

<!--增加栏目缩略图--> <tr> <td width="90" height="81" style="padding-left:10px;">栏目图片:</td></td> <td width="500"> <input name="typeimg" type="text" id="typeimg" style="width:300px" value="<?php echo $myrow['typeimg']?>"><input type="button" name="Submit" value="浏览..." style="width:70px" onClick="SelectImage('form1.typeimg','');"> <input type="button" name="Submit2" value="裁剪" style="margin-left:8px;" onClick="imageCut('typeimg');" class='np coolbg'/> <input type='checkbox' class='np' name='ddisremote' value='1'> 远程<br />(栏目模板里用{dede:field.typeimg /}调用) </td> <td align="center"> <img src="<?php if($myrow['typeimg']!="") echo $myrow['typeimg']; else echo "images/pview.gif";?>" width="150" height="100" id="picview" name="picview"> </td> </tr> <!--增加栏目缩略图-->

保存catalog_edit.htm

  至此已经修改完成!

  栏目图片的添加或修改图片时在 (栏目管理>高级选项)里面就会自动出现栏目图片添加的选择,点击选择图片,弹出窗口内选择浏览上传就OK

  注意:前台栏目标签调用的时候,还需要改一个文件,才能实现栏目图片显示,否则只能通过sql语句才能显示图片。

打开:include/taglib/channel.lib.php

  找到

 代码如下 复制代码

if($type=='top') { $sql = "Select id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `#@__arctype` where reid=0 And ishidden<>1 order by sortrank asc limit 0,$row"; } else if($type=="son") { //if($_sys_globals['typeid']>0) $typeid = $_sys_globals['typeid']; if($typeid==0) { return ''; } $sql = "Select id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `#@__arctype` where reid='$typeid' And ishidden<>1 order by sortrank asc limit 0,$row"; } else if($type=="self") { if($reid==0) { return ''; } $sql = "Select id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `#@__arctype` where reid='$reid' And ishidden<>1 order by sortrank asc limit 0,$row"; }

替换成下面的:

 代码如下 复制代码
if($type=='top') { $sql = "Select id,typename,typeimg,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `#@__arctype` where reid=0 And ishidden<>1 order by sortrank asc limit 0,$row"; } else if($type=="son") { //if($_sys_globals['typeid']>0) $typeid = $_sys_globals['typeid']; if($typeid==0) { return ''; } $sql = "Select id,typename,typeimg,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `#@__arctype` where reid='$typeid' And ishidden<>1 order by sortrank asc limit 0,$row"; } else if($type=="self") { if($reid==0) { return ''; } $sql = "Select id,typename,typeimg,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,description From `#@__arctype` where reid='$reid' And ishidden<>1 order by sortrank asc limit 0,$row"; }

  调用方法:

 代码如下 复制代码

<img src=”[field:typeimg /]” />

时间: 2024-09-25 02:09:12

dedecms v5.7/v5.6栏目增加缩略图功能教程的相关文章

WordPress博客文章增加打赏功能教程

由于本站一直未植入广告,出于成本考量,于今年三月份增加了支付宝捐赠功能.陆续几个月收到了百元左右的爱心捐赠.后来朋友建议把weixin打赏也加上,一直拖延了许久,刚好今天就想起在每篇文章页的最后加入weixin和alipay的打赏二维码.这里未用插件,纯手工打造.方法记录如下: 1. 修改相应风格模板的single.php 文件 2.在content 结尾的地方加入如下代码:  代码如下 复制代码 <!-- START .pay by 361way.com --> <div align=

dede5.7栏目增加栏目缩略图或栏目banner

 首先.新加字段 icon 后台执行SQL: alter table `dede_arctype` add `icon` char(200) NOT NULL default ''; 涉及到文件: dede/catalog_add.php ; dede/catalog_edit.php ; dede/templets/catalog_add.htm ; dede/templets/catalog_edit.htm ; 打开dede/catalog_add.php查找 $queryTemplate

CYQ.Data V5 从入门到放弃ORM系列:教程 - MAction类使用

背景: 随着V5框架使用者的快速增加,终于促使我开始对整个框架编写完整的Demo. 上周大概花了一星期的时间,每天写到夜里3点半,终完成了框架所有功能的Demo. 同时,按V5框架名称空间的顺序,对每个类的使用,补充相应的文章介绍,以漏补缺. 以下开始介绍: MAction Demo的项目文件: 1:项目解决方案: 2:两个文件在Debug目录里: 演示的是SQLite数据库(默认System.Data.SQLite.DLL是64位版本,如果运行提示加载出错,自己解压32位的复盖即可) demo

Dedecms标签artlist调用副栏目二次开发

解决在列表页调用副栏目,但列表页文章不显示方法: 打开 /include/taglib/arclist.lib.php,原代码如下: if($CrossID=='') $orwheres[] = ' arc.typeid IN ('.GetSonIds($typeid).')'; else $orwheres[] = ' arc.typeid IN ('.GetSonIds($typeid).','.$CrossID.')'; 将其替换成如下代码: if($CrossID=='') $orwhe

怎样编写一个Photoshop滤镜(4) -- 在对话框上增加缩略图

            在上一篇文章里,我们讲解了为滤镜添加术语资源,从而使我们的滤镜可以被PS的scripting system感知和描述,这样即友好支持了PS的"动作"面板.在这一篇文章中,我们将对此前的DEMO进行进一步的细化,例如在参数对话框上增加实时预览的小缩略图等.对话框的引入主要是给用户一个机会和接口,设置或调节滤镜使用的图像处理算法.通常作为UI的友好性,在对话框上应该提供预览图,这样可以直观的把参数对结果产生的影响反馈给用户,指导他们调整参数.而不是要用户必须反复执行

定制AjaxControlToolkit(2):给CalendarExtender增加清除功能

在定制AjaxControlToolkit(1):使一个CalendarExtender对应N个TextBox 的最后,为了展示主题,我贴了一张截图,也许大家注意到了,我的截图的右下 角有一个"清除"按钮,这就是本文要介绍的更改. 在我们的项目中,大多数的录入日期的文本框是不允许用户手输的,只能通 过 点击--弹出日期选择框的方式选择,这样可以避免烦人的检查动作,当然也可以 用MaskedEdit过滤,不过感觉没必要,有日期控件了,就不弄那么复杂了,另外 ,项目中大部分代码是以前写的,

七牛镜像存储缩略图功能

 我们知道七牛有很强大的缩略图功能,虽然 WordPress 也有缩略图功能,但是相比之下,七牛强太多了,并且生成的缩略图都是尺寸适应的,并且都是在七牛云存储上面,所以这个版本最大的改进就是新增了 wpjam_post_thumbnail 函数,他会直接使用七牛的缩略图 API 直接生成缩略图. <code><?php if(wpjam_has_post_thumbnail()){?> <div class="entry-thumb"> <a

PHP上传图片类显示缩略图功能_php实例

有缩略图功能 但是 感觉不全面,而且有点问题,继续学习,将来以后修改下 <form action="<?php $_SERVER['PHP_SELF']; ?>" enctype="multipart/form-data" method="post" ><input type="text" name="name" /><input type="file&q

PHP上传图片进行等比缩放可增加水印功能_php技巧

啥也不说,直接上代码,大家可以自行添加增加水印功能: 复制代码 代码如下: <?php /** * * @author zhao jinhan * @date 2014年1月13日11:54:30 * @email xb_zjh@126.com * */ header('Content-type:text/html; charset=utf-8'); //定义缩略图的宽高 define('THUMB_WIDTH',300); define('THUMB_HEIGHT',300); /** * 重