菜单

asp.net webform 自定义分页控件

2019年4月8日 - sqlite

   
 小编动用asp.net的webform框架进行web应用程序的开发已经大半四年了,在整个开发生涯中,也选取过一年asp.net的mvc框架。因为网上常常有议论webform框架和mvc框架的高低,所以自身也对那两者举办了关心,因为本人最熟谙webform框架,所以就会思索它的优势是何许?设计思路是何许?

做web开发一贯用到分页控件,本人也最先完结了个,使用用户自定义控件。

   
要精晓asp.net的筹划思路,必须思量它的发生时代,发生的技巧基础,还有观望同时期其余动态网页技术的特色和笔触。

翻页后数据加载使用委托,将现实达成放在在选拔分页控件的页面实行注册。

   首先是爆发asp.net的技艺基础,以下援引百度周全:

有图有本质,给个直观的认识:

*   “一9九陆年,ASP 一.0(Active Server
Pages)版本现身了,它引起了Web开发的新变革,下落了动态网页开发的难度。从前开发动态网页供给编写制定大量无规律的C代码,编制程序功能特别低下,而且须要Web网页开发者通晓十分高的编制程序技巧。而ASP使用简易的脚本语言,能够将代码直接嵌入HTML,使设计Web页面变得更简明。即使ASP十分不难,但却可以落到实处丰富有力的成效,那整个得益于其组件。特别是ADO组件,使得在网页中访问数据库轻而易举。那总体拉动了动态网页的短平快提升与建设,同时使ASP获得快捷流行。*

图片 1

*    199玖年,微软公司发布了ASP 二.0,它是当做Windows NT 四 Option
Pack的壹有的提供的。ASP 2.0与ASP
①.0的要害分化是外表的机件能够开始化,使全数的零件都有了单独的内存空间,并且能够展开事务处理。内置的Microsoft
Transaction Server(MTS)使制作零部件变得更便于。*

自定义分页控件前台代码:

*   
贰仟年12月,微软公司宣布了和睦的.NET框架。.NET框架的为主思索是:把原来的首要从三番五次到网络的单一网站或配备转移到总括机、设备和服务群组上,而将互连网自个儿作为新一代操作系统的底子。那样,用户将能够支配音讯的传递方式、时间和情节,从而获得越来越多的服务。*

