• ASP.NET Web Forms 4.5的新特性(一):强类型数据控件和Bundling


    在微软线上发布了Visual Studio 2012后,我们也能清晰地看到ASP.NET Web Forms 4.5中的一些新特性了。

    今天先看两个新特性:强类型数据控件和Bundling。

    强类型数据控件

    在出现强类型数据控件前,我们绑定数据控件时,前台一般使用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请求数”这一条了。

  • 相关阅读:
    jQuery .attr() vs .prop()
    新手學python之新體驗
    [pymongo] pymongo.errors.CursorNotFound Exception
    javascript Round Function
    .net Core 3 preview 3试用 WPF,winform桌面开发
    Rendering Transparent 3D Surfaces in WPF with C#(转载)
    jQuery 属性方法 总结
    jQuery 选择器总结
    js + css 实现标签内容切换功能
    初识javascript 之 函数:function
  • 原文地址:https://www.cnblogs.com/parry/p/ASPNET_NewFeature_StrongTypeDataControl_Bundling.html
Copyright © 2020-2023  润新知