ASP.NET Web Forms 4.5的新特性

作者:Parry
出处:http://www.cnblogs.com/parry/

一、强类型数据控件

在出现强类型数据控件前,我们绑定数据控件时,前台一般使用Eval或者DataBinder.Eval(Container.DataItem,"FieldName")的形式。

1 <%# DataBinder.Eval(Container.DataItem,"FieldName") %>
2 <%# Eval("FieldName") %>

而在ASP.NET Web Forms 4.5中出现了强类型数据控件,可以后台绑定数据的控件多了个属性:ItemType

当指定了控件的ItemType后就可以在前台使用强类型绑定数据了。

指定ItemType。

使用强类型绑定数据。

届时园子里估计又要掀起一番争论ORM的风潮 :)

二、Bundling

不怎么好翻译,类似于资源文件的压缩包,索性不翻译它了。

我们知道Web性能优化的一个主要的方法就是减少HTTP请求,详细可见YSlow里面的Minimize HTTP Requests

由此才出现了css sprite、压缩CSS/JS的工具,目的都是为了尽量减少HTTP的请求。

之前.NET框架下会有很多的第三方框架,微软也出过一个Microsoft Ajax Minifier,我也曾经也过一篇文章介绍过。

而这次在ASP.NET Web Forms 4.5中,索性直接添加了此功能,多了一个叫做Bundle的类。

1 public class BundleConfig
 2     {
 3         // For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254726
 4         public static void RegisterBundles(BundleCollection bundles)
 5         {
 6             bundles.Add(new ScriptBundle("~/bundles/WebFormsJs").Include(
 7                   "~/Scripts/WebForms/WebForms.js",
 8                   "~/Scripts/WebForms/WebUIValidation.js",
 9                   "~/Scripts/WebForms/MenuStandards.js",
10                   "~/Scripts/WebForms/Focus.js",
11                   "~/Scripts/WebForms/GridView.js",
12                   "~/Scripts/WebForms/DetailsView.js",
13                   "~/Scripts/WebForms/TreeView.js",
14                   "~/Scripts/WebForms/WebParts.js"));
15 
16             bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
17                     "~/Scripts/jquery-{version}.js"));
18 
19             bundles.Add(new ScriptBundle("~/bundles/MsAjaxJs").Include(
20                 "~/Scripts/WebForms/MsAjax/MicrosoftAjax.js",
21                 "~/Scripts/WebForms/MsAjax/MicrosoftAjaxApplicationServices.js",
22                 "~/Scripts/WebForms/MsAjax/MicrosoftAjaxTimer.js",
23                 "~/Scripts/WebForms/MsAjax/MicrosoftAjaxWebForms.js"));
24 
25             bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
26                   "~/Content/themes/base/jquery.ui.core.css",
27                   "~/Content/themes/base/jquery.ui.resizable.css",
28                   "~/Content/themes/base/jquery.ui.selectable.css",
29                   "~/Content/themes/base/jquery.ui.accordion.css",
30                   "~/Content/themes/base/jquery.ui.autocomplete.css",
31                   "~/Content/themes/base/jquery.ui.button.css",
32                   "~/Content/themes/base/jquery.ui.dialog.css",
33                   "~/Content/themes/base/jquery.ui.slider.css",
34                   "~/Content/themes/base/jquery.ui.tabs.css",
35                   "~/Content/themes/base/jquery.ui.datepicker.css",
36                   "~/Content/themes/base/jquery.ui.progressbar.css",
37                   "~/Content/themes/base/jquery.ui.theme.css"));
38         }
39     }

Bundle还支持将CSS压缩的文件配置写在config文件里,使得维护更加方便,同时也支持CDN和文件通配符等。

可以通过在Application_Start里注册配置。

1 void Application_Start(object sender, EventArgs e)
2 {
3     BundleConfig.RegisterBundles(BundleTable.Bundles);
4 }

使用。

1 <%: Scripts.Render("~/bundles/modernizr") %>
2 <%: Scripts.Render("~/bundles/jquery") %>
3 <%: Scripts.Render("~/bundles/jqueryui") %>

压缩前后请求数对比(图片来源)。

压缩合并前。

压缩后。

这样,当此属性成为了ASP.NET自带的一个功能后,我们只需要很简单地配置就可以实现优化准则里面的“减少掉HTTP请求数”这一条了。

三、针对HTML5的更新

在ASP.NET Web Forms 4.5中,控件TextBox的TextBoxMode从之前的三个(SingleLine/MultiLine/Password)增加到了16个,详细见MSDN

这样使得做表单类页面的时候,降会大大地降低验证的代码量,提高开发效率,将更多的人力资源放在业务逻辑上。

FileUpload控件终于开始支持多文件上传,可以通过AllowMultiple属性打开。

详细使用可以参照MSDN的FileUpload类说明

当然还包含了如对HTML5表单的验证、HTML5的标记也可以使用“~”去根目录、增加UpdatePanel对HTML5表单的支持。

四、Unobtrusive Validation