<style type="text/css">    .pager-m-l {        margin-left: 10px;    }    .pager {        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;        font-size: 14px;        color: #333;        background-color: #fff;        text-align: center;        border: 1px solid #eee;        border-radius: 5px;        height: 30px;        line-height: 30px;        margin: 10px auto;        width: 650px;    }    .font-blue {        color: #5bc0de;    }    .pager a {        color: #5bc0de;        text-decoration: none;    }        .pager a.gray {            color: #808080;        }    .pager-num {        width: 30px;        text-align: center;    }    .pager-form-control {        color: #555;        background-color: #fff;        background-image: none;        border: 1px solid #ccc;        border-radius: 4px;        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;        padding: 2px 0px;        margin: 0px 2px;    }        .pager-form-control:focus {            border-color: #66afe9;            outline: 0;            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);        }    .btn {        display: inline-block;        padding: 2px;        font-weight: normal;        text-align: center;        white-space: nowrap;        vertical-align: middle;        -ms-touch-action: manipulation;        touch-action: manipulation;        cursor: pointer;        -webkit-user-select: none;        -moz-user-select: none;        -ms-user-select: none;        user-select: none;        background-image: none;        border: 1px solid transparent;        border-radius: 4px;    }    .btn-default {        color: #333;        background-color: #fff;        border-color: #ccc;    }</style><div class="pager">    当前<asp:Label runat="server" ID="labCurrentPageIndex" CssClass="font-blue"></asp:Label>/<asp:Label runat="server" CssClass="font-blue" ID="labTotalNumberOfPages"></asp:Label>页    共<asp:Label runat="server" CssClass="font-blue" ID="labRecordCount"></asp:Label>条记录            <asp:LinkButton runat="server" ID="labFirstPage" OnClick="labFirstPage_Click">首页</asp:LinkButton>        |        <asp:LinkButton runat="server" ID="labPreviousPage" OnClick="labPreviousPage_Click">上一页</asp:LinkButton>        |<asp:LinkButton runat="server" ID="labNextPage" OnClick="labNextPage_Click">下一页</asp:LinkButton>        |<asp:LinkButton runat="server" ID="labLastPage" OnClick="labLastPage_Click">尾页</asp:LinkButton>        跳至<asp:TextBox runat="server" ID="txtPageNum" CssClass="pager-form-control pager-num">1</asp:TextBox>页        <asp:Button runat="server" Text="GO" ID="btnGo" CssClass="btn btn-default" OnClick="btnGo_Click" />            <asp:DropDownList runat="server" ID="ddlPageSize" CssClass="pager-form-control" AutoPostBack="true" OnSelectedIndexChanged="ddlPageSize_SelectedIndexChanged">            <asp:ListItem Text="10" Value="10"></asp:ListItem>            <asp:ListItem Text="20" Value="20"></asp:ListItem>            <asp:ListItem Text="30" Value="30"></asp:ListItem>            <asp:ListItem Text="50" Value="50"></asp:ListItem>            <asp:ListItem Text="100" Value="100"></asp:ListItem>        </asp:DropDownList>条/每页</div>

*   
200一年,ASP.NET浮出水面。它最初的名叫ASP+,后来改为ASP.NET。ASP.NET是微软集团付出的一种建立在.NET之上的Web运营条件,它不是ASP的简单升级,而是新一代的Active
Server
Pages。ASP.NET是微软集团新体系布局Microsoft.NET的1有个别,个中全新的技巧架构使编制程序变得愈加简约。借助于ASP.NET,能够成立出内容丰富的、动态的、脾性化的Web站点。ASP.NET不难易学、成效强大、应用灵活、扩充性好,能够动用任何.NET包容语言。 [4-5] *

自定义分页控件后台代码:

*    二零零二年微软公布.NET正式版本.NET Framework
一.0,在那之中的ASP版本正是ASP.NET
一.0,在此在此之前揭橥了五个.NET测试版本Betal和Beta贰。*

private const string viewStateCurrentPageIndex = "CurrentPageIndex";        private const string viewStateRecordCount = "RecordCount";        public delegate void PageChangedHandle();        public event PageChangedHandle OnPageChanged;        public int PageSize        {            get            {                return Convert.ToInt32(ddlPageSize.SelectedValue);            }        }        public int CurrentPageIndex        {            set            {                ViewState[viewStateCurrentPageIndex] = value;            }            get            {                if (ViewState[viewStateCurrentPageIndex] == null)                {                    ViewState[viewStateCurrentPageIndex] = 1;                }                return Convert.ToInt32(ViewState[viewStateCurrentPageIndex]);            }        }        public int RecordCount        {            get            {                if (ViewState[viewStateRecordCount] == null)                {                    ViewState[viewStateRecordCount] = 0;                }                return Convert.ToInt32(ViewState[viewStateRecordCount]);            }            set            {                ViewState[viewStateRecordCount] = value;            }        }        private int TotalNumberOfPages        {            get            {                return RecordCount % PageSize == 0 ? RecordCount / PageSize : (RecordCount / PageSize) + 1;            }        }        protected void Page_Load(object sender, EventArgs e)        {            if (!IsPostBack)            {            }        }        protected void labFirstPage_Click(object sender, EventArgs e)        {            CurrentPageIndex = 1;            this.DataBind();        }        protected void labPreviousPage_Click(object sender, EventArgs e)        {            CurrentPageIndex -= 1;            this.DataBind();        }        protected void labNextPage_Click(object sender, EventArgs e)        {            CurrentPageIndex += 1;            this.DataBind();        }        protected void labLastPage_Click(object sender, EventArgs e)        {            CurrentPageIndex = TotalNumberOfPages;            this.DataBind();        }        protected void btnGo_Click(object sender, EventArgs e)        {            int pageNum = 1;            bool isNum = Int32.TryParse(txtPageNum.Text, out pageNum);            if             {                CurrentPageIndex = Math.Min(pageNum, TotalNumberOfPages);            }            this.DataBind();        }        protected void ddlPageSize_SelectedIndexChanged(object sender, EventArgs e)        {            CurrentPageIndex = 1;            this.DataBind();        }        protected override void DataBind(bool raiseOnDataBinding)        {            BindPager();            base.DataBind(raiseOnDataBinding);            if (OnPageChanged != null)            {                OnPageChanged();            }        }        private void BindPager()        {            labCurrentPageIndex.Text = CurrentPageIndex.ToString();            labTotalNumberOfPages.Text = TotalNumberOfPages.ToString();            labRecordCount.Text = RecordCount.ToString();            SetNavigateEnabled();        }                private void SetNavigateEnabled()        {            txtPageNum.Text = CurrentPageIndex.ToString();            labFirstPage.Enabled = true;            labPreviousPage.Enabled = true;            labNextPage.Enabled = true;            labLastPage.Enabled = true;            labFirstPage.CssClass = "font-blue";            labPreviousPage.CssClass = "font-blue";            labNextPage.CssClass = "font-blue";            labLastPage.CssClass = "font-blue";            if (CurrentPageIndex == 1)            {                labFirstPage.Enabled = false;                labPreviousPage.Enabled = false;                labFirstPage.CssClass = "gray";                labPreviousPage.CssClass = "gray";            }            if (CurrentPageIndex == TotalNumberOfPages)            {                labNextPage.Enabled = false;                labLastPage.Enabled = false;                labNextPage.CssClass = "gray";                labLastPage.CssClass = "gray";            }            if (RecordCount == 0)            {                labFirstPage.Enabled = false;                labPreviousPage.Enabled = false;                labFirstPage.CssClass = "gray";                labPreviousPage.CssClass = "gray";                labNextPage.Enabled = false;                labLastPage.Enabled = false;                labNextPage.CssClass = "gray";                labLastPage.CssClass = "gray";            }        }

*    200三年微软发表了.NET Frameworrk 一.一标准版,当中ASP版本就是ASP.NET
一.一。*

当下页码、总共多少条记下使用ViewState记录状态新闻,因为导航控件会滋生回发刷新。
分页后的多少加载,使用事件。

*    二零零五年微软发表.NET Framework 2.0正规版本,也正是ASP.NET 贰.0。*”

事件的现实性达成放在使用分页控件的现实性页面中,举行事件的注册。

 

测试分页控件的前台页面:

   
那是1段引自百度百科,介绍从asp发展到asp.net的记述。阅读那段记述你应有发现到,asp.net是从asp壹.0开首升高来的,可是它不是直接从asp发展到asp.net的,首先是asp1.0,然后是asp2.0,然后是asp+,再然后更名称叫asp.net(那里若是分别看就是asp
 、
 .net那是多个词,因为在asp的发展进度中另三个大的项目.net现身了,.net为啥出现,不在斟酌范围,可以自动百度)。asp.net一.一技术的web框架便是webform。

<div style="margin-bottom:10px;">            text:            <asp:TextBox ID="txtContent" runat="server"></asp:TextBox>            <asp:Button ID="btnQuery" runat="server" Text="查 询" OnClick="btnQuery_Click"/>        </div>        <div>            <asp:GridView ID="gvList" runat="server" Width="99%" AutoGenerateColumns="true"></asp:GridView>            <uc1:PagerControl runat="server" ID="Pager" />        </div>

    即使本身没打算梳理叙述.net的发生和前进,但是asp.net
webform的发生却和.net平台十二分紧密。

测试分页控件的后台代码:

   
在asp发生的前两年,爆发了别的三个10分盛名的动态网页技术,那正是PHP。这里推荐一下php的定义:

 private const string dtSourceViewStateKey = "dtSourceViewStateKey";        protected void Page_Load(object sender, EventArgs e)        {            if (!IsPostBack)            {                BindData(true);            }            Pager.OnPageChanged += OnPageChanged;        }        private void BindData(bool bindRecordCount)        {            DataTable dtSource = GetDataSource();                        var source = dtSource.AsEnumerable();            if (!string.IsNullOrEmpty(txtContent.Text.Trim            {                source = source.Where(w => w.Field<string>("text").Contains(txtContent.Text.Trim;            }            if (bindRecordCount)            {                Pager.RecordCount = source.Count();                Pager.CurrentPageIndex = 1;                Pager.DataBind();            }            gvList.DataSource = source                .Skip((Pager.CurrentPageIndex - 1) * Pager.PageSize)                .Take(Pager.PageSize)                .Select(r => new { id = r["id"].ToString(), text = r["text"].ToString                .ToList();            gvList.DataBind();        }        private void OnPageChanged()        {            BindData(false);        }        private DataTable InitDataTable()        {            DataTable dtSource = new DataTable();            DataColumn id = new DataColumn("id");            id.AutoIncrement = true;            id.AutoIncrementSeed = 1;            dtSource.Columns.Add;            dtSource.Columns.Add("text");            for (int i = 1; i <= 1000; i++)            {                DataRow dr = dtSource.NewRow();                dr["text"] = "内容" + i;                dtSource.Rows.Add;            }            return dtSource;        }        private DataTable GetDataSource()        {            if (ViewState[dtSourceViewStateKey] == null)            {                ViewState[dtSourceViewStateKey] = InitDataTable();            }            return ViewState[dtSourceViewStateKey] as DataTable;        }        protected void btnQuery_Click(object sender, EventArgs e)        {            BindData(true);        }

   “PHP(外文名:PHP: Hypertext
Preprocessor,中文名:“超文本预处理器”)是①种通用开源脚本语言语法吸收了C语言JavaPerl的性子,利于学习,使用广泛,首要适用于Web支出世界。PHP
独特的语法混合了CJavaPerl以及PHP自创的语法。它能够比CGI或者Perl更加高速地执行动态网页。用PHP做出的动态页面与其余的编制程序语言相比,PHP是将程序嵌入到HTML标准通用标记语言下的3个使用)文书档案中去实施,执行成效比完全成形HTML标记的CGI要高许多;PHP还足以推行编译后代码,编写翻译可以达到加密优化代码运维,使代码运营更加快。”

在Page_Load中注册翻页后的事件。

 

   
php的发出早于asp技术,asp应该是接到有php技术的建筑思想的,之所以称之为建造,是因为php的起源相当的低,并不曾被开始展览充裕的筹划,它是从1个小工具快捷腾飞兴起的。那里还想提一下其它3个第二的动态网页技术,再次援引下百度周全:

    “JSP全名叫Java Server
Pages,汉语名为java服务器页面,其根本是二个简化的Servlet设计,它 [1]  是由Sun
Microsystems
合营社发起、许多商户出席1起创立的1种动态网页技术标准。JSP技术有点类似ASP技术,它是在观念的网页HTML(专业通用标记语言的子集)文件(\
.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名叫(*.jsp)。
用JSP开发的Web应用是跨平台的,既能在Linux下运转,也能在别的操作系统上运维。*

它达成了Html语法中的java扩张(以 <%,
%>形式)。JSP与Servlet一样,是在服务器端执行的。日常再次回到给客户端的便是二个HTML文本,由此客户端只要有浏览器就能浏览。

*   
JSP技术使用Java编制程序语言编写类XML的tags和scriptlets,来封装发生动态网页的处理逻辑。网页还是可以透过tags和scriptlets访问存在于服务端的财富的应用逻辑。JSP将网页逻辑与网页设计的体现分离,辅助可选择的根据组件的安排,使基于Web的应用程序的开支变得相当慢和易于。
JSP(JavaServer
Pages)是壹种动态页面技术,它的首要目的是将意味着逻辑从Servlet中分离出来。*

Java Servlet是JSP的技能基础,而且重型的Web应用程序的付出必要Java
Servlet和JSP合作才能形成。JSP具备了Java技巧的简约易用,完全的面向对象,具有平台非亲非故性且安全可信赖,重要面向因特网的持有特点。

 
 JSP技术比php、asp技术发生的更晚,JSP技术未来被用来开发超大型网址,可是并不是因为JSP技术自个儿格外美好,而是因为它爆发于java之上。

 
 这一个时期的asp、php、jsp等动态网页技术,都有3个共同点,就是您拜访url地址,肯定是存在3个那样一个文件存在的。asp.net发生的技能基础是asp,那么asp.net的webform框架使用这等同思想就天经地义了。webform的页面文件有两局地,后缀名是.aspx和.aspx.cs两局地构成。那一个是有别于asp的,asp页面文件唯有二个,后缀名是.asp。从.asp到.aspx我们得以看出,aspx是在asp的前面加了x字母,联想微软的其余产品,.docx取代.doc、.xlsx取代.xls,多少可以窥探到微软对技术升级的命名思量。

   以上叙述,讲到了asp.net
 webform将页面文件拆分成了八个部分。那是非常大的二个创新,那种革新是为了缓解一些难点(不是一个,是一四种题材)。革新asp技术cs代码和html混在联合署名,揭发代码细节,asp页面不会被编写翻译成dll。同时也有别的优势。

   从asp到asp.net,在webform框架中山高校量内置了ASP.NET
服务器控件,那是三个非常大的改观,这种服务器控件分两种:

网上有人说,那是为了消除开发asp页面会招致意国面食的难点。小编的精通服务器控件的改观远不止于此,尽管你创制3个纯服务器控件的页面(asp.net出现不久,很多少人就不建议如此干了,至于怎么,小编掌握会转变大批量viewstate串,当然还有其它原因),然后对页面成分进行操作,随着使用的熟稔,你大概会发觉到webform的页面文件不是在html字符中间拼东西,大概说不是在一批服务器不能够精通的东东个中,动态的成形一些字符。它发展了许多步,它把页面包车型大巴拥有html便签加上标识,经过页面引擎处理,变成了能够被灵活操作的类,程序开发人士能够任意操作这个标签类,然后在三个体面的时候,再将这么些类依次的“ToString()”成字符串,拼到页面上。发明服务器控件技术,小编的盘算根源恐怕是桌面应用程序开发技术,从dos操作系统(命令行交互),到视窗操作系统(主假诺鼠标点击、键盘按键交互),开发桌面应用程序,会大量运用控件技术,控件复用技术能够大大升级开发功用。为啥估摸笔者的沉思恐怕源于此,因为asp技术出现时,当时桌面应用程序开发照旧主流,作者或然感染在那种气氛内,把桌面应用程序开发的布置思想转换至web主次的付出。那里要引出其余一个事物,正是事件驱动,随便新建三个aspx页面,最珍视的是事件处理方法,Page_Load。windows操作系统中山大学量施用事件驱动,是依照“事件驱动模型”的。那么我在webform中利用事件驱动,也说不定借鉴了windows。

   
不管是服务器控件,依然事件驱动,那三种(大概说是一种,因为控件和事件时期本就相互关联)设计思想相当的大的震慑了webform框架,开发web应用程序的法子。服务器控件加事件驱动固然方便人民群众不慢开发多少个管制系统型web程序,可是并不吻合web应用程序本人的运营思想,那点被众多个人批评,web程序因为不运营在桌面操作系统中,最早的时候它甚至无法相互,只是为着便于交换消息,只用于显示新闻。web程序本质运转规律是,通过浏览器向web服务器发送请求处理命令,有web托管程序接收请求命令,举办操作,然后回到处理结果(结果大概是展现①篇小说,大概是报告您文章删除成功,也许是将你提高价格的音讯内容实行了封存)。webform不难令人误解它运营在操作系统或然浏览器中,全数代码执行在客户端。纵然今后的浏览器真的能够将动态页面放在浏览器端执行,不过webform页面其实是有劳务器端的程序处理的。

   
假如要评论和审美webform框架的设计思想,不得不相比其余二个框架思想,那就是mvc的框架(模型)的宏图思想。mvc模型的表达,只怕不是刻意设计,而是对作业的递进思索,然后抓住实质的产物。mvc模型是为着处理难题清晰明了,下降耦合性。

   
由于不会php和jsp就不能相比那三种技术了,其实很想把它们也拉进来相比下,尤其是jsp技术,因为java的跨平台性,jsp设计时不会有太多windows的阴影,windows日常有种不想告知您复杂的本色,所以笔者给你包装3个简便的世界给您的感到,然后趁着你的成人,那种早期的卷入大概会是3个大的承受,只怕说微软的东西有太多windows的影子,过于围绕windows了。

   
最终总括一下,倘若您松开自个儿神不守舍的神经,不给协调设置界限,随意联想,随意设计,不过分考虑全盘,你会感觉到web技术发展一些思维的传承和革命。从不难的html纯文本展现,文本浏览器的评释,背后的http协议0.九,再到图片展现,LiveScript的阐发(正是javascript),到CGI程序,再到Servlet拼接html技术,到php脚本,到asp动态页面技术,到jsp动态页面技术,到webfrom框架,spring框架,mvc框架那个技巧背后隐约有一条思想在串联起来。3个东西的阐发不是神蹟的,往往有叁个不起眼的苗头。

    

 

 

阅读本文请留意,假设你觉得混乱,那么就绝不阅读引用的1对,能够大概先只阅读别的剧情。

正文并未展开认真的洞察和视察,有的地点只怕是荒谬的,一些技能的注解先后也说不定并不精确。但是希望文中关怀2个技艺的前行历史的思绪,能给您学习提供一些亮点。

 

 

 

 

 

 

 

 

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图