您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程
织梦首页分页效果制作实例分享
曹讯波2024-08-26DedeCMS教程已有人查阅
导读在用织梦做网站时,有时候需要实现首页分页效果,例如在做博客站时就需要首页分页效果,但是织梦本身首页是不带分页功能的,那如何实现织梦首页分页呢?有3种办法可以实现:
在用织梦做网站时,有时候需要实现首页分页效果,例如在做博客站时就需要首页分页效果,但是织梦本身首页是不带分页功能的,那如何实现织梦首页分页呢?有3种办法可以实现:
一、用arclist标签+Ajax实现织梦首页分页
二、交叉栏目ID 实现织梦首页分页
三、自由列表实现织梦首页分页
那我们先来讲讲第一种方法:
一、用arclist标签+Ajax实现织梦首页分页
1、必须在首页<head></head>中引入
{dede:arcpagelist tagid='index'/}
二、交叉栏目ID 实现织梦首页分页
1、首先你在后台新建一个"首页"的的栏目
3、模板就直接用列表模板就可以了,如果你技术好的话,可以设计成自己想要的模板,比如矮油设计{iucms.com}瀑布流淘宝客模板首页采用的list_index.htm就是单独设计的,那么设置首页模板就可以设成这个,如下图
4、主要注意几点:
(1)交叉的id只能写之后一级的栏目id,就是你文章的隶属栏目id;
(2)更新不能用首页更新要用 更新栏目HTML 首页链接地址还是不变。
5、交叉栏目ID 制作的织梦首页分页可以实现了。
三、自由列表实现织梦首页分页
因为用自由列表实现织梦首页分页,后台中的更新首页HTML功能就废了,以后一键生成网站以后要到自由列表中去生成一次,否则网站首页为空白,所以这种方法还是不建议使用的。
制作方法如下:
下面就说一下用织梦的自由列表实现首页分页效果。
自由列表:不同于arclist等标签,自由列表标签freelist可以对调用的数据进行分页,这样可以通过对自由列表指定模板按照自定义规则生成不同顺序列表,实现统一化的文档管理。
自由列表同时可以独立编译,不与其他模板混在一起,不会影响系统生成HTML及访问速度。
详细说明可参考织梦的帮助文档:http://help.dedecms.com/v53/archives/start/freelist
下面结合轻狂志使用情况讲一下自由列表的基本用法。
1、点击“核心-频道模型-自由列表管理”,然后在右边点“增加列表”:
说明:
列表HTML存放目录:{cmspath}/freelist/表示在根目录下的freelist,建议把/freelist/删除,存放在根目录。
不要勾选“不使用目录默认主页”,否则更新后系统不会自动复制列表第一页为首页。
命名规则:{listdir}/index_{listid}_{page}.html中的{listid}表示自由列表ID,建议去掉,整体改为{listdir}/index_{page}.html,这样生成的页面为inetx_1.html、index_2.html、index_3.html……
列表模板:{style}/list_free.htm保持默认就可以,当然,你的模板目录下面必须要有list_free.htm这个文件。
2、自由列表模板
List_free.htm里面的列表的编辑方法和普通的文章列表的编辑方法几乎一样。仅仅是用dede:freelist代替dede:list 。
做好自己的list_free.htm模板,放到自己的模板文件夹中。
3、设置完成后,更新一下列表。网站根目录就会有index.html文件,这个就是自由列表生成的首页,并且还会有很多index_*.html这样的文件,这是自由列表的分页。
4、到这一步你会发现有一些无伤大雅的小问题,不过对于我们追求完美的站长来说这样是不行的,所以我们继续:打开dede\templets\freelist_add.htm找到113行,把value="1"改为value="0"。再打开dede\templets\freelist_edit.htm找到89行,把value="1"改为value="0"。这样“不使用目录默认主页”就永远不会自己勾选啦。
6、好像还有问题:文章列表的缩略图怎么这么小?太不美观了!那么打开include\arc.freelist.class.php文件,找到421和422行,把其中的80改为你想要的大小,保存后重新生成列表。
这样就完成了用自由列表实现织梦首页分页效果。
但事实上这种方法不是太好,这种方法,首页不能自动更新,每次更新都需要你手动更新自由列表。所以建议还是不要用织梦的首页分页效果。
一、用arclist标签+Ajax实现织梦首页分页
二、交叉栏目ID 实现织梦首页分页
三、自由列表实现织梦首页分页
那我们先来讲讲第一种方法:
一、用arclist标签+Ajax实现织梦首页分页
1、必须在首页<head></head>中引入
<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
2、<head></head>必须加入
<script>
function multi(pagenum,tagid)
{
var taget_obj = document.getElementById(tagid);
var taget_obj_page = document.getElementById("page_"+tagid);
myajax = new DedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("/plus/arcmulti.php?mtype=0&pnum="+pagenum+'&tagid='+tagid);
myajax = new DedeAjax(taget_obj_page,false,false,'','','');
myajax.SendGet2("/plus/arcmulti.php?mtype=1&pnum="+pagenum+'&tagid='+tagid);
DedeXHTTP = null;
}
</script>
3、在arclist标签中必须含有tagid与pagesize参数。 第一个是缓存名,第二个是单页条数。
{dede:arclist tagid='index' pagesize='20'}
<li><a href="[field:arcurl/]" >[field:title/]</a></li>
<p>[field:info/]...</p>
{/dede:arclist}
4、必须存在arcpagelist标签,且必须声明缓存参数tagid且缓存参数与arclist中tagid保持一致。{dede:arcpagelist tagid='index'/}
二、交叉栏目ID 实现织梦首页分页
1、首先你在后台新建一个"首页"的的栏目
3、模板就直接用列表模板就可以了,如果你技术好的话,可以设计成自己想要的模板,比如矮油设计{iucms.com}瀑布流淘宝客模板首页采用的list_index.htm就是单独设计的,那么设置首页模板就可以设成这个,如下图
4、主要注意几点:
(1)交叉的id只能写之后一级的栏目id,就是你文章的隶属栏目id;
(2)更新不能用首页更新要用 更新栏目HTML 首页链接地址还是不变。
5、交叉栏目ID 制作的织梦首页分页可以实现了。
三、自由列表实现织梦首页分页
因为用自由列表实现织梦首页分页,后台中的更新首页HTML功能就废了,以后一键生成网站以后要到自由列表中去生成一次,否则网站首页为空白,所以这种方法还是不建议使用的。
制作方法如下:
下面就说一下用织梦的自由列表实现首页分页效果。
自由列表:不同于arclist等标签,自由列表标签freelist可以对调用的数据进行分页,这样可以通过对自由列表指定模板按照自定义规则生成不同顺序列表,实现统一化的文档管理。
自由列表同时可以独立编译,不与其他模板混在一起,不会影响系统生成HTML及访问速度。
详细说明可参考织梦的帮助文档:http://help.dedecms.com/v53/archives/start/freelist
下面结合轻狂志使用情况讲一下自由列表的基本用法。
1、点击“核心-频道模型-自由列表管理”,然后在右边点“增加列表”:
说明:
列表HTML存放目录:{cmspath}/freelist/表示在根目录下的freelist,建议把/freelist/删除,存放在根目录。
不要勾选“不使用目录默认主页”,否则更新后系统不会自动复制列表第一页为首页。
命名规则:{listdir}/index_{listid}_{page}.html中的{listid}表示自由列表ID,建议去掉,整体改为{listdir}/index_{page}.html,这样生成的页面为inetx_1.html、index_2.html、index_3.html……
列表模板:{style}/list_free.htm保持默认就可以,当然,你的模板目录下面必须要有list_free.htm这个文件。
2、自由列表模板
List_free.htm里面的列表的编辑方法和普通的文章列表的编辑方法几乎一样。仅仅是用dede:freelist代替dede:list 。
做好自己的list_free.htm模板,放到自己的模板文件夹中。
3、设置完成后,更新一下列表。网站根目录就会有index.html文件,这个就是自由列表生成的首页,并且还会有很多index_*.html这样的文件,这是自由列表的分页。
4、到这一步你会发现有一些无伤大雅的小问题,不过对于我们追求完美的站长来说这样是不行的,所以我们继续:打开dede\templets\freelist_add.htm找到113行,把value="1"改为value="0"。再打开dede\templets\freelist_edit.htm找到89行,把value="1"改为value="0"。这样“不使用目录默认主页”就永远不会自己勾选啦。
6、好像还有问题:文章列表的缩略图怎么这么小?太不美观了!那么打开include\arc.freelist.class.php文件,找到421和422行,把其中的80改为你想要的大小,保存后重新生成列表。
这样就完成了用自由列表实现织梦首页分页效果。
但事实上这种方法不是太好,这种方法,首页不能自动更新,每次更新都需要你手动更新自由列表。所以建议还是不要用织梦的首页分页效果。
本文标签:
很赞哦! ()
相关教程
图文教程
dede织梦留言板刷新后空白BUG解决方法
解决方法如下进入文件/plus/guestbook.php找到代码ShowMsg("验证码不正确!","");改为ShowMsg("验证码不正确!","-
织梦dedecms更换服务器搬家步骤教程
织梦dedecms搬家是件非常谨慎的事情,首先是数据库一定要备份。二是注意网站中途不要断网。因为搬家肯定需要更换IP主机的。万一没弄好了。新站没弄好。
dede织梦channelartlist标签调用实例代码
最近开始研究了一些织梦模板的标签语法。今天我将深层次研究channelartlist标签,大家都知道在织梦模板的系统中,我们可以用这个标签进行循环子栏目及其栏目的文档数据
UCweb浏览器访问DedeCmsWap页面空白怎么办
有些朋友用UCweb访问dedecms Wap页面会出现空白的情况如果出现这种情况可以按下面方法进行修改。
相关源码
-
(自适应)绿色农业大型机械设备展示网站模板下载基于PbootCMS内核深度定制开发的农业机械行业专用模板。针对农机设备展示、产品参数说明等需求优化设计,突出农业机械行业特性查看源码 -
(自适应响应式)投资理财金融机构财务管理pbootcms模板本模板基于PbootCMS系统开发,为投资理财、金融机构等行业设计。采用专业严谨的布局风格,突出金融服务行业特色,适合展示各类理财产品、投资服务和金融资讯。查看源码 -
(自适应)品牌创意设计作品工作室pbootcms模板下载该模板适用于品牌策划、艺术设计、广告创意公司官网,亦可通过替换图文快速适配其他行;高端创意设计公司工作室网站源码极简代码架构、艺术化视觉布局、企业级功能扩展性。查看源码 -
(自适应)WordPress主题SEO自媒体博客资讯模板RabbitV2.0Rabbit v2.0主题专注于网站搜索引擎优化需求,为博客、自媒体及资讯类网站提供专业的SEO技术解决方案。该主题从架构设计到功能实现均围绕搜索引擎优化理念展开。查看源码 -
(自适应多语言)WordPress开源主题MirageV资讯个人博客源码MirageV资讯类个人博客主题源码/WordPress主题/全开源MirageV 是一款开源的 WordPress 主题,支持自适应、暗黑模式、多语言等功能,查看源码 -
(PC+WAP)货物运输快递物流汽车贸易pbootcms模板下载为货运代理、汽车贸易及快递企业设计的全终端适配网站系统,整合运单追踪与车辆展示核心功能模块原生开发的DIV+CSS架构,支持WebP图像压缩技术。查看源码
| 分享笔记 (共有 篇笔记) |
