dede5.7栏目添加上缩略图功能

当我们一个栏目列表都用缩略图来表示产,而不仅仅只是文字,如果没有这项功能会非常麻烦,网上有很多这方面的资料,但是都试过了有很多问题,自己研究一下,测试基本通过。需要新加字段 typeimg
后台执行SQL:

  1. alter table `80php_arctype` add `typeimg` char(100) 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 = "insert into `80php_arctype`

  1. (reid,topid,sortrank,typename,typedir,

替换为

  1. (reid,topid,sortrank,typename,typedir,typeimg,

  1. (‘~reid~‘,‘~topid~‘,‘~rank~‘,‘~typename~‘,‘~typedir~‘,

替换为

  1. (‘~reid~‘,‘~topid~‘,‘~rank~‘,‘~typename~‘,‘~typedir~‘,‘~typeimg~‘,

打开dede/catalog_edit.php
查找

  1. $upquery = "Update `80php_arctype` set

在其下面新加一行
`typeimg`=‘$typeimg‘,

打开dede/templets/catalog_add.htm
查找

  1. <tr>
  2. <td height="26">列表命名规则:</td>
  3. <td>
  4. <input name="namerule2" type="text" id="namerule2" value="{typedir}/list_{tid}_{page}.html"  class="pubinputs"  style="width:250px" />
  5. <img src="img/help.gif" alt="帮助" width="16" height="16" border="0" style="cursor:pointer" onClick="ShowHide(‘helpvar3‘)"/></td>
  6. </tr>

在其下面增加以下内容

<tr>
            <td height="65" style="padding-left:10px;">栏目图片:</td>
            <td>
                <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增加以下内容
<script language=‘javascript‘ src="js/main.js"></script>

打开dede/templets/catalog_edit.htm
在刚前面的位置加入:
    <tr>
            <td height="65" style="padding-left:10px;">栏目图片:</td>
            <td>
                <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>
说明:下面这句会调用出已添加的路片路径。
<?php echo $myrow[‘typeimg‘]?>

并在文件的head增加以下内容
<script language=‘javascript‘ src="js/main.js"></script>

我试了一下在模版里用:{dede:field.typeimg /} 是调不出数据的,所以我改成了SQL调用。
原来是这样的:
{dede:channel type=‘top‘ row=‘13‘}
        <li><a href=‘[field:typeurl/]‘ [field:rel/]>[field:typeimg/]</a></li>
      {/dede:channel}
在这里面加上[field:typeimg]  是调不出来的,我个人认为栏目缩略图就是通过循环出来的,而循环不出来则意义不大,所以改成了如下:
      {dede:sql sql="SELECT typename,typedir,typeimg FROM dede_arctype"}
         <li><a href="[field:typedir/]">[field:typeimg/]</a></li>
      {/dede:sql}
这样就顺利的调出来了,当然如果你要调用子ID的话,只要加上相应的条件ID调用就可以了。

原文地址:https://www.cnblogs.com/hm21/p/10199002.html

时间: 2024-10-13 16:22:21

dede5.7栏目添加上缩略图功能的相关文章

dede5.7 给栏目添加上缩略图

如我们一个栏目列表都用缩略图来表示,而不仅仅只是文字,如果没有这项功能会非常麻烦,网上有很多这方面的资料,但是都试过了有很多问题,自己研究一下,测试基本通过.新加字段 typeimg后台执行SQL: alter table `cn_arctype` add `typeimg` char(100) NOT NULL default ''; 涉及到文件: dede/catalog_add.php               dede/catalog_edit.php               de

dede5.7栏目页加入缩略图的方法,绝对可用!

在  后台>>系统>>SQL命令行工具 执行SQL: alter table `dede_arctype` add `typeimg` char(100) NOT NULL default ''; 涉及到文件:        dede/catalog_add.php        dede/catalog_edit.php        dede/templets/catalog_add.htm        dede/templets/catalog_edit.htm 打开ded

安卓自带下拉刷新SwipeRefreshLayout添加上拉刷新功能

在项目里面要用到刷新库,以前都是使用第三方的,不过看到官方出了  SwipeRefreshLayout之后就用SwipeRefreshLayout,但是不知道什么原因官方SwipeRefreshLayout只提供下拉刷新功能,很多时候我们需要上拉刷新功能,所以下载v4源码修改SwipeRefreshLayout,与之相关联的文件有两个分别是SwipeProgressBar,BakedBezierInterpolator把这三个文件拷贝到项目里面,修改一下包名就可以了.如何实现上拉刷新功能,其

django中tinymce添加图片上传功能

主要参考以下: https://pixabay.com/en/blog/posts/direct-image-uploads-in-tinymce-4-42/ http://blog.csdn.net/tianlanzhixie/article/details/50240071 这里还有个用php使用的,可以参考http://zhaoda.net/tinymce-upload/example.html 大体思路就是 添加js的一个函数,这个是tinymec自带的 file_picker_call

在jsp页面中添加富文本编译器(ueditor)+ 图片上传功能

一次老大让我把文本的编辑区域加一个富文本编译器,于是马上下载了一个kindEditor来试试,但后来老大推荐说百度的ueditor编译器不错,于是我便怀着扩展知识,又学到一个新东西的心理下载了百度的ueidtor编译器,整合到项目中感觉确实不错,今天就和大家分享下这个富文本编译器的使用-- 第一步:首先下载ueditor编译器,地址:http://ueditor.baidu.com/website/ 下载完解压之后就这个: 第二步:我会把文件名utf-8-jsp这个文件名改为ueditor,然后

Node.js 博客实例(三)添加文件上传功能

原教程 https://github.com/nswbmw/N-blog/wiki/_pages的第三章 上传文件眼下有三种方法: 使用 Express 自带的文件上传功能,不涉及数据库 使用 Formidable 外部模块,不涉及数据库 上传到 MongoDB ,涉及数据库 这里使用第一种,用户将文件上,存储于:blog/public/images/文件夹下. blog/views/header.ejs  在<span><a title="发表" href=&quo

为ckeditor编辑器修改添加一键排版功能

1.批量去除超链接:打开 statics/js/ckeditor/ckeditor.js找到:$.execCommand('unlink',false,null); 修改为:$.execCommand('unlink',false,true); 2.上传图片自动添加ALT参数修改 statics/js/ckeditor/plugins/image/dialogs/image.js找到:accessKey:'T','default':" 替换成:accessKey:'T','default':$(

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能

很久没有更新博客了,再不写点东西都烂了. 这次更新一个小内容,是两个插件的组合使用,实现头像上传功能. 业务需求: 头像上传功能,要对上传的文件进行剪切,且保证头像到服务器时必须是正方形的. 优化<input type="file">的显示样式,基础的样式实在太难看了. 上传的头像需要进行质量压缩跟大小裁剪,以减缓浏览器的压力. 成果预览: 使用到的技术插件 Jcrop:用于前端"裁剪"图片 bootstrap-fileinput:用于前端优化上传控件样

thinkphp实现UploadFile.class.php图片上传功能

图片上传在网站里是很常用的功能.ThinkPHP里也有自带的图片上传类(UploadFile.class.php) 和图片模型类(Image.class.php).方便于我们去实现图片上传功能,下面是实现方法 1.我们首先需要创建一个表 复制代码代码如下: CREATE TABLE IF NOT EXISTS `tp_image` ( `id` int(11) NOT NULL AUTO_INCREMENT, `image` varchar(200) NOT NULL, `create_time