您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程
dedecms文章列表页添加缩略图的实现方法
书雪2024-07-02DedeCMS教程已有人查阅
导读当我们需要在栏目文章列表页用一张图片来区别其他栏目,或者我们列举栏目的时候,想在栏目名称开如果没有这项功能会非常麻烦,网上有很多这方面的资料
当我们需要在栏目文章列表页用一张图片来区别其他栏目,或者我们列举栏目的时候,想在栏目名称开如果没有这项功能会非常麻烦,网上有很多这方面的资料,但是都试过了有很多问题,自己研究一下,测试基本通过。需要新加字段 typeimg。
添加typeimg字段的SQL:
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
查找
3.修改添加和编辑栏目的模板文件
(1) 打开dede/templets/catalog_add.htm
查找
在刚前面的位置加入:
原来是这样的:
添加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调用就可以了。
本文标签:
很赞哦! ()
相关教程
图文教程
dedecms正确设置301的方法
适用于绑定了两个域名的网站,将不带www的转向带www的,首先在空间设置里将index.php的优先级设为很高;
织梦dedecms首页幻灯片不显示的原因和解决办法
DEDE首页幻灯片不显示的大部分原因都是因为以下两点:1.DEDE幻灯片里.swf动画的路径错误.2.就是你设置的幻灯图片附件的格式问题.
织梦dedecms5.7模板标签调用总结示例
织梦DEDECMS模板调用标签大全-提高制作模板速度;关键描述调用标签:网站标题调用标签:栏目导航调用标签:指定调用栏目标签:
dedecms5.7商城系统实现游客可下订单购买的方法
有时候为了方便,我们使用的商城系统的时候,让游客也可以购买,这对于小站来说是在合适不过了。今天介绍的就是在dedecms 5.7系统的商场系统中
相关源码
-
PbootCMS(自适应手机端)智能电话AI机器人网站模板产品概述基于PbootCMS内核开发的智能电话AI机器人网站模板,为语音交互服务场景设计,采用HTML5+CSS3响应式布局技术,实现PC端与移动端数据实时同步展示。模板适用于智能电话查看源码 -
(自适应)WordPress二次元博客主题SakurairoSakurairo主题为二次元内容创作者设计,提供丰富的动漫风格元素和个性化的展示效果。该主题在原有Sakura主题基础上进行了功能增强,支持多种自定义设置,满足动漫爱好者建立个人博客的需求。查看源码 -
(自适应)大气网络公司工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板,为网络技术服务类企业打造,具备高度可定制性。通过简洁现代的设计语言展现企业专业形象,后台数据实时同步机制确保多终端内容一致性,查看源码 -
帝国cms7.5自适应手机端在线课程教育网站源码基于帝国CMS后台管理系统,支持在线修改支付参数、联系方式等配置信息,操作界面直观便捷。专注于在线教育视频领域,提供完整的视频课程展示、付费购买及在线支付解决方案。支持多种支付渠道,满足教育培训机构的运营需求。查看源码 -
响应式HTML5家居建材办公家具桌椅pbootcms模板为家居建材、办公家具企业打造的响应式网站模板,同时支持多行业快速适配通过替换文字图片即可转型为其他行业官网,大幅降低开发成本。查看源码 -
(自适应)中英双语配线器材扎带线卡网站pbootcms模板免费下载为线缆管理、电气配线领域打造的响应式网站模板,采用PbootCMS内核开发,可快速搭建企业级产品展示平台,数据实时同步管理。查看源码
| 分享笔记 (共有 篇笔记) |
