【自然框架】QuickPager分页控件,新增一种分页方式——伪URL分页(Postback版)

适用场景

  先说一下伪URL分页的适用场景。在网站的网页里实现查询功能,如果查询条件比较少的话,还比较好办,把查询条件放到URL里面传递即可。但是如果查询条件过多,就会照成URL的长度过长。既不好看,编写起来也很麻烦。如果查询条件是汉字的话,还有一个编码的问题。

Postback分页

  再看看现有的几种分页方式。Postback分页方式可以利用ViewState来很方便的保存查询条件,但是由于采用表单提交的方式实现,搜索引擎不能识别。这个对于网站来说,是一个很难接受的。

URL分页

  这个是通过URL里的参数来分页,搜索引擎可以识别,而且还能使用URL重写的方式。但是要保留查询条件就比较麻烦了,一般是通过把查询条件放到URL里面来传递,但是编写起来比较复杂。当然还有其他的方法来实现。

可能的方法

  您可能会说,对于一般的不用查询的分页显示数据的需求,可以URL分页来实现。而对于需要查询的需求,我们在换成Postback的分页方式。

  这个是可以的,但是也不太方便。

  那么能不能方便的把Postback分页和URL分页的优点结合起来呢?自然框架里的QuickPager分页控件新增了一种“伪URL分页”的方式(不知道有没有其他人也是实现了类似的方法)。这种新的方式结合了Postback分页和URL分页的优点。

伪URL分页

  看起来像URL分页,当鼠标放在“下一页”(其他也类似)上面,会显示xxx.aspx?page=3这类的信息。但是实际上他是Postback的分页。

伪URL分页的连接方式:

<a  href="PsotURL.aspx?page=7" onclick="javascript:__doPostBack('Pager1',7);return false;">下一页</a>

Postback的连接方式:

<a  href="javascript:__doPostBack('Pager1',2)">下一页</a>

  对比看一下就可以发现原理。其实也很简单,postback是在href里面调用js函数,而伪URL改成了在onclick里面调用js函数,这样herf就可以“节省”出来,我们“伪装”一下,加上页号的参数即可。然后在onclick里面写上return false,“禁用”herf。

  您可能会问了,如果直接在地址栏里面输入“PsotURL.aspx?page=7”会如何?当然是显示第7页的数据了(前提是有第七页)。如果做不到这一点的话,也就无法“欺骗”搜索引擎了。

  另外伪URL分页还可以保留URL里面的参数,比如需要按照商品分类显示数据,URL里要有kind=3这样的参数,那么可以直接加在URL里面,连接里会自动加上kind=3的。

思维扩展

  这种方式也可以变成伪URL分页ajax版。就是说实质上用的ajax分页,但是为了照顾搜索引擎,可以加上一个连接给搜索引擎看。至于URL重写,可不可以,我还没有考虑好。

  在线演示:http://demo.naturefw.com/Nonline/QuickPager/default.aspx

    源代码和演示的代码 下载地址:http://www.naturefw.com/nature/down.aspx

补充:

代码编写也是非常简单的,和Postback分页相比,只是多了一个属性的设置,把Pager1.PagerTurnKind 这个属性为PagerTurnKind.PostBackURL 。

其他的完全可以按照postback分页的方式和习惯来做。 

代码
/// <summary>
    /// 伪URL分页
    /// </summary>
    public partial class PsotURL : System.Web.UI.Page
    {
        #region 初始化
        protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);
            //数据访问函数库的实例 
            Pager1.DAL = Data.DALFactory.CreateDAL();
            //设置显示数据的控件
            Pager1.ShowDataControl = this.GV;
            //定义QuickPager_SQL,设置Page属性
            Pager1.PagerSQL.Page = this;
            
            //设置成PostBackURL的分页方式
            this.Pager1.PagerTurnKind = PagerTurnKind.PostBackURL;
        }
        #endregion
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                SetPagerInfo();         //设置表名、字段名等
            }
        }
        #region 给QuickPager_SQL 设置属性,以便拼接SQL
        private void SetPagerInfo()
        {
            Pager1.PagerSQL.TableName = "Person_User_ViewLog";              //表名或者视图名称
            Pager1.PagerSQL.TableShowColumns = "UserCode as 用户,substring(IP,0,6) + '...' as IP ,访问时间,URL as 访问页面";    //需要显示的字段
            Pager1.PagerSQL.TablePKColumn = "LogID";             //主键名称,不支持复合主键
            Pager1.PagerSQL.TableOrderByColumns = "LogID desc "; //排序字段,根据分页算法而定,可以支持多个排序字段
            Pager1.PagerSQL.TableQuery = "";                      //查询条件
            Pager1.PageSize = 4;                                  //一页显示的记录数
            Pager1.NaviCount = 8;
            //设置分页方式
            Pager1.PagerSQL.SetPagerSQLKind = PagerSQLKind.Max_TopTop;

        }
        #endregion
    }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小狼的世界

使Windows Vista 也支持cUrl扩展

我们都知道PHP的扩展在php.ini中只要将extension前的注释去掉就可以,可是我在Vista下使用php_curl.dll时,却怎么都无法正常运行,到...

842
来自专栏听雨堂

页面状态保持机制(编辑中)

Web应用程序中,有很多状态需要在页面的反复回调中能够保持住,还有一些状态需要在页面之间保持。对于状态的保持,是一个值得研究的问题。状态处理不当是页面失效或错误...

2635
来自专栏算法修养

后端处理高并发状态的多次重复请求

  相信做Web的,都有可能遇到有多次重复请求发送到后端的情况。而这些重复请求,可能大都是由于在网络较差的情况下,用户多次连续点击。最后导致后端面临处理大量重复...

4438
来自专栏魏琼东

一步一步教你使用AgileEAS.NET基础类库进行应用开发-基础篇-演示ORM的基本操作

系统回顾           前面的四篇文章我详细的介绍了AgileEAS.NET平台中统一数据访问(UDA)组件的用法,分析了两种数据处理流程的优缺点,以及基...

2285
来自专栏雪胖纸的玩蛇日常

python3+django2 开发易语言网络验证(中)

3417
来自专栏跟着阿笨一起玩NET

ASP.NET中Get和Post的用法

单form的提交有两种方式,一种是get的方法,一种是post 的方法.看下面代码,理解ASP.NET Get和Post两种提交的区别:

3182
来自专栏林滨的专栏

ABP 框架 数据库底层迁移 Mysql 集群

我的各种github 开源项目和代码:https://github.com/linbin524

1400
来自专栏码农阿宇

.Net Core从命令行读取配置文件

最近在学习博客园腾飞(jesse)的.Net Core视频教程,收益匪浅,在此作推荐 : http://video.jessetalk.cn/ 言归正传,.Ne...

3004
来自专栏微服务

RabbitMQ入门HelloWorld(C#)(翻译)

介绍 先决条件 本教程假定RabbitMQ已安装并在标准端口(5672)上的本地主机上运行。如果您使用不同的主机,端口或凭据,连接设置将需要调整。 在哪里得到帮...

2759
来自专栏智能合约

node.js实现CURL功能

2002

扫码关注云+社区