【自然框架】QuickPager分页控件,新增一种分页方式——伪URL分页(Postback版)-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

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

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

 
适用场景


  先说一下伪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分页的方式和习惯来做。 

 

 

img_405b18b4b6584ae338e0f6ecaf736533.gif代码
/// <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
    }

 

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章