摘要:今天的DEDECMS教程中,主要讨论首页实现分页的三种方法。 有时在做 织梦模板 的时候需要实现首页分页效果,但是织梦本身首页是不带分页功能的,那如何实现织梦首页分页呢?有两种办法可以实现: 1)、用arclist标签+Ajax实现织梦首页分页 2)、交叉栏目ID 实现织梦首页分页 3)、自由列表功能实现分页...

今日推荐 厉害了,dedecms利用ajax实现列表页的加载更多和无限加载功能

今日推荐 网页设计理论:既要有对比,同时也要做好等同关系

今日推荐 [网页设计]设计师收藏精选:流行的UI与网页配色

今天的DEDECMS湖南网站设计教程中,主要讨论首页实现分页的三种方法。

  有时在做织梦模板的时候需要实现首页分页效果,但是织梦本身首页是不带分页功能的,那如何实现织梦首页分页呢?有两种办法可以实现:

1)、用arclist标签+Ajax实现织梦首页分页

2)、交叉栏目ID 实现织梦首页分页
3)、自由列表功能实现分页效果
大家根据自行的情况选择自己最适合的方法,推荐第三种方案!

 

一、用arclist标签+Ajax实现织梦首页分页



  1、必须在首页<head></head>中引入
<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>

  2、<head></head>必须加入

01 <script>
02 function multi(pagenum,tagid)
03 {
04 var taget_obj = document.getElementById(tagid);
05 var taget_obj_page = document.getElementById("page_"+tagid);
06 myajax = new DedeAjax(taget_obj,false,false,'','','');
07 myajax.SendGet2("/plus/arcmulti.php?mtype=0&pnum="+pagenum+'&tagid='+tagid);
08 myajax = new DedeAjax(taget_obj_page,false,false,'','','');
09 myajax.SendGet2("/plus/arcmulti.php?mtype=1&pnum="+pagenum+'&tagid='+tagid);
10 DedeXHTTP = null;
11 }
12 </script>

  3、在arclist标签中必须含有tagid与pagesize参数。 第一个是缓存名,第二个是单页条数。

1 {dede:arclist tagid='index' pagesize='20'}
2 <li><a href="[field:arcurl/]" >[field:title/]</a></li>
3 <p>[field:info/]...</p>
4 {/dede:arclist}

  4、必须存在arcpagelist标签,且必须声明缓存参数tagid且缓存参数与arclist中tagid保持一致

{dede:arcpagelist tagid='index'/}




  
 

二、交叉栏目ID 实现织梦首页分页


 

 

  1、首先你在后台新建一个"首页"的的栏目

长沙12UI设计教程网,湖南网站设计,毛玉萌博客

  2、设置首页栏目

 长沙12UI设计教程网,湖南网站设计,毛玉萌博客

  3、模板就直接用列表模板就可以了,如果你技术好的话,可以设计成自己想要的模板,比如矮油设计瀑布流淘宝客模板首页采用的list_index.htm就是单独设计的,那么设置首页模板就可以设成这个,如下图:

长沙12UI设计教程网,湖南网站设计,毛玉萌博客

  4、主要注意几点:

  (1)交叉的id只能写最后一级的栏目id,就是你文章的隶属栏目id;

  (2)更新不能用首页更新要用 更新栏目HTML 首页链接地址还是不变。

  5、交叉栏目ID 制作的织梦首页分页可以实现了。

 

 

三、怎样用自由列表功能实现分页效果。


 

1、我们通过更改一个织梦博客站模板实例,来演示自由列表实现分页功能,所以首先假设已经做了一个博客站模板,但首页(使用模板是index.htm)文章列表是用标签{dede:arclist row='8'}****{dede:arclist}调用的,所以调用出的文章列表是没有分页效果的,如下图:

长沙12UI设计教程网,湖南网站设计,毛玉萌博客

而正常的列表页(使用模版是list_article.htm)是有分页效果,如下图:

长沙12UI设计教程网,湖南网站设计,毛玉萌博客

我们要让首页也有列表页的这种分页导航效果。

 

2、自由列表的使用

(1)织梦后台——核心——频道模型——自由列表管理——测试内容——更改,如下图:

长沙12UI设计教程网,湖南网站设计,毛玉萌博客

 

(2)点击“更改”后,就打开了自由列表中的一个默认的“测试内容”的表。之后做如下图的设置:

长沙12UI设计教程网,湖南网站设计,毛玉萌博客

 

更改内容:

* 自由列表标题改成:“首页分页”

* 列表HTML存放目录改成:{cmspath}

* 去掉“不使用目录默认主页”前的勾

* 命名规则改成:{listdir}/index_{page}.html

* 列表模板改成:{style}/list_free.htm

 

之后继续往下看,如下图

长沙12UI设计教程网,湖南网站设计,毛玉萌博客

通过上图中的设置,来控制自由列表中显示文章列表的多少,一般情况下,我们只需要更改每页记录数、标题长度,和循环内的单行记录样式,如上图。

(2)而其中的“循环内的单行记录样式”中添加什么代码呢?

我们打开首页模板index.htm ,把调用文章列表标签{dede:arclist row='8'}{dede:arclist}之间的代码复制,粘帖到“循环内的单行记录样式” ,这个是控制文章列表的样式。

之后点击保存,自由列表的设置就完成了。

3、自由列表模板制作

(1)自由列表使用的模板是list_free.htm ,我们自己的模板中没有的话,就要做一个,方法很简单,把首页模板index.htm复制一个,改名为list_free.htm。

(2)打开list_free.htm,把调用文章列表的{dede:arclist row='8'}***{dede:arclist}这个代码块用{dede:freelist/}替换。

(3)之后在文章列表模板list_article.htm中,找到分页导航的代码,复制,并粘帖list_free.htm的相同位置。

这样自由列表模板就制作完成了。

 

4、生成自由列表

再次进入自由列表管理界面,点击更新按钮,如下图:

长沙12UI设计教程网,湖南网站设计,毛玉萌博客

之后进入生成界面,直接点击生成,就会在网站根目录生成index_*.html的网页,如下图:

长沙12UI设计教程网,湖南网站设计,毛玉萌博客

    总结:这样再看网站首页时,博客站首页列表就有了分页导航。


本文《网站建设设计:dedecms首页列表实现分页的三种方法》来源互联网学习所得,技术支持:920seo

本文《网站建设设计:dedecms首页列表实现分页的三种方法》所属栏目:网站建设设计   网站设计

本文《网站建设设计:dedecms首页列表实现分页的三种方法》请注明出处,链接:https://12ui.cn/web/99.html

发表评论

◎欢迎参与讨论,留言审核通过将公布在留言本。