所谓Unobtrusive Validation,就是一种隐式的验证方式,将验证代码和HTML分离。

要具体了解其改进,我们先看看ASP.NET Web Forms 4.5之前是怎么处理验证逻辑的。

我们在页面中添加了这个简单的输入表单。

1 <body>
 2     <form id="form1" runat="server">
 3         <div>
 4             <ul>
 5                 <li>
 6                     <asp:TextBox ID="TextBox_Number" runat="server" TextMode="SingleLine"></asp:TextBox>
 7                     <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
 8                         ErrorMessage="*Required"
 9                         ControlToValidate="TextBox_Number"
10                         EnableClientScript="true"></asp:RequiredFieldValidator>
11                     <asp:RangeValidator ID="RangeValidator1" runat="server"
12                         ControlToValidate="TextBox_Number"
13                         ErrorMessage="*Range 10~100"
14                         MaximumValue="100"
15                         MinimumValue="10"></asp:RangeValidator>
16                 </li>
17                 <li>
18                     <asp:Button ID="Button1" runat="server" Text="Submit" /></li>
19             </ul>
20         </div>
21     </form>
22 </body>

当我们查看页面生成的源代码的时候,会发现下面这样的内容。

后台将验证的JS代码放在了页面中,而当页面验证逻辑很复杂的时候,会产生大量的内联代码,在后面对页面做优化(如JS压缩,CDN,页面压缩)、维护的时候很不方便。

而在ASP.NET Web Forms 4.5中可以将此类的验证逻辑做分离。

可以在Web.config中添加下面这样的配置。

1   <appSettings>
2     <!--启用Unobtrusive Validation,默认开启-->
3     <add key="ValidationSettings:UnobtrusiveValidationMode" value="WebForm"/>

5     <!--关闭Unobtrusive Validation-->
6     <!--<add key="ValidationSettings:UnobtrusiveValidationMode" value="None"/>-->
7   </appSettings>

或者在Application_Start中添加此段即可。

1 void Application_Start(object sender, EventArgs e)
2 {
3     //Enabling UnobtrusiveValidation application wide
4     ValidationSettings.UnobtrusiveValidationMode = UnobtrusiveValidationMode.WebForms;
5 }

而如果只想控制某个页面开启此功能只需加上这段代码。

1 Page.UnobtrusiveValidationMode = System.Web.UI.UnobtrusiveValidationMode.WebForms;

现在我们再来看看生成到客户端的HTML代码的样子。

我们发现,验证类的信息已经变成了HTML5中的表单特有的属性data-*

而页面中的内联JS等内容都已经被处理,且自动引入了jQuery进行验证,这部分可以参考Unobtrusive JavaScript

五、Model Binding

如果用过ObjectDataSource控件,肯定对其SelectMethod有印象,在ASP.NET Web Forms 4.5中,微软直接将此方法移到了强类型控件上。

将之前DataBind方法直接替换成了更方便的SelectMethod方法,具体参见这里

SelectMethod方法接受IEnumerable或者IQueryable类型的对象,如果使用了前面介绍的ItemType属性后,就需要接受IEnumerable<T>或者IQueryable<T>类型的对象,T与前面的ItemType一致。

如我们这样设置一个GridView的配置。

1 <form id="form1" runat="server">
 2     <div>
 3         <asp:GridView ID="GridView_Users" runat="server" ItemType="ModelBinding.Users"
 4             DataKeyNames="UserID" SelectMethod="GetUsers"
 5             AutoGenerateColumns="False">
 6             <Columns>
 7                 <asp:BoundField DataField="UserID" HeaderText="User ID" />
 8                 <asp:BoundField DataField="UserName" HeaderText="User Name" />
 9                 <asp:BoundField DataField="UserEmail" HeaderText="Email" />
10             </Columns>
11         </asp:GridView>
12         <asp:ValidationSummary ID="ValidationSummary_UserEdit" runat="server" ShowModelStateErrors="true" />
13     </div>
14 </form>

后台绑定数据。

1 public IQueryable<Users> GetUsers()
2 {
3     List<Users> list = new List<Users>();
4     list.Add(new Users() { UserID = 1, UserName = "Parry", UserEmail = "[email protected]" });
5     list.Add(new Users() { UserID = 2, UserName = "Spiderman", UserEmail = "[email protected]" });
6     list.Add(new Users() { UserID = 3, UserName = "Superman", UserEmail = "[email protected]" });
7     list.Add(new Users() { UserID = 4, UserName = "Batman", UserEmail = "[email protected]" });
8     return list.AsQueryable<Users>();
9 }

页面显示。

当然,控件还支持UpdateMethod和DeleteMethod分别进行修改和删除操作。

需要注意的是,在后台定义的SelectMethod中也是可以定义参数属性的。

public IQueryable<Users> GetUsers([Control]int? userID)

还支持Form、QueryString、Cookies、Url这些属性。

整体感觉这部分是ASP.NET Web Forms 4.5变化较大,也是更像MVC的地方。微软将EF,强类型控件,Model Binding串联起来,定义了一个规整的后台绑定的方法和流程。

