学习编程也有一年半载了,从来没有自己动手写过东西,都是利用搜索软件找代码,最近偶发感慨,难道真的继续做码农???

突发奇想是不是该自己动手写点东西,可是算法、逻辑思维都太弱了,只能copy网上的代码,所有就从简单的写起,以后会不定期的推出!

下面是我本周业余时间写的 ASP.NET 分页,以不同的方式去实现最终的结果,先给大家看效果图

1、这是最满意的一个分页功能(看图片是不是特别像博客园首页的分页),并且是异步实现:

  自己动手写 ASP.NET MVC 分页     part1

   自己动手写 ASP.NET MVC 分页     part1

  自己动手写 ASP.NET MVC 分页     part1

  自己动手写 ASP.NET MVC 分页     part1

 自己动手写 ASP.NET MVC 分页     part1

  自己动手写 ASP.NET MVC 分页     part1

2、这个是最开始写的一个分页,按钮用的是button (见笑了):

自己动手写 ASP.NET MVC 分页     part1

 

3、这个是1的前身,从它修改过去的

自己动手写 ASP.NET MVC 分页     part1

 自己动手写 ASP.NET MVC 分页     part1

自己动手写 ASP.NET MVC 分页     part1

自己动手写 ASP.NET MVC 分页     part1

自己动手写 ASP.NET MVC 分页     part1

 

好了效果看完了,得贴代码了(这里声明个事情:我用的是伪数据,如果想直接使用到项目中还的做少量的修改)

如果您发现有不合理的地方希望不腻赐教,小弟先在这里谢过您了!

首先把第一个分页效果的代码贴出来(2,3和1共享的代码我将会标注:1.2.3 共享<共享的代码后面的2.3我就不贴了>)

好了,屁话不说了,文笔不好(语文体育老师教的),将就着看吧 !

1.2.3 共享   定义一个分页类对象 HTMLPager

    /// <summary>
    /// 分页类的属性
    /// </summary>
    public class htmlPager
    {
        public int pageIndex { get; set; }//当前页
        public int countTotal { get; set; }//总条数
        public int pageBack {//上一页
            get {
                if (pageIndex==0)
                {
                    pageIndex = 0;
                }
                else
                {
                    pageIndex -= 1;
                }

                return pageIndex;
            }
        }
        public int pageNext {//下一页
            get 
            {
                if (pageIndex == pageCount)
                {
                    pageIndex = pageCount;
                }
                else
                {
                    pageIndex += 1;
                }
                return pageIndex;
            }
        }
        public int pageSize//当前页第三条
        { 
            get { 
                return 10; 
            } 
        }
        public int pageCount//总页数
        {
            get {
                return (int)Math.Ceiling(countTotal / (double)pageSize);
            }
        }
        /// <summary>
        /// 分页类的属性
        /// </summary>
        /// <param name="pageIndex">当前页</param>
        /// <param name="countTotal">总条数</param>
        public htmlPager(int pageIndex, int countTotal)
        {
            this.pageIndex = pageIndex;
            this.countTotal = countTotal;
        }       
    }

  

1.2.3 共享  数据类 

1  public class UserInfo
2     {
3         public string userName { get; set; }
4         public int userAge { get; set; }
5         public string userSex { get; set; }
6         public double userHeight { get; set; }
7         public double userWeight { get; set; }        
8     }
数据对象类

相关文章: