自丟網

 找回密碼
 立即注冊
搜索
打印 上一主題 下一主題

dedecms織夢添加并調用欄目縮略圖方法教程

[復制鏈接]
跳轉到指定樓層
樓主
admin 發表于 2019-7-9 07:42:02 | 查看: 55|回復: 2 | 只看該作者 |只看大圖 回帖獎勵 |倒序瀏覽 |閱讀模式
dedecms織夢添加并調用欄目縮略圖方法教程

1,首先,在后臺執行sql語句,添加欄目縮略圖字段

alter table `dede_arctype` add `typeimg` char(100) NOT NULL default '';

其中dede為表前綴,若有做修改,請改為修改后的前綴

typeimg為縮略圖字段,可以修改成自己需要的字段,若此處做了修改,后面的所有字段請記得修改成對應的字符




而后,除了我們的模版文件,一共需要修改系統的五個文件:

1:/dede/catalog_add.php 增加欄目文件

2:/dede/catalog_edit.php 修改欄目文件

3:/dede/templets/catalog_add.htm 增加欄目文件

4:/dede/templets/catalog_edit.htm 修改欄目文件

5:/nclude/taglib/channel.lib.php 字段調用文件

打開/dede/catalog_add.php

查找:(reid,topid,sortrank,typename,typedir,

修改為:(reid,topid,sortrank,typename,typedir,typeimg,

查找:('~reid~','~topid~','~rank~','~typename~','~typedir~',

修改為:('~reid~','~topid~','~rank~','~typename~','~typedir~','~typeimg~',

-----------------------------------------------------------------------------

打開/dede/catalog_edit.php

搜索:$upquery = "UPDATE `dede_arctype` SET

在其下方添加:`typeimg`='$typeimg',

----------------------------------------------------------------------------

打開/dede/templets/catalog_add.htm

搜索:列表命名規則:

在其tr下方添加一個tr,內容如下:

  1. <tr>
  2. <td height="65"
  3. style="padding-left:10px;">欄目圖片:</td>
  4. <td><input name="typeimg"
  5. type="text" style="width:250px" id="typeimg" class="alltxt" value="" />
  6. <input type="button" name="set9" value="瀏覽... "class="coolbg np"
  7. style="width:60px"
  8. onClick="SelectTemplets('SelectImage('form1.typeimg','small');"
  9. />(欄目模板里用{dede:field.typeimg /}調用)
  10. </td>
  11. </tr>
復制代碼

效果如圖:




修改好以上代碼后,在head區域引入main.js文件


----------------------------------------------------------------------------

打開/dede/templets/catalog_edit.htm

搜索:列表命名規則:

在其tr下方添加一個tr,內容如下:

  1. <tr>
  2. <td height="65" style="padding-left:10px;">欄目圖片:</td>
  3. <td><input name="typeimg" type="text" style="width:250px"
  4. id="typeimg" class="alltxt" value="<?php echo $myrow['typeimg']?>"
  5. /><input type="button" name="set9" value="瀏覽... "class="coolbg np"
  6. style="width:60px" onClick="SelectImage('form1.typeimg','small');"
  7. />(欄目模板里用{dede:field.typeimg /}調用) </td>
  8. </tr>
復制代碼

效果如圖:


同樣引入main.js文件,操作同上

----------------------------------------------------------------------------

打開:/nclude/taglib/channel.lib.php

搜索:SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath

替換為:SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,typeimg

如圖:


----------------------------------------------------------------------------

上傳:

在欄目的高級選項操作,如圖:


----------------------------------------------------------------------------

調用:

通過:[field:typeimg/]調用

實例:

  1. <a href="[field:typelink/]"><img src="[field:typeimg/]" width="58" height="42" /></a></div>
復制代碼

推薦給好友: [復制鏈接]
上一篇:CSS背景圖片添加超鏈接的方法教程摘要:CSS背景圖片添加超鏈接的方法教程 在做頁面時候,有時 ...
下一篇:織夢dedecms欄目縮列圖dede:sql調用方法教程摘要:織夢dedecms欄目縮列圖萬能調用方法教程在模板里面直 ...
樓主熱帖
回復

使用道具 舉報

沙發
 樓主| admin 發表于 2019-7-9 09:29:42 | 只看該作者
回復

使用道具 舉報

板凳
 樓主| admin 發表于 2019-7-9 11:53:11 | 只看該作者
回復

使用道具 舉報

網站地圖|百度統計|免責聲明|Archiver|手機版|小黑屋|ZiDiu.Com ( 粵ICP備17166275號 )

GMT+8, 2019-8-20 11:08 , Processed in 0.140625 second(s), 38 queries .

Powered by Discuz!

© Comsenz Inc.

快速回復 返回頂部 返回列表
鸟叔彩金