菜单

asp.net webform设计思路的盘算

2019年4月13日 - MySQL

   
 笔者动用asp.net的webform框架进行web应用程序的支付已经大半4年了,在全体开发生涯中,也应用过一年asp.net的mvc框架。因为网上日常有谈论webform框架和mvc框架的三陆玖等,所以本身也对那多头举行了关切,因为自身最熟知webform框架,所以就会思量它的优势是何等?设计思路是何等?

做web开发一直用到分页控件,自身也先导达成了个,使用用户自定义控件。

   
要领会asp.net的布置思路,必须思量它的发生时代,发生的技巧基础,还有观望同时期其余动态网页技术的天性和思路。

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

   首先是发出asp.net的技能基础,以下援引百度健全:

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

*   “一九玖九年,ASP 1.0(Active Server
Pages)版本出现了,它引起了Web开发的新革命,下落了动态网页开发的难度。在此此前开发动态网页供给编制大批量混乱的C代码,编制程序功用特别低下,而且必要Web网页开发者通晓万分高的编制程序技巧。而ASP使用简便的脚本语言,能够将代码间接嵌入HTML,使设计Web页面变得更容易。就算ASP万分简单,但却能够落到实处丰富有力的效能,那整个得益于其组件。尤其是ADO组件,使得在网页中访问数据库毫不费劲。那总体推动了动态网页的便捷提升与建设,同时使ASP获得火速流行。*

图片 1

*    199玖年,微软公司发布了ASP 二.0,它是作为Windows NT 四 Option
Pack的一片段提供的。ASP 二.0与ASP
一.0的要紧区别是外表的组件能够开始化,使拥有的零部件都有了单身的内部存款和储蓄器空间,并且可以举行事务处理。内置的Microsoft
Transaction Server(MTS)使制作零部件变得更易于。*

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

*   
2000年7月,微软集团揭橥了和睦的.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是微软公司付出的1种建立在.NET之上的Web运转条件,它不是ASP的简易升级,而是新一代的Active
Server
Pages。ASP.NET是微软公司新系统布局Microsoft.NET的1部分,个中全新的技巧架构使编制程序变得尤为简约。借助于ASP.NET,能够成立出内容丰硕的、动态的、本性化的Web站点。ASP.NET简单易学、功效强大、应用灵活、扩充性好,能够利用任何.NET兼容语言。 [4-5] *

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

*    2004年微软颁布.NET正式版本.NET Framework
一.0,在那之中的ASP版本正是ASP.NET
壹.0,在此在此以前发表了八个.NET测试版本Betal和Beta2。*

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 1.1正经版,在那之中ASP版本就是ASP.NET
一.一。*

时下页码、总共多少条记下使用ViewState记录状态信息,因为导航控件会挑起回发刷新。
分页后的多少加载,使用事件。

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

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

 

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

   
那是1段引自百度百科,介绍从asp发展到asp.net的记述。阅读那段记述你应当发现到,asp.net是从asp一.0开首进步来的,不过它不是直接从asp发展到asp.net的,首先是asp一.0,然后是asp2.0,然后是asp+,再然后改名字为asp.net(这里要是分别看就是asp
 、
 .net那是多个词,因为在asp的前行进度中另3个大的项目.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平台1二分紧密。

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

   
在asp爆发的前两年,产生了其它1个这一个有名的动态网页技术,那就是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,中文名:“超文本预处理器”)是1种通用开源脚本语言语法吸收了C语言JavaPerl的特色,利于学习,使用广泛,主要适用于Web开发世界。PHP
独特的语法混合了CJavaPerl以及PHP自创的语法。它能够比CGI或者Perl更迅捷地实践动态网页。用PHP做出的动态页面与任何的编制程序语言相比,PHP是将程序嵌入到HTML正式通用标记语言下的1个选拔)文书档案中去实施,执行功用比完全成形HTML标记的CGI要高许多;PHP还足以执行编译后代码,编写翻译能够完成加密优化代码运维,使代码运营更加快。”

在Page_Load中登记翻页后的事件。

 

   
php的发出早于asp技术,asp应该是吸纳有php技术的建筑思想的,之所以称之为建造,是因为php的源点很低,并从未被开始展览充裕的布置性,它是从1个小工具快捷提春风得意起的。那里还想提一下其余一个主要的动态网页技术,再度援引下百度宏观:

    “JSP全名字为Java Server
Pages,中文名为java服务器页面,其一贯是贰个简化的Servlet设计,它 [1]  是由Sun
Microsystems
专营商发起、许多商厦涉足一起创设的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)是1种动态页面技术,它的严重性目标是将意味着逻辑从Servlet中分离出来。*