更详细的介绍可以参考ScottGu的系列文章:Web Forms Model Binding

时间: 09-16

ASP.NET Web Forms 4.5的新特性的相关文章

ASP.NET Web Forms 的 DI 應用範例

跟 ASP.NET MVC 与 Web API 比起来,在 Web Forms 应用程式中使用 Dependency Injection 要来的麻烦些.这里用一个范例来说明如何注入相依物件至 Web Forms 的 ASPX 页面. 使用的开发工具与类别库: Visual Studio 2013 .NET Framework 4.5 Unity 3.5.x 问题描述 基于测试或其他原因,希望 ASPX 网页只依赖特定服务的介面,而不要依赖具象类别. 假设首页 Default.aspx 需要一个传

ASP.NET Web Forms的改进

虽然ASP.NET Web Forms不是vNext计划的一部分,但它并没有被忽视.作为Visual Studio 2013 Update 2的一部分,它重新开始支持新工具.EF集成和Roslyn. 为什么Web Forms不是ASP.NET vNext的一部分 作为开始,让我们先为这个坏消息做下解释.为了改进性能和跨平台可移植性,ASP.NET vNext正在消除对System.Web的依赖.与OWIN相比,它缓慢而庞大,使测试工作多了不必要的麻烦. 虽然他们已经多次尝试将其分离出来,但Web

Asp.Net Web Forms/MVC/Console App中使用Autofac

本来简单介绍了Autofac在Asp.Net Web Forms中的应用,后来又添加了mvc.控制台应用程序中使用Autofac,详情请看源码. ASP.NET Web Forms使用Autofac,至少需要一下步骤: 1,引用Autofac程序集. 2,添加Autofac Web Modules 到 Web.config. 3,在Global.asax中实现IContainerProviderAccessor接口. 我们创建一个ASP.NET Web Forms项目,命名为WebFormStu

在ASP.NET Web Forms中用System.Web.Optimization取代SquishIt

将一个ASP.NET Web Forms项目从.NET Framework 4.0升级至.NET Framework 4.5之后,发现SquishIt竟然引发了HTTP Error 500.0 - Internal Server Error. SquishIt是一个开源的支持ASP.NET的js/css打包工具,项目地址:https://github.com/jetheredge/SquishIt,出生早于Microsoft ASP.NET Web Optimization Framework(

Using Friendly URLs in ASP.NET Web Forms

Introduction Websites often need to generate SEO friendly URLs. In ASP.NET Web Forms applications, a URL is tied to a physical .aspx file. This default mapping between a URL and physical file makes it difficult for Web Forms applications to generate

在ASP.NET Web Forms中使用页面导出伪xls Excel表格

将数据导出为Excel表格是比较常见的需求,也有很多组件支持导出真正的Excel表格.由于Excel能打开HTML文件,并支持其中的table元素以及p之类的文本元素的显示,所以把.html扩展名改为.xls是比较常用的一种方式.当然这只是一种骗人的伎俩,所以我称之为伪xls表格.不过对于要求不高的需求,这种方法还是比较简单快捷的. 在Web Forms项目中,除了用代码拼凑HTML元素标记外,还可以直接用窗体页面渲染HTML表格.Web Forms就是用来渲染动态HTML的,直接利用它,支持代

一个简单的ASP.NET Web Forms应用程序

ASP.NET 支持三种不同的开发模式: Web Pages(Web 页面).MVC(Model View Controller 模型-视图-控制器).Web Forms(Web 窗体) 我给大家展示的是Web Forms(Web 窗体) 第一:我们需要了解下,什么是Web Forms. Web Forms 是三种创建 ASP.NET 网站和 Web 应用程序的编程模式中的一种. Web Forms 是最古老的 ASP.NET 编程模式,是整合了 HTML.服务器控件和服务器代码的事件驱动网页.

web服务之httpd及其新特性

概述 http协议及httpd的一些特性,是学习web服务需要掌握的一些基础知识,接下来让我们进一步了解httpd相关功能的配置,本文讲解的web服务之httpd新特性及其虚拟主机,访问控制及https等功能的配置. httpd之基本特性 实验环境介绍 开始之前,先介绍一下httpd在CentOS6.8版本及文件: 版本:httpd-2.2.27(centos7默认为2.4以上的版本) 主配置文件: /etc/httpd/conf/httpd.conf 其他配置文件如虚拟主机及其ssl.虚拟主机

ASP.NET Web API(一):使用初探,GET和POST数据

概述 REST(Representational State Transfer表述性状态转移)而产生的REST API的讨论越来越多,微软在ASP.NET中也添加了Web API的功能. 我们看dudu的文章HttpClient + ASP.NET Web API, WCF之外的另一个选择知道了博客园也开始使用了Web API,且在使用Web API Beta版本的时候遇到了这个问题:痴情意外:ASP.NET WebAPI RC 竟然不支持最常用的json传参. 我们刚好看看Web API的使用