Asp.Net MVC 3 - Il Model View Controller secondo Microsoft
Download as PPSX, PDF0 likes1,573 views
Il documento è una guida su ASP.NET MVC 3, evidenziando i suoi miglioramenti rispetto alla versione precedente e le nuove funzionalità come il supporto per HTML5, il pattern MVC, la dependency injection e il routing configurabile. Viene fornito un approfondimento su vari aspetti tecnici, inclusi i controller, il model binding e l'integrazione con NuGet. Inoltre, il documento discute strumenti e miglioramenti per la creazione di applicazioni web più efficienti e scalabili.
![MVC Routing e ModelBindingPOST: /Product/Edit/5[HttpPost]public ActionResultEdit(Productproduct) {if (ModelState.IsValid) {db.Entry(product).State = EntityState.Modified;db.SaveChanges();returnRedirectToAction("Index"); }ViewBag.BrandId = new SelectList(db.Brands, "Id", "Name", product.BrandId);returnView(product); }](https://image.slidesharecdn.com/asp-netmvc3-110907090608-phpapp01/85/Asp-Net-MVC-3-Il-Model-View-Controller-secondo-Microsoft-13-320.jpg)
![ChartDemoHtmlHelpersController public ActionResult Chart() {var key = new Chart(width: 600, height: 400) .AddSeries(chartType: "bar",legend: "Rainfall",xValue: new[] { "Jan", "Feb", "Mar", "Apr", "May" },yValues: new[] { "20", "20", "40", "10", "10" }) .Write();returnnull; }](https://image.slidesharecdn.com/asp-netmvc3-110907090608-phpapp01/85/Asp-Net-MVC-3-Il-Model-View-Controller-secondo-Microsoft-31-320.jpg)
![ViewBagMVC 2: ViewDataDictionaryMVC 3: ViewBagDynamicPropertyViewData[“Message”] VS. ViewBag.Message](https://image.slidesharecdn.com/asp-netmvc3-110907090608-phpapp01/85/Asp-Net-MVC-3-Il-Model-View-Controller-secondo-Microsoft-39-320.jpg)
Asp.Net MVC 3 - Il Model View Controller secondo Microsoft
- 1. ASP.NET MVC 3Benedetti Stefano
- 2. ContattiIng. Stefano Benedettihttp://www.be-st.ithttp://[email protected] Lo User Group dell'Emilia-Romagnainteramente dedicato alle tecnologie Microsoft .NEThttp://dotdotnet.org/
- 3. AgendaMVC Overviewscaffoldingsupporto HTML 5viewengineRazormiglioramenti sui controllernuove funzionalità Javascript e AJAXintegrazione con NuGetmiglior supporto alla DependencyInjectionaltre features
- 4. MVC OverviewPattern di presentazione
- 5. MVC OverviewOriginariamente impiegato dal linguaggio SmalltalkSmalltalk è stato sviluppato allo Xerox PARC durante gli anni settanta
- 6. VantaggiSeparationofConcerns (SoC)UnitTestingDINessun viewstateControllo completo dell’HTMLScomparsi i controlli server e gli ID autogeneratiNo PageLifeCyclePerformanceSemplicità
- 8. MVC RoutingDisaccoppiamento tra URL e pagina fisica/products/products/detail/1/products/edit/1/products/delete/1GetPostConfigurabile tramite Global.asaxConvention overconfigurationProductsController
- 9. Global.asx e MapRoute public staticvoidRegisterRoutes(RouteCollectionroutes) {routes.MapRoute( "Default", // Routename "{controller}/{action}/{id}", // URL with parametersnew { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameterdefaults ); }
- 10. MVC Routingwww.sito/productpublic classProductController : Controller{public ViewResultIndex() {varproducts = db.Products.Include(p => p.Brand);returnView(products.ToList()); }}Default Action (Index)
- 11. MVC Routingproducts/details/1public classProductController : Controller{ public ViewResultDetails(intid) {Productproduct = db.Products.Find(id);returnView(product); }}
- 12. MVC RoutingGET: /Product/Edit/5public ActionResultEdit(intid) {Productproduct = db.Products.Find(id);ViewBag.BrandId = new SelectList(db.Brands, "Id", "Name", product.BrandId);returnView(product); }
- 13. MVC Routing e ModelBindingPOST: /Product/Edit/5[HttpPost]public ActionResultEdit(Productproduct) {if (ModelState.IsValid) {db.Entry(product).State = EntityState.Modified;db.SaveChanges();returnRedirectToAction("Index"); }ViewBag.BrandId = new SelectList(db.Brands, "Id", "Name", product.BrandId);returnView(product); }
- 14. RequisitiPer il runtimeASP.NET MVC 3: .NET Framework version4ASP.NETMVC 3 Visual Studio 2010 tools:VisualStudio 2010 o Visual Web Developer 2010 Express
- 15. InstallazioneSide by side con MVC 2Web PlatformInstaller (WebPI)http://www.microsoft.com/web/gallery/install.aspx?appid=MVC3Download direttohttp://go.microsoft.com/fwlink/?LinkID=208140
- 16. NuGetLibrary Package ManagerEstensione di Visual StudioAutomazione:DownloadPackage folderReferenceWeb.configConfigurazione customGestione updatePost e guida di base su blog.be-st.it
- 17. NuGetDEMO
- 18. NuGet in MVC 3Versione 1.2Package pre-installatiModernizrEntity Framework Code FirstJQuery
- 19. ScaffoldingCreazione dell’impalcatura“Add Controller” ha 3 modalità di scaffolding:Empty controllerController withemptyread/writeactionsController withread/writeactions and view, usingEntity Framework
- 20. ScaffoldingController withread/writeactions and view, usingEntity FrameworkBeneficiAccesso ai datiValidazioneOne-to-manyrelationship
- 21. ScaffoldingAlternativa: MVCScaffoldingPackage NuGethttp://blog.stevensanderson.comPro ASP.NET MVC V2 Framework
- 22. HTML 5I template di progetto supportano HTML 5
- 23. HTML 5Nuovi tagHeaderFooterNavSectionValidazione HTML 5 in VS 2010
- 24. HTML 5La compatibilità con i browser più vecchi è garantita da ModernizrBrowser non HTML 5<header><nav><section><footer>http://www.modernizr.com/
- 25. Package NuGetViewEngine “Razor”OverviewNuove featureNuovi HTML helpers
- 26. ViewEngine “Razor”ConcisaFacile da imparareIntellisense e evidenziazione del codice Razor in Visual Studio
- 27. ViewEngine “Razor”Definizione del model: @modelCommenti: @* *@Impostazioni di default (ad es. layoutpage)Html senza encoding: Html.RawCodice condiviso tra le view (_viewstart.cshtml)“Master page”: layout
- 28. Razor Layout
- 31. ChartDemoHtmlHelpersController public ActionResult Chart() {var key = new Chart(width: 600, height: 400) .AddSeries(chartType: "bar",legend: "Rainfall",xValue: new[] { "Jan", "Feb", "Mar", "Apr", "May" },yValues: new[] { "20", "20", "40", "10", "10" }) .Write();returnnull; }
- 32. ChartView<p> <imgsrc="/DemoHtmlHelpers/Chart" alt="Chart" /></p>
- 33. WebGrid @{vargrid = newWebGrid(source: Model, rowsPerPage: 3);}@grid.GetHtml(tableStyle: "grid",headerStyle: "head",alternatingRowStyle: "alt",columns: grid.Columns(grid.Column("Id"),grid.Column("Name") ) )<tableclass="grid"><thead><trclass="head"><trclass="alt">
- 35. WebImagevarimagePath = Server.MapPath("~/images/dotdotnet.png");varimage = newWebImage(imagePath);FlipVertical(); FlipHorizontal();RotateLeft(); RotateRight();CropWaterMarkResizeFormato immagine: JPEG, PNG (default), BMP, GIF
- 36. Miglioramenti ai controllerGlobal ActionFiltersNuova ViewBagpropertyNuovi ActionResult
- 37. Global ActionFiltersMVC 2: ActionFiltersCodice da eseguire prima e dopo una SPECIFICA actionSi applica sull’action o sul controller
- 38. Global ActionFiltersMVC 3: Global ActionFiltersFiltri da eseguire prima e dopo OGNI action di tutti i controllerGlobalFilters
- 39. ViewBagMVC 2: ViewDataDictionaryMVC 3: ViewBagDynamicPropertyViewData[“Message”] VS. ViewBag.Message
- 41. Javascript e AJAXAJAX sfrutta NuGet (aggiornabile)UnobtrusiveJavaScriptDefault Client-Side ValidationRemote validatorSupporto al binding JSON
- 42. UnobtrusiveJavaScriptVantaggiSeparazione tra codice e markupPerformance e scalabilitàAggiornamento delle librerie per supportare nuove funzionalità/nuovi e vecchi useragentSvantaggiSviluppo più lentoNecessità di cercare eventuali JS associati ai tag
- 43. Separazione tra codice e markup<input type="text" name="date" onchange="validateDate()" /><input type="text" name="date" id="date" />$(function(){ $('#date').bind('change', validateDate); });
- 44. UnobtrusiveJavaScript – ON/OFFWeb.Config – appSettings <add key="UnobtrusiveJavaScriptEnabled" value="true"/>HtmlHelper.UnobtrusiveJavaScriptEnabledDefault: ON (sui nuovi progetti)OFF: compatibilità con MVC 1 e 2Utilizza attributi compatibili con HTML 5
- 45. Unobtrusive JS: PerformanceOFF<form action="/ajax/callback" id="form0" method="post" onclick="Sys.Mvc.AsyncForm.handleClick(this, newSys.UI.DomEvent(event));" onsubmit="Sys.Mvc.AsyncForm.handleSubmit(this, newSys.UI.DomEvent(event), { insertionMode: Sys.Mvc.InsertionMode.replace, loadingElementId: 'loading', updateTargetId: 'updateme' });">ON<form action="/ajax/callback" data-ajax="true" data-ajax-loading="#loading" data-ajax-mode="replace" data-ajax-update="#updateme" method="post">
- 46. Default Client-Side ValidationMVC 2Html.EnableClientValidationMVC 3Default!Disabilitabile da web.config
- 48. JSON BindingIl modelbinding è stato esteso per supportare JSONE’ possibile fare binding da un oggetto JSON ad un parametro di una action
- 49. JSON Binding
- 50. JSON Binding
- 52. DataAnnotationsSupporto diretto ai DataAnnotationsDisplayAttribute
- 53. ValidationAttributeIsValidOverloadAccesso all’oggetto in corso di validazioneCompareAttribute
- 54. ValidationInterfacesIValidatableObject Validazione a livello di modelStato del modelConfronto tra proprietà del model
- 56. DependencyInjectionCos’èLe dipendenze non sono all’interno del componenteLe dipendenze vengono iniettate
- 57. Nessuna injectionpublic classOrderManager { public voidProcessOrder() {varlogger = newLogManager();logger.Log(); } }
- 58. DI: constructorinjectionpublic classOrderManagerDI { private readonlyILog_logger; public OrderManagerDI(ILoglogger) {_logger = logger; } public voidProcessOrder() {_logger.Log(); } }
- 59. DI in pratica = IOCLe dipendenze possono essere moltissime ed in cascataLa risoluzione delle dipendenze viene demandata ad un gestore esternoL’IOC si occupa di gestire le dipendenze a runtimeEsempio:Ninject
- 61. Altre nuove featuresPartial-page output cachingEstendibilità della finestra “New Project”OverloadsHtml.LabelFor e Html.LabelForModelSupporto alla sessione nei controllerAdditionalMetadataAttributeNuovo AccountControllerNuovo template di progetto “Intranet”
- 63. ASP.NET è morto?Intranet/web application “non pubbliche”Molto veloce sviluppareInfinità di controlli server sul mercatoASP.NET 4.0 sopperisce a molti limiti sul controllo dell’HTML
- 64. RiferimentiMVC Page su ASP.NETwww.asp.net/mvcMSDNgo.microsoft.com/fwlink/?LinkId=205717ScottGuhttp://weblogs.asp.net/scottgu/