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

dedecms文章列表页添加缩略图的实现方法

书雪2024-07-02DedeCMS教程已有人查阅

导读当我们需要在栏目文章列表页用一张图片来区别其他栏目,或者我们列举栏目的时候,想在栏目名称开如果没有这项功能会非常麻烦,网上有很多这方面的资料

当我们需要在栏目文章列表页用一张图片来区别其他栏目,或者我们列举栏目的时候,想在栏目名称开如果没有这项功能会非常麻烦,网上有很多这方面的资料,但是都试过了有很多问题,自己研究一下,测试基本通过。需要新加字段 typeimg。
添加typeimg字段的SQL: 
alter table `80php_arctype` add `typeimg` char(100) NOT NULL default '';
1.涉及到文件:
dede/catalog_add.php
dede/catalog_edit.php
dede/templets/catalog_add.htm
dede/templets/catalog_edit.htm
2.修改添加和编辑栏目的php代码
(1) 打开dede/catalog_add.php
查找$queryTemplate = "insert into `80php_arctype`
将 (reid,topid,sortrank,typename,typedir, 替换为 (reid,topid,sortrank,typename,typedir,typeimg,
将 ('~reid~','~topid~','~rank~','~typename~','~typedir~', 替换为 ('~reid~','~topid~','~rank~','~typename~','~typedir~','~typeimg~',
(2) 打开dede/catalog_edit.php
查找
$upquery = "Update `80php_arctype` set
在其下面新加一行 `typeimg`='$typeimg',
3.修改添加和编辑栏目的模板文件
(1) 打开dede/templets/catalog_add.htm
查找
<tr>
<td height="26">列表命名规则:</td>
<td>
<input name="namerule2" type="text" id="namerule2" value="{typedir}/list_{tid}_{page}.html" class="pubinputs" style="width:250px" />
<img src="img/help.gif" alt="帮助" width="16" height="16" border="0" style="cursor:pointer" onClick="ShowHide('helpvar3')"/>
</td>
</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>
(2) 打开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调用就可以了。

本文标签:

很赞哦! ()

相关源码

  • (自适应)绿色园林建筑花卉园艺艺术模板免费下载为景观设计及园艺企业打造的响应式网站框架,基于PbootCMS系统开发,帮助传统园林行业建立现代化数字展示平台。采用标准DIV+CSS前端架构,代码精简无冗余。查看源码
  • (PC+WAP)历史复古古典古籍文章资讯类pbootcms模板下载本模板基于PbootCMS系统开发,为古籍研究、历史文献类网站设计,特别适合展示古典书籍、历史档案等文化内容。采用复古风格设计,同时具备现代化响应式布局,确保在PC和移动设备上都能呈现优雅的阅读体验。查看源码
  • (自适应)蓝色沙盘复古建筑模型制作网站模板源码下载为建筑沙盘模型企业设计的响应式网站模板,通过三维空间展示技术结合产品参数可视化,有效提升模型作品的线上呈现效果与客户咨询转化率。查看源码
  • 自适应html5二极管LED灯具灯饰类企业网网站模板该PbootCMS内核开发的响应式模板专为LED照明、灯具制造类企业设计,通过HTML5技术实现手机与PC端自适应显示,确保跨设备访问体验一致。企业可快速替换图文内容适配其他工业领域查看源码
  • (自适应)蓝色环保科技设备带三级栏目网站模板下载该模板为环保科技企业设计,提供专业的产品展示与技术服务平台。采用响应式布局,适配环保设备、清洁技术等应用场景,通过可视化后台可快速搭建符合行业特性的展示网站。查看源码
  • (PC+WAP)蓝色弹簧针厂家探针充电连接器设备网站源码下载基于PbootCMS开发的响应式模板,为弹簧针、探针连接器等电子元器件企业设计。模板采用工业蓝主色调,突出产品技术特性,支持多维度展示连接器产品的规格参数与应用场景,帮助制造企业建立专业线上展示平台。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