dedecms系统自带的网站栏目是没有图片这个选项的,但是有时候又需要网站栏目可以独立上传一个图片或者图标之类的。那么如何给网站栏目添加图片选项呢?
工具/原料
已安装的dedecms系统一个
phpstorm工具
FileZilla Client上传工具
增加数据字段
1、登录数据库管理工具,找到数据表test_arctype,然后进入到该表的“编辑表结构”页面。
2、给数据表test_arctype增加一个字段tpic,字段类型设置为char,长度是100,字符集设置为utf8,检验规则设置为utf8_general_ci。
3、设置好之后点击“保存”。
修改栏目新增功能
1、打开FileZilla Client上传工具,连接上存放dedecms网站系统的空间,把/dede/templets/catalog_add.htm下载下来,同时打开phpstorm工具。
2、用phpstorm工具打开后台文件/dede/templets/catalog_a蟠校盯昂dd.htm,然后查找“屡郭瓜开排列顺序”,在这个行下方增加如下代码。<tr> <td class='bline' height="26" style="padding-left:10px;"> 栏目图片: </td> <td class='bline'> <input name="tpic" type="text" id="tpic" style="width:240px" /> <input type="button" value="选择图片" onClick="SelectImage('form1.tpic','small');" name="Submit2" style="margin-left:8px;" class='np coolbg'/> </td></tr>然后用FileZilla Client上传工具上传到网站空间对应的位置中。具体如下图:
3、在catalog_add.htm代码中的<head>和</head>之间增加一行代码<script language='javascript' src="js/main.js"></script>
4、打开文件/dede/catalog_ad蟠校盯昂d.php,查找$in_query = "INSERT 朐袁噙岿INTO `#@__arctype`,把下面这行代码修改一下,增加一个 tpic字段进去。$in_query = "INSERT INTO `#@__arctype`(reid,topid,sortrank,typename,typedir,isdefault,defaultname,issend,channeltype,tempindex,templist,temparticle,modname,namerule,namerule2,ispart,corank,description,keywords,seotitle,moresite,siteurl,sitepath,ishidden,`cross`,`crossid`,`content`,`smalltypes`)VALUES('$reid','$topid','$sortrank','$typename','$typedir','$isdefault','$defaultname','$issend','$channeltype','$tempindex','$templist','$temparticle','default','$namerule','$namerule2','$ispart','$corank','$description','$keywords','$seotitle','$moresite','$siteurl','$sitepath','$ishidden','$cross','$crossid','$content','$smalltypes')";修改成以下代码:$in_query = "INSERT INTO `#@__arctype`(reid,topid,sortrank,typename,typedir,isdefault,defaultname,issend,channeltype,tempindex,templist,temparticle,modname,namerule,namerule2,ispart,corank,description,keywords,seotitle,moresite,siteurl,sitepath,ishidden,`cross`,`crossid`,`content`,`smalltypes`,`tpic`)VALUES('$reid','$topid','$sortrank','$typename','$typedir','$isdefault','$defaultname','$issend','$channeltype','$tempindex','$templist','$temparticle','default','$namerule','$namerule2','$ispart','$corank','$description','$keywords','$seotitle','$moresite','$siteurl','$sitepath','$ishidden','$cross','$crossid','$content','$smalltypes','$tpic')";最后上传到对应的网站空间中。
5、网站栏目的新增功能就已经完成修改了。
修改栏目编辑功能
1、用phpstorm工具打开后台文件/dede/templets/catalog_e蟠校盯昂dit.htm,然后查找“排列顺序”,在这个行下方增加如下代码。<tr> <td class='bline' height="26" style="padding-left:10px;"> 栏目图片: </td> <td class='bline'> <input name="tpic" type="text" id="tpic" style="width:240px" value="<?php echo $myrow['tpic']?>" /> <input type="button" value="选择图片" onClick="SelectImage('form1.tpic','small');" name="Submit2" style="margin-left:8px;" class='np coolbg'/> </td></tr>然后用FileZilla Client上传工具上传到网站空间对应的位置中。具体如下图:
2、在catalog_edit.htm代码中的<head>和</head>之间增加一行代码<script language='javascript' src="js/main.js"></script>
3、打开文件/dede/catalog_ed坡纠课柩it.php,查找if($dopost=="save"),把下面这行代码修改一下,增加一个 tpic字段进去。$upquery = "UPDATE `#@__arctype` SET issend='$issend', sortrank='$sortrank', typename='$typename', typedir='$typedir', isdefault='$isdefault', defaultname='$defaultname', issend='$issend', ishidden='$ishidden', channeltype='$channeltype', tempindex='$tempindex', templist='$templist', temparticle='$temparticle', namerule='$namerule', namerule2='$namerule2', ispart='$ispart', corank='$corank', description='$description', keywords='$keywords', seotitle='$seotitle', moresite='$moresite', `cross`='$cross', `content`='$content', `crossid`='$crossid', `smalltypes`='$smalltypes' $uptopsqlWHERE id='$id' ";修改成以下代码:$upquery = "UPDATE `#@__arctype` SET issend='$issend', sortrank='$sortrank', typename='$typename', typedir='$typedir', isdefault='$isdefault', defaultname='$defaultname', issend='$issend', ishidden='$ishidden', channeltype='$channeltype', tempindex='$tempindex', templist='$templist', temparticle='$temparticle', namerule='$namerule', namerule2='$namerule2', ispart='$ispart', corank='$corank', description='$description', keywords='$keywords', seotitle='$seotitle', moresite='$moresite', `cross`='$cross', `content`='$content', `crossid`='$crossid',`tpic`='$tpic',`smalltypes`='$smalltypes' $uptopsqlWHERE id='$id' ";最后上传到对应的网站空间中。
4、到此为止就已经成功的添加栏目图片功能了。