ASP.NET WebForms 4.5 uudet piirteet

Transcription

1 ASP.NET WebForms 4.5 uudet piirteet Jari Kallonen Software Specialist at Tieturi Oy Régis Laurent Director of Operations, Global Knowledge Competencies include: Gold Learning Silver System Management

2 - Strongly Typed Data Controls - Model Binding - HTML Encoded Data-Binding Expressions - Unobtrusive Validation - HTML5 tuki - Muuta sälää Régis Laurent Director of Operations, Global Knowledge Competencies include: Gold Learning Silver System Management

3 Tyypitetty Data Bindings <div> <asp:repeater ID="CustomerRepeater" runat="server" ItemType="Demoilua.Model.Henkilo"> <ItemTemplate> <li> ID:<%# Item.ID %> Nimi:<%# Item.Nimi %> Puhelin:<%# Item.Puhelin %> </li> </ItemTemplate> </asp:repeater> </div>

4 Model Binding Tiedon valinta <div> <asp:repeater ID="CustomerRepeater" runat="server" ItemType="Demoilua.Model.Henkilo SelectMethod="GetData"> <ItemTemplate> <li> ID:<%# Item.ID %> Nimi:<%# Item.Nimi %> Puhelin:<%# Item.Puhelin %> </li> </ItemTemplate> </asp:repeater> </div> public IEnumerable<Demoilua.Model.Henkilo> GetData() { return Demoilua.Model.HenkiloRepository.HaeKaikki(); }

5 Value Providers - QueryString public IQueryable<Customer> GetCustomers( [QueryString]string keyword) { return CustomerRepository.GetByName(keyword); }

6 Value Providers - Kontrollit public IQueryable<Customer> GetCustomers( [Control("customers")]int? id) { if (id.hasvalue) return CustomerRepository.GetOne(id); else return CustomerRepository.GetAll(); }

7 Value Provider vaihtoehtoja Controls Query string values View Data Session State Cookies Posted Form data View State Custom

8 2-suuntainen Binding <EditItemTemplate> ID:<asp:TextBox ID="IDTextBox" runat="server" Text='<%# BindItem.ID %>' /> LastName:<asp:TextBox ID="NimiTextBox" runat="server" Text='<%# BindItem.Nimi %>' /> Puhelin:<asp:TextBox ID="PuhelinTextBox" runat="server" Text='<%# BindItem.Puhelin %>' /> </EditItemTemplate>

9 Demo Binding, Value Providers

10 Markup based validointi <asp:requiredfieldvalidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="nimiTextBox" ErrorMessage="Nimi puuttuu" ForeColor="Red" />

11 Unobtrusive ( huomaamaton ) validointi Pienentää sivun kokoa vähentämällä inline Javacript koodin käyttöä ->Käyttää HTML5 data-* attribuutteja ValidationSettings:UnobtrusiveValidationMode Asetus: Web.Config Global.asax Page luokka

12 javascript validointi

13 Unobtrusive validointi Edellinen Unobstrusive muodossa

14 Data annotaatiot Model luokassa public class Henkilo { [Key] public int ID { get; set; } [Required] public string Nimi { get; set; } [Range(0, 130)] public int Ika { get; set; } [Phone] public string Puhelin { get; set; } [ Address, StringLength(256)] public string { get; set; } }

15 Joitain Data Annotaatioita CreditCard Phone Address Range Compare Url FileExtensions Required Key RegularExpression

16 Model luokan validointi public void SaveCustomer(Customer customer) { if (ModelState.IsValid) { using (var db = new Demoilua.Model.ProductsContext()) { db.customers.add(customer); db.savechanges(); Response.Redirect("~/Customers.aspx"); } } }

17 Validointikontrollit <asp:validationsummary runat="server" ShowModelStateErrors="true" ForeColor="Red" HeaderText="Please check the following errors:" /> <asp:modelerrormessage ModelStateKey="phone" runat="server" ForeColor="Red" />

18 Tulos:

19 Demo Validointi

20 Request validointi Korvaa tarvittaessa HttpEncoderin Auttaa suojautumaan cross-site scripting (XSS) ja LDAP injection hyökkäyksiltä AntiXSS libraryssa HtmlEncode, HtmlFormUrlEncode,HtmlAttributeEncode XmlAttributesEncode, XmlEncode UrlEncode, UrlPathEncode CssEncode

21 4.5 Request validointi <system.web> <httpruntime encodertype="system.web.security.antixss.antixssencoder" /> </system.web>

22 Tuki await/async ja Task pohjaisille pyynnöille HTTP Modules EventHandlerTaskAsyncHelper TaskEventHandler HTTP Handlers HttpTaskAsyncHandler

23 Async tuki Web.config <add key="aspnet:usetaskfriendlysynchronizationcontext" value="true"/> Page directive Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ProductDetails.aspx.cs" Inherits="WebFormsLab.ProductDetails" Async="true" %>

24 Async Task esimerkki RegisterAsyncTask(new PageAsyncTask(async (t) => { using (var wc = new WebClient()) { //aikaisemmin wc.downloadfile await wc.downloadfiletaskasync( imageurl, Server.MapPath(product.ImagePath)); } }));

25 HTML5 päivityksiä TextBox TextMode Tukee , datetime tyyppejä jne. FileUpload tuki useammalle upload tiedostolle Selainriippuvainen Validointikontrollit tukee HTML5 elementtejä runat= server lisäksi URL osoite <video runat= server src= ~/file.wmv />

26 ASP.NETCore päivityksiä WebSockets Protocol (IIS8) Javascriptin ja CSS:n pakkaus (Bundling / Minification) Suorituskyky Yhteisten komponenttien jako (muistin kulutus) Multi-core JIT käännös Garbage Collection Web sovellusten esilataukset

27 Javascriptin ja CSS:n pakkauksen määrittely using System.Web.Optimization; // public class BundleConfig { public static void RegisterBundles(BundleCollection bundles) { bundles.add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-{version}.js")); bundles.add(new ScriptBundle("~/bundles/jqueryui").Include( "~/Scripts/jquery-ui-{version}.js")); bundles.add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.unobtrusive*", "~/Scripts/jquery.validate*")); bundles.add(new ScriptBundle("~/bundles/WebFormsJs").Include( "~/Scripts/WebForms/WebForms.js", "~/Scripts/WebForms/WebUIValidation.js", "~/Scripts/WebForms/MenuStandards.js", "~/Scripts/WebForms/Focus.js", "~/Scripts/WebForms/GridView.js ); } }

28 Visual Studio 2012 parannuksia HTML Editor Smart Tasks, loppu/alku elementin päivitys HTML 5 snippets, parempi Intellisense, JavaScript Editor Code outlining, Go to Definition, CSS Editor Color Picker, CSS 3 support, custom region (/*#region Menu */ /*#endregion */

29 Yhteenveto Model pohjainen binding Validointi Laajentunut Html 5 tuki Async/Await ja Task pohjaiset toiminnot Suorituskykyä Coreen

30 Kiitos ja kumarrus 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentations. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.