首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

大中型网站列表翻页过多怎么优化?

稍大型的商务或信息类网站都可能会在产品列表,也就是最末一级的分类页面上,存在翻页过多的问题。...通常产品列表会显示10个或20个产品,然后列出翻页链接,除了“上一”和“下一”,网站可能列出5个、10个翻页链接。图片用户点击页面10,在第10上又会列出10-19翻页。...如果图像所示那样列出5个翻页,当前页面居中,要到达第50已经是十二三次点击之后了。很多网站在某个分类下有成千山万的产品,可以想象,按照传统翻页导航,列在后面的产品可能需要点击几十上百次才能到达。...解决方法二、对翻页链接进行格式变化比如将翻页链接改为下面这种格式:1,2,3,4,5,10,20,30,40,50这样排在第50的产品,只要再多一次点击也能到达。...大中型网站产品数量过多,列表翻页过多可能会造成重复收录的情况,所以现在很多网站在产品列表都有自动加载功能,当用户鼠标滑动到列表最底部的时候,会自动加载更多的产品。

76220
您找到你想要的搜索结果了吗?
是的
没有找到

dedecms文章列表标题增加序号,第二开始才显示第x

想必大伙建站都会写文章,随着时间的推移,你的智慧结晶会越来越多,一般的建站程序早帮你想好了,把这些文章做成一个列表,比如dedecms栏目列表,便于观众浏览,但有个问题就是dedecms文章列表标题没有序号...,如果是默认的话,第N的标题和第一的标题一模一样,对se相当不友好,它会认为你的网站重复页面太多,可能会对你的网站区别对待,那就太委屈了。   ...那么,怎么为dedecms文章列表标题增加序号呢?织梦cms有一个文章列表函数:dede:pagelist,但这个函数可能没有具体运用到模板标题中,so,我们来just do it。   ...- {dede:global.cfg_webname/}   但是这样还是不够完善,列表第一还是会重复,比如/js/gdjs/和/js/gdjs/list_73_1.html内容是一样的,却出现了两个...参考自“DedeCms栏目列表标题第x序号的完美修改方法”,请自行搜索。   既然要做,就做得彻底些,把描述标签(description)也完善一下吧。

2.9K10

22、商品列表

前言:本章主要是商品列表的一个基本布局讲解。...router路由.png 2、编写商品列表 (1)头部标题 头部跟classify.vue页面的头部栏大同小异,所以你也可以抽离成一个组件;其次,对于title名的话应该是由路传参带过来的、是动态的,...click事件 这样,我们从上一级点击进来的名字就赋到商品列表的title了: ? 头部标题 对这部分路由传参还不熟的可参考v-router之什么是编程式路由 (2)筛选工具栏 ?...筛选工具栏 (3)商品列表 对于商品列表我们可以把里面的单个商品item用封装成一个组件从而实现复用。 components文件夹下新建goodItem.vue组件 ?...新建goodItem.vue组件 引入组件并完善商品列表页面样式,这就是我们商品列表的一个基本呈现: ?

1.9K40

php实现网页上一下一翻页过程详解

前言 这几天做项目因为数据太多,需要对信息进行上下翻页展示,就自己写了翻页的代码 大致功能就是页面只显示几条信息,按上一、下一切换内容,当显示第一时上一和首页选项不可选,当页面加载到最后一时下一和尾选项不可选...将每一条数据echo替换HTML结构内容中,最后显示出来 关于分页的限制条件很简单,只要查询到当前为第1时,首页和上一选项跳转链接都固定在第一同时设置选项disabled不可选,尾也是相同的步骤...</ul 上下翻页: <div class="page text-center" <ul class="pagination" id="page" <li data-i="0" id="index...} setTimeout(function () { show(0); },100); $('#page').on('click','li',function () {//上下<em>翻页</em>...,尾<em>页</em>和下一<em>页</em>选项禁止点击*/ $('#index').removeClass('disabled').next().removeClass('disabled'); $('#end

2.9K41

lxparse:解析列表链接和详情内容

lxparse:一个适用于解析列表链接和提取详请内容的Python库。...所以写一个自动提取列表链接的方法。 奈何国内的站点页面类型千奇百怪,几乎不存在通用的解析方法,只能说尽可能让页面内容提取更便捷一些。...lxparse中的列表解析借助了readability的主体抽取方法,详情解析引用了gen的一些正则匹配方法。 ---- 实现逻辑 列表 1、提取列表主体。...详情 标题、作者、来源:以常见规则匹配,并筛选和评估最优解。 发布时间:以常见规则和正文内容匹配,经过处理和验证后返回时间格式。...xpath_content':'', } lx.parse_detail(detail_html,item=xpath_item) parse_detail 返回: ---- 测试代码 demo文件中分别有列表和详情的解析示例

1.1K30

详情返回到列表定位处理

1.背景 在H5面的电商系统中往往会有以下需求: 点击分类等跳转到商品列表,点击某个商品之后再返回到列表,返回列表页面的时候能记住之前浏览的位置: 2.方案: 我们需要哪些数据?...从商品详情回到列表页面的时候,判断是否是从详情返回的(可以根据 window.location.hash判断)。如果是从详情返回的,将数据加载到html页面。 缓存过期后,清除缓存。...点击进入商品详情之前将当前页数、数据、滚动距离更新到对象中。...从商品详情回到列表页面的时候,$(window).load()判断是否有数据,有就从对象中取,否则ajax请求 window.history.replaceState({}, “”, page); 清空数据...window.history.state; //把页面和data赋值给全局变量 window.history.replaceState({}, "", "list.html"); //清空state,防止列表点返回的时候会回到上一个

1.4K30

Dedecms普通模型入门教程

global.cfg_cmsurl/}说明:首页的http连接 l {dede:global.cfg_basehost/}说明:网站根目录网址(比如你在http://www.0377joyous.com/dedecms...arclist}获取指定文档,其中row是行数,titlelen是标题长度,orderby是排序规则,imgwidth、imgheight是缩略图宽度和高度,limit是起始位置和信息条数(更多内容可以参看dedecms...后面可以设置自己需要显示的时间要求 l {dede:pagelist listitem=”info,index,end,pre,next,pageno,option” listsize=”5″/}显示翻页代码... 下一 end 末 option 下拉跳转框 l  {dede:prenext get=’pre’/}{dede:prenext get=’next’/}上下篇标签 l {dede:myad name...栏目属性 最终列表栏目:依赖模板article_article.htm和list_article.htm 频道封面:(用于单显示)依赖index_article.htm,内容使用{dede:field.content

6.3K60

DEDE列表翻页显示竖向效果,修改为横线显示效果的方法

在仿站的时候,我曾经遇到好几次翻页处明明跟仿的对象站一模一样的代码,然而翻页显示个竖向效果,长长的,极其不美观.我们就先看译文,打开你列表,查到源文件翻页处是否带有标签,如果带有标签说明...,原因就出在这里,查看列表模板翻页处的时候根本看不到标签的存在,然后更新列表,查看源文件就出来了,说明这个翻页处的标签已经在默认翻页效果里添加了标签,所以我们要删除标签.DEDE...列表翻页显示纵向翻页效果,修改为横线显示效果的方法如下 1....(列表翻页效果修改)找到/include/arc.listview.class.php 查找: 全部替换为”空” 查找:全部替换为”空” 查找:<li class=\”thisclass...(内容翻页效果修改)找到/include/arc.listview.class.php 查找: 全部替换为”空” 查找:全部替换为”空” 查找:<li class=\”thisclass

1.8K30
领券