Java Servlet是JSP的技巧基础,而且重型的Web应用程序的支出须要Java
Servlet和JSP合作才能形成。JSP具备了Java技巧的粗略易用,完全的面向对象,具有平台无关性且安全可信赖,首要面向因特网的保有特点。

 
 JSP技术比php、asp技术产生的更晚,JSP技术今后被用来开发超大型网址,但是并不是因为JSP技术自身相当了不起,而是因为它爆发于java之上。

 
 那几个时期的asp、php、jsp等动态网页技术,都有四个共同点,就是你拜访url地址,肯定是存在三个那样三个文书存在的。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将页面文件拆分成了八个部分。那是非常的大的1个立异,这种创新是为了缓解一些题材(不是一个,是一七种题材)。革新asp技术cs代码和html混在联合署名,揭露代码细节,asp页面不会被编译成dll。同时也有其它优势。

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

网上有人说,那是为了解决开发asp页面会导致意国面食的标题。作者的掌握服务器控件的变更远不止于此,假若你创建3个纯服务器控件的页面(asp.net出现不久,很多少人就不建议如此干了,至于为啥,我晓得会变卦大批量viewstate串,当然还有其它原因),然后对页面成分举办操作,随着使用的炉火纯青,你或然会意识到webform的页面文件不是在html字符中间拼东西,或然说不是在一批服务器不能理解的东东中级,动态的转移壹些字符。它发展了诸多步,它把页面包车型大巴具有html便签加上标识,经过页面引擎处理,变成了能够被灵活操作的类,程序开发职员能够Infiniti制操作那些标签类,然后在一个老少咸宜的时候,再将这一个类逐壹的“ToString()”成字符串,拼到页面上。发明服务器控件技术,小编的思维根源只怕是桌面应用程序开发技术,从dos操作系统(命令行交互),到视窗操作系统(首若是鼠标点击、键盘按键交互),开发桌面应用程序,会多量行使控件技术,控件复用技术能够大大提高开发效用。为何估量我的合计可能出自此,因为asp技术出现时,当时桌面应用程序开发依旧主流,小编只怕感染在那种空气内,把桌面应用程序开发的安顿性思想转换至web先后的支付。那里要引出其它三个东西,就是事件驱动,随便新建一个aspx页面,最重点的是事件处理方法,Page_Load。windows操作系统中大量行使事件驱动,是依据“事件驱动模型”的。那么作者在webform中使用事件驱动,也说不定借鉴了windows。

   
不管是服务器控件,照遗闻件驱动,那三种(大概说是1种,因为控件和事件期间本就相互关系)设计思想一点都不小的震慑了webform框架,开发web应用程序的艺术。服务器控件加事件驱动固然有益于十分的快开发一个管制系统型web程序,但是并不适合web应用程序自身的周转思想,那点被很几个人批评,web程序因为不运维在桌面操作系统中,最早的时候它依旧无法互相,只是为了便于沟通消息,只用于突显消息。web程序本质运转原理是,通过浏览器向web服务器发送请求处理命令,有web托管程序接收请求命令,实行操作,然后再次来到处理结果(结果可能是显得壹篇文章,大概是报告您文章删除成功,也许是将您提高价格的消息内容进行了封存)。webform简单令人误解它运维在操作系统或然浏览器中,全数代码执行在客户端。固然今后的浏览器真的能够将动态页面放在浏览器端执行,不过webform页面其实是有服务器端的程序处理的。

   
要是要评论和审视webform框架的布置思想,不得不如较其余三个框架思想,那正是mvc的框架(模型)的规划思想。mvc模型的发明,恐怕不是刻意设计,而是对业务的深深思索,然后抓住本质的产物。mvc模型是为着处理难题清晰明了,下降耦合性。

   
由于不会php和jsp就无法相比较那三种技术了,其实很想把它们也拉进来相比较下,尤其是jsp技术,因为java的跨平台性,jsp设计时不会有太多windows的黑影,windows常常有种不想告知您复杂的本色,所以自个儿给你包装1个简便的社会风气给您的感到,然后随着你的成长,那种早期的包裹或然会是三个大的承担,可能说微软的东西有太多windows的黑影,过于围绕windows了。

   
最终总括一下,假诺你松开自身失魂落魄的神经,不给自身设置界限,随意联想,随意设计,可是分思索全面,你会感觉到web技术进步级中学一年级些思虑的传承和革命。从简单的html纯文本显示,文本浏览器的发明,背后的http协议0.玖,再到图片展现,LiveScript的注解(便是javascript),到CGI程序,再到Servlet拼接html技术,到php脚本,到asp动态页面技术,到jsp动态页面技术,到webfrom框架,spring框架,mvc框架那些技术背后隐约有一条思想在串联起来。三个东西的注脚不是突发性的,往往有3个不起眼的苗子。

    

 

 

开卷本文请留心,若是你感觉混乱,那么就毫无阅读引用的片段,可以差不离先只阅读其余剧情。

本文并未开展认真的阅览和验证,有的地点恐怕是漏洞相当多的,一些技术的评释先后也说不定并不规范。可是希望文中关切一个技巧的进化历史的思绪,能给您读书提供1些亮点。

 

 

 

 

 

 

 

 

相关文章

发表评论

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

网站地图xml地图